diff --git a/iframe.html b/iframe.html index ed53eb3a..bb87d717 100644 --- a/iframe.html +++ b/iframe.html @@ -70,4 +70,4 @@ }

No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.


\ No newline at end of file
+      }
No Preview
Sorry, but you either have no stories or none are selected somehow.
If the problem persists, check the browser console, or the terminal you've run Storybook from.

\ No newline at end of file
diff --git a/main.6012e4c9a3d1ec0db52a.bundle.js.map b/main.6012e4c9a3d1ec0db52a.bundle.js.map
deleted file mode 100644
index e21c39c4..00000000
--- a/main.6012e4c9a3d1ec0db52a.bundle.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"main.6012e4c9a3d1ec0db52a.bundle.js","sources":["webpack:///main.6012e4c9a3d1ec0db52a.bundle.js"],"mappings":"AAAA","sourceRoot":""}
\ No newline at end of file
diff --git a/main.6012e4c9a3d1ec0db52a.bundle.js b/main.aa10765da9ea0406d6e0.bundle.js
similarity index 99%
rename from main.6012e4c9a3d1ec0db52a.bundle.js
rename to main.aa10765da9ea0406d6e0.bundle.js
index 52c7481d..3ac95996 100644
--- a/main.6012e4c9a3d1ec0db52a.bundle.js
+++ b/main.aa10765da9ea0406d6e0.bundle.js
@@ -1,2 +1,2 @@
 (window.webpackJsonp=window.webpackJsonp||[]).push([[0],[,,,,function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var h=__webpack_require__(0).__importStar(__webpack_require__(1)).createElement;exports.default=function(props){return h("div",{},h("div",{style:{padding:"0 20px"},dangerouslySetInnerHTML:{__html:props.md.default}}),h("style",{dangerouslySetInnerHTML:{__html:"\n@import url(https://fonts.googleapis.com/css?family=Merriweather:300italic,300);\n\nh1, h1 code, h2, h2 code, h3, h3 code, h4, h4 code {\n  color: #333;\n}\n\nhtml {\n  font-size: 16px;\n  max-width: 700px;\n  margin: auto;\n}\n\nbody {\n  color: #444;\n  font-family: 'Merriweather', Georgia, serif;\n  max-width: 700px;\n  margin: auto;\n}\n\n/* === A bit of a gross hack so we can have bleeding divs/blockquotes. */\n\ndiv {\n  width: 100%;\n}\n\ndiv img {\n  width: 100%;\n}\n\nblockquote p {\n  font-size: 1.5rem;\n  font-style: italic;\n  margin: 1rem auto 1rem;\n  max-width: 48rem;\n}\n\nli {\n  margin-left: 2rem;\n}\n\n/* Counteract the specificity of the gross *:not() chain. */\nh1 {\n  padding: 1m 0 !important;\n}\n/*  === End gross hack */\n\np {\n  color: #555;\n  height: auto;\n  line-height: 1.45;\n}\n\npre, code {\n  font-family: Menlo, Monaco, \"Courier New\", monospace;\n  color: #42b983;\n}\n\npre, pre code {\n  color: #000;\n}\n\npre {\n  background-color: #fafafa;\n  font-size: .8rem;\n  overflow-x: scroll;\n  padding: 1.125em;\n}\n\na, a pre, a code,\na:visited {\n  color: #3498db;\n}\n\na:hover,\na:focus,\na:active {\n  color: #2980b9;\n}\n        "}}))}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var createMemo_1=__webpack_require__(635);exports.createMemo=createMemo_1.default;var createReducer_1=__webpack_require__(636);exports.createReducer=createReducer_1.default;var useAsync_1=__webpack_require__(285);exports.useAsync=useAsync_1.default;var useAsyncFn_1=__webpack_require__(181);exports.useAsyncFn=useAsyncFn_1.default;var useAsyncRetry_1=__webpack_require__(637);exports.useAsyncRetry=useAsyncRetry_1.default;var useAudio_1=__webpack_require__(638);exports.useAudio=useAudio_1.default;var useBattery_1=__webpack_require__(640);exports.useBattery=useBattery_1.default;var useBeforeUnload_1=__webpack_require__(641);exports.useBeforeUnload=useBeforeUnload_1.default;var useBoolean_1=__webpack_require__(642);exports.useBoolean=useBoolean_1.default;var useClickAway_1=__webpack_require__(643);exports.useClickAway=useClickAway_1.default;var useCopyToClipboard_1=__webpack_require__(644);exports.useCopyToClipboard=useCopyToClipboard_1.default;var useCounter_1=__webpack_require__(288);exports.useCounter=useCounter_1.default;var useCss_1=__webpack_require__(647);exports.useCss=useCss_1.default;var useCustomCompareEffect_1=__webpack_require__(183);exports.useCustomCompareEffect=useCustomCompareEffect_1.default;var useDebounce_1=__webpack_require__(653);exports.useDebounce=useDebounce_1.default;var useDeepCompareEffect_1=__webpack_require__(654);exports.useDeepCompareEffect=useDeepCompareEffect_1.default;var useDefault_1=__webpack_require__(655);exports.useDefault=useDefault_1.default;var useDrop_1=__webpack_require__(656);exports.useDrop=useDrop_1.default;var useDropArea_1=__webpack_require__(657);exports.useDropArea=useDropArea_1.default;var useEffectOnce_1=__webpack_require__(129);exports.useEffectOnce=useEffectOnce_1.default;var useEnsuredForwardedRef_1=__webpack_require__(658);exports.useEnsuredForwardedRef=useEnsuredForwardedRef_1.default,exports.ensuredForwardRef=useEnsuredForwardedRef_1.ensuredForwardRef;var useEvent_1=__webpack_require__(284);exports.useEvent=useEvent_1.default;var useFavicon_1=__webpack_require__(659);exports.useFavicon=useFavicon_1.default;var useFullscreen_1=__webpack_require__(660);exports.useFullscreen=useFullscreen_1.default;var useGeolocation_1=__webpack_require__(662);exports.useGeolocation=useGeolocation_1.default;var useGetSet_1=__webpack_require__(289);exports.useGetSet=useGetSet_1.default;var useGetSetState_1=__webpack_require__(663);exports.useGetSetState=useGetSetState_1.default;var useHarmonicIntervalFn_1=__webpack_require__(664);exports.useHarmonicIntervalFn=useHarmonicIntervalFn_1.default;var useHover_1=__webpack_require__(666);exports.useHover=useHover_1.default;var useHoverDirty_1=__webpack_require__(290);exports.useHoverDirty=useHoverDirty_1.default;var useIdle_1=__webpack_require__(667);exports.useIdle=useIdle_1.default;var useIntersection_1=__webpack_require__(669);exports.useIntersection=useIntersection_1.default;var useInterval_1=__webpack_require__(670);exports.useInterval=useInterval_1.default;var useIsomorphicLayoutEffect_1=__webpack_require__(291);exports.useIsomorphicLayoutEffect=useIsomorphicLayoutEffect_1.default;var useKey_1=__webpack_require__(179);exports.useKey=useKey_1.default;var createBreakpoint_1=__webpack_require__(671);exports.createBreakpoint=createBreakpoint_1.default;var useKeyPress_1=__webpack_require__(292);exports.useKeyPress=useKeyPress_1.default;var useKeyPressEvent_1=__webpack_require__(672);exports.useKeyPressEvent=useKeyPressEvent_1.default;var useLifecycles_1=__webpack_require__(673);exports.useLifecycles=useLifecycles_1.default;var useList_1=__webpack_require__(293);exports.useList=useList_1.default;var useLocalStorage_1=__webpack_require__(674);exports.useLocalStorage=useLocalStorage_1.default;var useLocation_1=__webpack_require__(675);exports.useLocation=useLocation_1.default;var useLockBodyScroll_1=__webpack_require__(676);exports.useLockBodyScroll=useLockBodyScroll_1.default;var useLogger_1=__webpack_require__(677);exports.useLogger=useLogger_1.default;var useMap_1=__webpack_require__(678);exports.useMap=useMap_1.default;var useMedia_1=__webpack_require__(679);exports.useMedia=useMedia_1.default;var useMediaDevices_1=__webpack_require__(680);exports.useMediaDevices=useMediaDevices_1.default;var useMediatedState_1=__webpack_require__(294);exports.useMediatedState=useMediatedState_1.useMediatedState;var useMotion_1=__webpack_require__(681);exports.useMotion=useMotion_1.default;var useMount_1=__webpack_require__(185);exports.useMount=useMount_1.default;var useMountedState_1=__webpack_require__(55);exports.useMountedState=useMountedState_1.default;var useMouse_1=__webpack_require__(295);exports.useMouse=useMouse_1.default;var useMouseHovered_1=__webpack_require__(682);exports.useMouseHovered=useMouseHovered_1.default;var useNetwork_1=__webpack_require__(683);exports.useNetwork=useNetwork_1.default;var useNumber_1=__webpack_require__(684);exports.useNumber=useNumber_1.default;var useObservable_1=__webpack_require__(685);exports.useObservable=useObservable_1.default;var useOrientation_1=__webpack_require__(686);exports.useOrientation=useOrientation_1.default;var usePageLeave_1=__webpack_require__(687);exports.usePageLeave=usePageLeave_1.default;var usePermission_1=__webpack_require__(688);exports.usePermission=usePermission_1.default;var usePrevious_1=__webpack_require__(689);exports.usePrevious=usePrevious_1.default;var usePreviousDistinct_1=__webpack_require__(690);exports.usePreviousDistinct=usePreviousDistinct_1.default;var usePromise_1=__webpack_require__(691);exports.usePromise=usePromise_1.default;var useQueue_1=__webpack_require__(692);exports.useQueue=useQueue_1.default;var useRaf_1=__webpack_require__(296);exports.useRaf=useRaf_1.default;var useRafLoop_1=__webpack_require__(693);exports.useRafLoop=useRafLoop_1.default;var useRafState_1=__webpack_require__(96);exports.useRafState=useRafState_1.default;var useSearchParam_1=__webpack_require__(694);exports.useSearchParam=useSearchParam_1.default;var useScroll_1=__webpack_require__(695);exports.useScroll=useScroll_1.default;var useScrolling_1=__webpack_require__(696);exports.useScrolling=useScrolling_1.default;var useSessionStorage_1=__webpack_require__(697);exports.useSessionStorage=useSessionStorage_1.default;var useSetState_1=__webpack_require__(95);exports.useSetState=useSetState_1.default;var useShallowCompareEffect_1=__webpack_require__(698);exports.useShallowCompareEffect=useShallowCompareEffect_1.default;var useSize_1=__webpack_require__(700);exports.useSize=useSize_1.default;var useSlider_1=__webpack_require__(701);exports.useSlider=useSlider_1.default;var useSpeech_1=__webpack_require__(702);exports.useSpeech=useSpeech_1.default;var useStartTyping_1=__webpack_require__(703);exports.useStartTyping=useStartTyping_1.default;var useStateWithHistory_1=__webpack_require__(704);exports.useStateWithHistory=useStateWithHistory_1.useStateWithHistory;var useStateList_1=__webpack_require__(705);exports.useStateList=useStateList_1.default;var useThrottle_1=__webpack_require__(706);exports.useThrottle=useThrottle_1.default;var useThrottleFn_1=__webpack_require__(707);exports.useThrottleFn=useThrottleFn_1.default;var useTimeout_1=__webpack_require__(708);exports.useTimeout=useTimeout_1.default;var useTimeoutFn_1=__webpack_require__(184);exports.useTimeoutFn=useTimeoutFn_1.default;var useTitle_1=__webpack_require__(709);exports.useTitle=useTitle_1.default;var useToggle_1=__webpack_require__(287);exports.useToggle=useToggle_1.default;var useTween_1=__webpack_require__(710);exports.useTween=useTween_1.default;var useUnmount_1=__webpack_require__(130);exports.useUnmount=useUnmount_1.default;var useUnmountPromise_1=__webpack_require__(712);exports.useUnmountPromise=useUnmountPromise_1.default;var useUpdate_1=__webpack_require__(56);exports.useUpdate=useUpdate_1.default;var useUpdateEffect_1=__webpack_require__(93);exports.useUpdateEffect=useUpdateEffect_1.default;var useUpsert_1=__webpack_require__(713);exports.useUpsert=useUpsert_1.default;var useVibrate_1=__webpack_require__(714);exports.useVibrate=useVibrate_1.default;var useVideo_1=__webpack_require__(715);exports.useVideo=useVideo_1.default;var useStateValidator_1=__webpack_require__(297);exports.useStateValidator=useStateValidator_1.default;var useScrollbarWidth_1=__webpack_require__(716);exports.useScrollbarWidth=useScrollbarWidth_1.useScrollbarWidth;var useMultiStateValidator_1=__webpack_require__(718);exports.useMultiStateValidator=useMultiStateValidator_1.useMultiStateValidator;var useWindowScroll_1=__webpack_require__(719);exports.useWindowScroll=useWindowScroll_1.default;var useWindowSize_1=__webpack_require__(720);exports.useWindowSize=useWindowSize_1.default;var useMeasure_1=__webpack_require__(721);exports.useMeasure=useMeasure_1.default;var useRendersCount_1=__webpack_require__(298);exports.useRendersCount=useRendersCount_1.useRendersCount;var useFirstMountState_1=__webpack_require__(94);exports.useFirstMountState=useFirstMountState_1.useFirstMountState;var useSet_1=__webpack_require__(723);exports.useSet=useSet_1.default},,,,,,,,,,function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.isClient="object"==typeof window,exports.on=function(obj){for(var args=[],_i=1;_iarr.length?arr[index]=item:arr.splice(index,0,item),arr}))},update:function(predicate,newItem){actions.set((function(curr){return curr.map((function(item){return predicate(item,newItem)?newItem:item}))}))},updateFirst:function(predicate,newItem){var index=list.current.findIndex((function(item){return predicate(item,newItem)}));index>=0&&actions.updateAt(index,newItem)},upsert:function(predicate,newItem){var index=list.current.findIndex((function(item){return predicate(item,newItem)}));index>=0?actions.updateAt(index,newItem):actions.push(newItem)},sort:function(compareFn){actions.set((function(curr){return curr.slice().sort(compareFn)}))},filter:function(callbackFn,thisArg){actions.set((function(curr){return curr.slice().filter(callbackFn,thisArg)}))},removeAt:function(index){actions.set((function(curr){var arr=curr.slice();return arr.splice(index,1),arr}))},clear:function(){actions.set([])},reset:function(){actions.set(resolveHookState_1.resolveHookState(initialList).slice())}};return a.remove=a.removeAt,a}),[]);return[list.current,actions]}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(1);exports.useMediatedState=function useMediatedState(mediator,initialState){var mediatorFn=react_1.useRef(mediator),_a=react_1.useState(initialState),state=_a[0],setMediatedState=_a[1];return[state,react_1.useCallback((function(newState){2===mediatorFn.current.length?mediatorFn.current(newState,setMediatedState):setMediatedState(mediatorFn.current(newState))}),[state])]}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(1),useRafState_1=tslib_1.__importDefault(__webpack_require__(96));exports.default=function(ref){var _a=useRafState_1.default({docX:0,docY:0,posX:0,posY:0,elX:0,elY:0,elH:0,elW:0}),state=_a[0],setState=_a[1];return react_1.useEffect((function(){var moveHandler=function(event){if(ref&&ref.current){var _a=ref.current.getBoundingClientRect(),left=_a.left,top=_a.top,elW=_a.width,elH=_a.height,posX=left+window.pageXOffset,posY=top+window.pageYOffset,elX=event.pageX-posX,elY=event.pageY-posY;setState({docX:event.pageX,docY:event.pageY,posX:posX,posY:posY,elX:elX,elY:elY,elH:elH,elW:elW})}};return document.addEventListener("mousemove",moveHandler),function(){document.removeEventListener("mousemove",moveHandler)}}),[ref]),state}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(1);exports.default=function(ms,delay){void 0===ms&&(ms=1e12),void 0===delay&&(delay=0);var _a=react_1.useState(0),elapsed=_a[0],set=_a[1];return react_1.useLayoutEffect((function(){var raf,timerStop,start,onFrame=function(){var time=Math.min(1,(Date.now()-start)/ms);set(time),loop()},loop=function(){raf=requestAnimationFrame(onFrame)},timerDelay=setTimeout((function(){timerStop=setTimeout((function(){cancelAnimationFrame(raf),set(1)}),ms),start=Date.now(),loop()}),delay);return function(){clearTimeout(timerStop),clearTimeout(timerDelay),cancelAnimationFrame(raf)}}),[ms,delay]),elapsed}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(1);exports.default=function useStateValidator(state,validator,initialState){void 0===initialState&&(initialState=[void 0]);var validatorInner=react_1.useRef(validator),stateInner=react_1.useRef(state);validatorInner.current=validator,stateInner.current=state;var _a=react_1.useState(initialState),validity=_a[0],setValidity=_a[1],validate=react_1.useCallback((function(){validatorInner.current.length>=2?validatorInner.current(stateInner.current,setValidity):setValidity(validatorInner.current(stateInner.current))}),[setValidity]);return react_1.useEffect((function(){validate()}),[state]),[validity,validate]}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(1);exports.useRendersCount=function useRendersCount(){return++react_1.useRef(0).current}},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
useToggle
\n
React state hook that tracks value of a boolean.
\n
useBoolean is an alias for useToggle.
\n
Usage
\n
import {useToggle} from 'react-use';\n\nconst Demo = () => {\n  const [on, toggle] = useToggle(true);\n\n  return (\n    <div>\n      <div>{on ? 'ON' : 'OFF'}</div>\n      <button onClick={toggle}>Toggle</button>\n      <button onClick={() => toggle(true)}>set ON</button>\n      <button onClick={() => toggle(false)}>set OFF</button>\n    </div>\n  );\n};
\n'},,,function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
useDrop and useDropArea
\n
Triggers on file, link drop and copy-paste.
\n
useDrop tracks events for the whole page, useDropArea tracks drop events\nfor a specific element.
\n
Usage
\n
useDrop:
\n
import {useDrop} from 'react-use';\n\nconst Demo = () => {\n  const state = useDrop({\n    onFiles: files => console.log('files', files),\n    onUri: uri => console.log('uri', uri),\n    onText: text => console.log('text', text),\n  });\n\n  return (\n    <div>\n      Drop something on the page.\n    </div>\n  );\n};
\n
useDropArea:
\n
import {useDropArea} from 'react-use';\n\nconst Demo = () => {\n  const [bond, state] = useDropArea({\n    onFiles: files => console.log('files', files),\n    onUri: uri => console.log('uri', uri),\n    onText: text => console.log('text', text),\n  });\n\n  return (\n    <div {...bond}>\n      Drop something here.\n    </div>\n  );\n};
\n'},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=__webpack_require__(0).__importStar(__webpack_require__(1));exports.default=function(_a){var children=_a.children;return window.location===window.parent.location?children:React.createElement("p",null,"This story should be"," ",React.createElement("a",{href:window.location.href,target:"_blank",title:"Open in new tab"},"opened in a new tab"),".")}},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
useHover and useHoverDirty
\n
React UI sensor hooks that track if some element is being hovered\nby a mouse.
\n\n
Usage
\n
import {useHover} from 'react-use';\n\nconst Demo = () => {\n  const element = (hovered) =>\n    <div>\n      Hover me! {hovered && 'Thanks!'}\n    </div>;\n  const [hoverable, hovered] = useHover(element);\n\n  return (\n    <div>\n      {hoverable}\n      <div>{hovered ? 'HOVERED' : ''}</div>\n    </div>\n  );\n};
\n
Reference
\n
const [newReactElement, isHovering] = useHover(reactElement);\nconst [newReactElement, isHovering] = useHover((isHovering) => reactElement);\nconst isHovering = useHoverDirty(ref);
\n'},,,,function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
useMouse and useMouseHovered
\n
React sensor hooks that re-render on mouse position changes. useMouse simply tracks\nmouse position; useMouseHovered allows you to specify extra options:
\n\n
Usage
\n
import {useMouse} from 'react-use';\n\nconst Demo = () => {\n  const ref = React.useRef(null);\n  const {docX, docY, posX, posY, elX, elY, elW, elH} = useMouse(ref);\n\n  return (\n    <div ref={ref}>\n      <div>Mouse position in document - x:{docX} y:{docY}</div>\n      <div>Mouse position in element - x:{elX} y:{elY}</div>\n      <div>Element position- x:{posX} y:{posY}</div>\n      <div>Element dimensions - {elW}x{elH}</div>\n    </div>\n  );\n};
\n
Reference
\n
useMouse(ref);\nuseMouseHovered(ref, {bound: false, whenHovered: false});
\n'},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
useScroll
\n
React sensor hook that re-renders when the scroll position in a DOM element changes.
\n
Usage
\n
import {useScroll} from 'react-use';\n\nconst Demo = () => {\n  const scrollRef = React.useRef(null);\n  const {x, y} = useScroll(scrollRef);\n\n  return (\n    <div ref={scrollRef}>\n      <div>x: {x}</div>\n      <div>y: {y}</div>\n    </div>\n  );\n};
\n
Reference
\n
useScroll(ref: RefObject<HTMLElement>);
\n'},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
useThrottle and useThrottleFn
\n
React hooks that throttle.
\n
Usage
\n
import React, { useState } from 'react';\nimport { useThrottle, useThrottleFn } from 'react-use';\n\nconst Demo = ({value}) => {\n  const throttledValue = useThrottle(value);\n  // const throttledValue = useThrottleFn(value => value, 200, [value]);\n\n  return (\n    <>\n      <div>Value: {value}</div>\n      <div>Throttled value: {throttledValue}</div>\n    </>\n  );\n};
\n
Reference
\n
useThrottle(value, ms?: number);\nuseThrottleFn(fn, ms, args);
\n'},,function(module,exports,__webpack_require__){__webpack_require__(313),__webpack_require__(440),module.exports=__webpack_require__(441)},,,,,,,,,,,,,,,,,,,,,,function(module,exports){},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){__webpack_require__(25),__webpack_require__(23),__webpack_require__(19),__webpack_require__(26),__webpack_require__(27);var _storybook_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(3),_storybook_addon_options__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(311);Object(_storybook_addon_options__WEBPACK_IMPORTED_MODULE_6__.setOptions)({sortStoriesByKind:!1,showStoriesPanel:!0,showAddonPanel:!0,showSearchBox:!1,addonPanelInRight:!0,hierarchySeparator:/\//,hierarchyRootSeparator:/\|/,sidebarAnimations:!1});var req=__webpack_require__(621);Object(_storybook_react__WEBPACK_IMPORTED_MODULE_5__.configure)((function(){req.keys().forEach((function(filename){return req(filename)}))}),module)}.call(this,__webpack_require__(442)(module))},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(module,exports,__webpack_require__){var map={"./comps/UseKey.story.tsx":622,"./createBreakpoint.story.tsx":625,"./createMemo.story.tsx":725,"./createReducer.story.tsx":727,"./useAsync.story.tsx":731,"./useAsyncFn.story.tsx":733,"./useAsyncRetry.story.tsx":735,"./useAudio.story.tsx":737,"./useBattery.story.tsx":739,"./useBeforeUnload.story.tsx":741,"./useBoolean.story.tsx":743,"./useClickAway.story.tsx":744,"./useCopyToClipboard.story.tsx":758,"./useCounter.story.tsx":760,"./useCss.story.tsx":762,"./useCustomCompareEffect.story.tsx":764,"./useDebounce.story.tsx":766,"./useDeepCompareEffect.story.tsx":768,"./useDefault.story.tsx":770,"./useDrop.story.tsx":772,"./useDropArea.story.tsx":773,"./useEffectOnce.story.tsx":774,"./useEnsuredForwardedRef.story.tsx":777,"./useEvent.story.tsx":779,"./useFavicon.story.tsx":781,"./useFirstMountState.story.tsx":783,"./useFullscreen.story.tsx":785,"./useGeolocation.story.tsx":787,"./useGetSet.story.tsx":789,"./useGetSetState.story.tsx":791,"./useHarmonicIntervalFn.story.tsx":793,"./useHover.story.tsx":795,"./useHoverDirty.story.tsx":796,"./useIdle.story.tsx":797,"./useIntersection.story.tsx":799,"./useInterval.story.tsx":801,"./useIsomorphicLayoutEffect.story.tsx":803,"./useKey.story.tsx":805,"./useKeyPress.story.tsx":807,"./useKeyPressEvent.story.tsx":809,"./useKeyboardJs.story.tsx":811,"./useLifecycles.story.tsx":817,"./useList.story.tsx":819,"./useLocalStorage.story.tsx":821,"./useLocation.story.tsx":823,"./useLockBodyScroll.story.tsx":825,"./useLogger.story.tsx":832,"./useMap.story.tsx":834,"./useMeasure.story.tsx":836,"./useMedia.story.tsx":838,"./useMediaDevices.story.tsx":840,"./useMediatedState.story.tsx":842,"./useMotion.story.tsx":844,"./useMount.story.tsx":846,"./useMountedState.story.tsx":848,"./useMouse.story.tsx":850,"./useMouseHovered.story.tsx":851,"./useMultiStateValidator.story.tsx":852,"./useNetwork.story.tsx":854,"./useObservable.story.tsx":856,"./useOrientation.story.tsx":858,"./usePageLeave.story.tsx":860,"./usePermission.story.tsx":862,"./usePrevious.story.tsx":864,"./usePreviousDistinct.story.tsx":866,"./usePromise.story.tsx":868,"./useQueue.story.tsx":870,"./useRaf.story.tsx":872,"./useRafLoop.story.tsx":874,"./useRafState.story.tsx":876,"./useRendersCount.story.tsx":878,"./useScroll.story.tsx":880,"./useScrollbarWidth.story.tsx":881,"./useScrolling.story.tsx":882,"./useSearchParam.story.tsx":884,"./useSessionStorage.story.tsx":886,"./useSet.story.tsx":888,"./useSetState.story.tsx":890,"./useShallowCompareEffect.story.tsx":892,"./useSize.story.tsx":894,"./useSlider.story.tsx":896,"./useSpeech.story.tsx":898,"./useSpring.story.tsx":900,"./useStartTyping.story.tsx":904,"./useStateList.story.tsx":906,"./useStateValidator.story.tsx":908,"./useStateWithHistory.story.tsx":910,"./useThrottle.story.tsx":912,"./useThrottleFn.story.tsx":913,"./useTimeout.story.tsx":914,"./useTimeoutFn.story.tsx":916,"./useTitle.story.tsx":918,"./useToggle.story.tsx":920,"./useTween.story.tsx":921,"./useUnmount.story.tsx":923,"./useUpdate.story.tsx":925,"./useUpdateEffect.story.tsx":927,"./useUpsert.story.tsx":929,"./useVibrate.story.tsx":931,"./useVideo.story.tsx":933,"./useWindowScroll.story.tsx":935,"./useWindowSize.story.tsx":937};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=621},function(module,exports,__webpack_require__){"use strict";(function(module){Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(3),React=tslib_1.__importStar(__webpack_require__(1)),UseKey_1=tslib_1.__importDefault(__webpack_require__(623));react_1.storiesOf("Components|",module).add("Demo",(function(){return React.createElement("div",null,'Press "q" key!',React.createElement(UseKey_1.default,{filter:"q",fn:function(){return alert("Q pressed!")}}))}))}).call(this,__webpack_require__(2)(module))},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),useKey_1=tslib_1.__importDefault(__webpack_require__(179)),UseKey=tslib_1.__importDefault(__webpack_require__(624)).default(useKey_1.default,(function(_a){var filter=_a.filter,fn=_a.fn,deps=_a.deps;return[filter,fn,tslib_1.__rest(_a,["filter","fn","deps"]),deps]}));exports.default=UseKey},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var defaultMapPropsToArgs=function(props){return[props]};exports.default=function(hook,mapPropsToArgs){void 0===mapPropsToArgs&&(mapPropsToArgs=defaultMapPropsToArgs);return function(props){var state=hook.apply(void 0,mapPropsToArgs(props)),children=props.children,_a=props.render,render=void 0===_a?children:_a;return render&&render(state)||null}}},function(module,exports,__webpack_require__){"use strict";(function(module){Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),addon_knobs_1=__webpack_require__(62),react_1=__webpack_require__(3),react_2=tslib_1.__importDefault(__webpack_require__(1)),src_1=__webpack_require__(5),ShowDocs_1=tslib_1.__importDefault(__webpack_require__(4)),useBreakpointA=src_1.createBreakpoint(),useBreakpointB=src_1.createBreakpoint({mobileM:350,laptop:1024,tablet:768}),Demo=function(){var breakpointA=useBreakpointA(),breakpointB=useBreakpointB();return react_2.default.createElement("div",null,react_2.default.createElement("p",null,"try resize your window"),react_2.default.createElement("p",null,"createBreakpoint() #default : { laptopL: 1440, laptop: 1024, tablet: 768 }"),react_2.default.createElement("p",null,breakpointA),react_2.default.createElement("p",null,"createBreakpoint({ mobileM: 350, laptop: 1024, tablet: 768 })"),react_2.default.createElement("p",null,breakpointB))};react_1.storiesOf("sensors|createBreakpoint",module).addDecorator(addon_knobs_1.withKnobs).add("Docs",(function(){return react_2.default.createElement(ShowDocs_1.default,{md:__webpack_require__(724)})})).add("Demo",(function(){return react_2.default.createElement(Demo,null)}))}).call(this,__webpack_require__(2)(module))},,,,,,,,,,function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(1);exports.default=function(fn){return function(){for(var args=[],_i=0;_i=b[1]?1:-1}))}),[breakpoints]);return sortedBreakpoints.reduce((function(acc,_a){var name=_a[0],width=_a[1];return screen>=width?name:acc}),sortedBreakpoints[0][0])}}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),useKeyPress_1=tslib_1.__importDefault(__webpack_require__(292)),useUpdateEffect_1=tslib_1.__importDefault(__webpack_require__(93));exports.default=function(key,keydown,keyup,useKeyPress){void 0===useKeyPress&&(useKeyPress=useKeyPress_1.default);var _a=useKeyPress(key),pressed=_a[0],event=_a[1];useUpdateEffect_1.default((function(){!pressed&&keyup?keyup(event):pressed&&keydown&&keydown(event)}),[pressed])}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(1);exports.default=function(mount,unmount){react_1.useEffect((function(){return mount&&mount(),function(){unmount&&unmount()}}),[])}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(1),util_1=__webpack_require__(15);exports.default=function(key,initialValue,raw){if(!util_1.isClient)return[initialValue,function(){}];var _a=react_1.useState((function(){try{var localStorageValue=localStorage.getItem(key);return"string"!=typeof localStorageValue?(localStorage.setItem(key,raw?String(initialValue):JSON.stringify(initialValue)),initialValue):raw?localStorageValue:JSON.parse(localStorageValue||"null")}catch(_a){return initialValue}})),state=_a[0],setState=_a[1];return react_1.useEffect((function(){try{var serializedState=raw?String(state):JSON.stringify(state);localStorage.setItem(key,serializedState)}catch(_a){}}),[state]),[state,setState]}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(1),util_1=__webpack_require__(15),patchHistoryMethod=function(method){var original=history[method];history[method]=function(state){var result=original.apply(this,arguments),event=new Event(method.toLowerCase());return event.state=state,window.dispatchEvent(event),result}};util_1.isClient&&(patchHistoryMethod("pushState"),patchHistoryMethod("replaceState"));var buildState=function(trigger){return{trigger:trigger,state:history.state,length:history.length,hash:location.hash,host:location.host,hostname:location.hostname,href:location.href,origin:location.origin,pathname:location.pathname,port:location.port,protocol:location.protocol,search:location.search}},hasEventConstructor="function"==typeof Event;exports.default=util_1.isClient&&hasEventConstructor?function(){var _a=react_1.useState(buildState("load")),state=_a[0],setState=_a[1];return react_1.useEffect((function(){var onPopstate=function(){return setState(buildState("popstate"))},onPushstate=function(){return setState(buildState("pushstate"))},onReplacestate=function(){return setState(buildState("replacestate"))};return util_1.on(window,"popstate",onPopstate),util_1.on(window,"pushstate",onPushstate),util_1.on(window,"replacestate",onReplacestate),function(){util_1.off(window,"popstate",onPopstate),util_1.off(window,"pushstate",onPushstate),util_1.off(window,"replacestate",onReplacestate)}}),[]),state}:function(){return{trigger:"load",length:1}}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(1);function getClosestBody(el){if(!el)return null;if("BODY"===el.tagName)return el;if("IFRAME"===el.tagName){var document=el.contentDocument;return document?document.body:null}return el.offsetParent?getClosestBody(el.offsetParent):null}exports.getClosestBody=getClosestBody;var bodies=new Map,doc="object"==typeof document?document:void 0;exports.default=doc?function useLockBody(locked,elementRef){void 0===locked&&(locked=!0),elementRef=elementRef||react_1.useRef(doc.body),react_1.useEffect((function(){var body=getClosestBody(elementRef.current);if(body){var bodyInfo=bodies.get(body);locked?bodyInfo?bodies.set(body,{counter:bodyInfo.counter+1,initialOverflow:bodyInfo.initialOverflow}):(bodies.set(body,{counter:1,initialOverflow:body.style.overflow}),body.style.overflow="hidden"):bodyInfo&&(1===bodyInfo.counter?(bodies.delete(body),body.style.overflow=bodyInfo.initialOverflow):bodies.set(body,{counter:bodyInfo.counter-1,initialOverflow:bodyInfo.initialOverflow}))}}),[locked,elementRef.current])}:function useLockBodyMock(_locked,_elementRef){void 0===_locked&&(_locked=!0)}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),useEffectOnce_1=tslib_1.__importDefault(__webpack_require__(129)),useUpdateEffect_1=tslib_1.__importDefault(__webpack_require__(93));exports.default=function(componentName){for(var rest=[],_i=1;_i1?value=1:value<0&&(value=0),reverse_1&&(value=1-value),setState({value:value}),(options.onScrub||noop)(value)}}))};return util_1.on(ref.current,"mousedown",onMouseDown_1),util_1.on(ref.current,"touchstart",onTouchStart_1),function(){util_1.off(ref.current,"mousedown",onMouseDown_1),util_1.off(ref.current,"touchstart",onTouchStart_1)}}}),[ref,options.vertical]),state}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(1),useMount_1=tslib_1.__importDefault(__webpack_require__(185)),useSetState_1=tslib_1.__importDefault(__webpack_require__(95)),voices="object"==typeof window&&"object"==typeof window.speechSynthesis?window.speechSynthesis.getVoices():[];exports.default=function(text,opts){void 0===opts&&(opts={});var _a=useSetState_1.default({isPlaying:!1,lang:opts.lang||"default",voice:opts.voice||voices[0],rate:opts.rate||1,pitch:opts.pitch||1,volume:opts.volume||1}),state=_a[0],setState=_a[1],uterranceRef=react_1.useRef(null);return useMount_1.default((function(){var utterance=new SpeechSynthesisUtterance(text);opts.lang&&(utterance.lang=opts.lang),opts.voice&&(utterance.voice=opts.voice),utterance.rate=opts.rate||1,utterance.pitch=opts.pitch||1,utterance.volume=opts.volume||1,utterance.onstart=function(){return setState({isPlaying:!0})},utterance.onresume=function(){return setState({isPlaying:!0})},utterance.onend=function(){return setState({isPlaying:!1})},utterance.onpause=function(){return setState({isPlaying:!1})},uterranceRef.current=utterance,window.speechSynthesis.speak(uterranceRef.current)})),state}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(1);exports.default=function(onStartTyping){react_1.useLayoutEffect((function(){var keydown=function(event){var _a,keyCode,metaKey,ctrlKey,altKey;!function(){var activeElement=document.activeElement,body=document.body;if(!activeElement)return!1;if(activeElement===body)return!1;switch(activeElement.tagName){case"INPUT":case"TEXTAREA":return!0}return activeElement.hasAttribute("contenteditable")}()&&(keyCode=(_a=event).keyCode,metaKey=_a.metaKey,ctrlKey=_a.ctrlKey,altKey=_a.altKey,!(metaKey||ctrlKey||altKey)&&(keyCode>=48&&keyCode<=57||keyCode>=65&&keyCode<=90))&&onStartTyping(event)};return document.addEventListener("keydown",keydown),function(){document.removeEventListener("keydown",keydown)}}),[])}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(1),useFirstMountState_1=__webpack_require__(94),resolveHookState_1=__webpack_require__(128);exports.useStateWithHistory=function useStateWithHistory(initialState,capacity,initialHistory){if(void 0===capacity&&(capacity=10),capacity<1)throw new Error("Capacity has to be greater than 1, got '"+capacity+"'");var isFirstMount=useFirstMountState_1.useFirstMountState(),_a=react_1.useState(initialState),state=_a[0],innerSetState=_a[1],history=react_1.useRef(null!=initialHistory?initialHistory:[]),historyPosition=react_1.useRef(0);return isFirstMount&&(history.current.length?(history.current[history.current.length-1]!==initialState&&history.current.push(initialState),history.current.length>capacity&&(history.current=history.current.slice(history.current.length-capacity))):history.current.push(initialState),historyPosition.current=history.current.length&&history.current.length-1),[state,react_1.useCallback((function(newState){innerSetState((function(currentState){return(newState=resolveHookState_1.resolveHookState(newState))!==currentState&&(historyPosition.currentcapacity&&(history.current=history.current.slice(history.current.length-capacity))),newState}))}),[state,capacity]),react_1.useMemo((function(){return{history:history.current,position:historyPosition.current,capacity:capacity,back:function(amount){void 0===amount&&(amount=1),historyPosition.current&&innerSetState((function(){return historyPosition.current-=Math.min(amount,historyPosition.current),history.current[historyPosition.current]}))},forward:function(amount){void 0===amount&&(amount=1),historyPosition.current!==history.current.length-1&&innerSetState((function(){return historyPosition.current=Math.min(historyPosition.current+amount,history.current.length-1),history.current[historyPosition.current]}))},go:function(position){position!==historyPosition.current&&innerSetState((function(){return historyPosition.current=position<0?Math.max(history.current.length+position,0):Math.min(history.current.length-1,position),history.current[historyPosition.current]}))}}}),[state])]}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(1),useMountedState_1=tslib_1.__importDefault(__webpack_require__(55)),useUpdate_1=tslib_1.__importDefault(__webpack_require__(56)),useUpdateEffect_1=tslib_1.__importDefault(__webpack_require__(93));exports.default=function useStateList(stateSet){void 0===stateSet&&(stateSet=[]);var isMounted=useMountedState_1.default(),update=useUpdate_1.default(),index=react_1.useRef(0);useUpdateEffect_1.default((function(){stateSet.length<=index.current&&(index.current=stateSet.length-1,update())}),[stateSet.length]);var actions=react_1.useMemo((function(){return{next:function(){return actions.setStateAt(index.current+1)},prev:function(){return actions.setStateAt(index.current-1)},setStateAt:function(newIndex){isMounted()&&stateSet.length&&newIndex!==index.current&&(index.current=newIndex>=0?newIndex%stateSet.length:stateSet.length+newIndex%stateSet.length,update())},setState:function(state){if(isMounted()){var newIndex=stateSet.length?stateSet.indexOf(state):-1;if(-1===newIndex)throw new Error("State '"+state+"' is not a valid state (does not exist in state list)");index.current=newIndex,update()}}}}),[stateSet]);return tslib_1.__assign({state:stateSet[index.current],currentIndex:index.current},actions)}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(1),useUnmount_1=tslib_1.__importDefault(__webpack_require__(130));exports.default=function(value,ms){void 0===ms&&(ms=200);var _a=react_1.useState(value),state=_a[0],setState=_a[1],timeout=react_1.useRef(),nextValue=react_1.useRef(null),hasNextValue=react_1.useRef(0);return react_1.useEffect((function(){if(timeout.current)nextValue.current=value,hasNextValue.current=!0;else{setState(value);var timeoutCallback_1=function(){hasNextValue.current?(hasNextValue.current=!1,setState(nextValue.current),timeout.current=setTimeout(timeoutCallback_1,ms)):timeout.current=void 0};timeout.current=setTimeout(timeoutCallback_1,ms)}}),[value]),useUnmount_1.default((function(){timeout.current&&clearTimeout(timeout.current)})),state}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(1),useUnmount_1=tslib_1.__importDefault(__webpack_require__(130));exports.default=function(fn,ms,args){void 0===ms&&(ms=200);var _a=react_1.useState(null),state=_a[0],setState=_a[1],timeout=react_1.useRef(),nextArgs=react_1.useRef();return react_1.useEffect((function(){if(timeout.current)nextArgs.current=args;else{setState(fn.apply(void 0,args));var timeoutCallback_1=function(){nextArgs.current?(setState(fn.apply(void 0,nextArgs.current)),nextArgs.current=void 0,timeout.current=setTimeout(timeoutCallback_1,ms)):timeout.current=void 0};timeout.current=setTimeout(timeoutCallback_1,ms)}}),args),useUnmount_1.default((function(){timeout.current&&clearTimeout(timeout.current)})),state}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),useTimeoutFn_1=tslib_1.__importDefault(__webpack_require__(184)),useUpdate_1=tslib_1.__importDefault(__webpack_require__(56));exports.default=function useTimeout(ms){void 0===ms&&(ms=0);var update=useUpdate_1.default();return useTimeoutFn_1.default(update,ms)}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(1);exports.default="undefined"!=typeof document?function useTitle(title){var t=react_1.useRef();t.current!==title&&(document.title=t.current=title)}:function(_title){}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),ts_easing_1=__webpack_require__(711),useRaf_1=tslib_1.__importDefault(__webpack_require__(296));exports.default=function(easingName,ms,delay){return void 0===easingName&&(easingName="inCirc"),void 0===ms&&(ms=200),void 0===delay&&(delay=0),(0,ts_easing_1.easing[easingName])(useRaf_1.default(ms,delay))}},,function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(1);exports.default=function(){var refUnmounted=react_1.useRef(!1);return react_1.useEffect((function(){return function(){refUnmounted.current=!0}})),react_1.useMemo((function(){return function(promise,onError){return new Promise((function(resolve,reject){promise.then((function(result){refUnmounted.current||resolve(result)}),(function(error){refUnmounted.current?onError?onError(error):console.error("useUnmountPromise",error):reject(error)}))}))}}),[])}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),useList_1=tslib_1.__importDefault(__webpack_require__(293));exports.default=function useUpsert(predicate,initialList){void 0===initialList&&(initialList=[]);var _a=useList_1.default(initialList),list=_a[0],listActions=_a[1];return[list,tslib_1.__assign(tslib_1.__assign({},listActions),{upsert:function(newItem){listActions.upsert(predicate,newItem)}})]}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(1),isVibrationApiSupported="object"==typeof navigator&&"vibrate"in navigator;exports.default=isVibrationApiSupported?function useVibrate(enabled,pattern,loop){void 0===enabled&&(enabled=!0),void 0===pattern&&(pattern=[1e3,1e3]),void 0===loop&&(loop=!0),react_1.useEffect((function(){var interval;if(enabled&&(navigator.vibrate(pattern),loop)){var duration=pattern instanceof Array?pattern.reduce((function(a,b){return a+b})):pattern;interval=setInterval((function(){navigator.vibrate(pattern)}),duration)}return function(){enabled&&(navigator.vibrate(0),loop&&clearInterval(interval))}}),[enabled])}:function(){}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var useVideo=__webpack_require__(0).__importDefault(__webpack_require__(286)).default("video");exports.default=useVideo},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var scrollbar_width_1=__webpack_require__(717),react_1=__webpack_require__(1);exports.useScrollbarWidth=function useScrollbarWidth(){var _a=react_1.useState(scrollbar_width_1.scrollbarWidth()),sbw=_a[0],setSbw=_a[1];return react_1.useEffect((function(){if(void 0===sbw){var raf=requestAnimationFrame((function(){setSbw(scrollbar_width_1.scrollbarWidth())}));return function(){return cancelAnimationFrame(raf)}}}),[]),sbw}},,function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__webpack_require__(1);exports.useMultiStateValidator=function useMultiStateValidator(states,validator,initialValidity){if(void 0===initialValidity&&(initialValidity=[void 0]),"object"!=typeof states)throw new Error("states expected to be an object or array, got "+typeof states);var validatorInner=react_1.useRef(validator),statesInner=react_1.useRef(states);validatorInner.current=validator,statesInner.current=states;var _a=react_1.useState(initialValidity),validity=_a[0],setValidity=_a[1],validate=react_1.useCallback((function(){validatorInner.current.length>=2?validatorInner.current(statesInner.current,setValidity):setValidity(validatorInner.current(statesInner.current))}),[setValidity]);return react_1.useEffect((function(){validate()}),Object.values(states)),[validity,validate]}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(1),util_1=__webpack_require__(15),useRafState_1=tslib_1.__importDefault(__webpack_require__(96));exports.default=function(){var _a=useRafState_1.default({x:util_1.isClient?window.pageXOffset:0,y:util_1.isClient?window.pageYOffset:0}),state=_a[0],setState=_a[1];return react_1.useEffect((function(){var handler=function(){setState({x:window.pageXOffset,y:window.pageYOffset})};return window.addEventListener("scroll",handler,{capture:!1,passive:!0}),function(){window.removeEventListener("scroll",handler)}}),[]),state}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(1),useRafState_1=tslib_1.__importDefault(__webpack_require__(96)),util_1=__webpack_require__(15);exports.default=function(initialWidth,initialHeight){void 0===initialWidth&&(initialWidth=1/0),void 0===initialHeight&&(initialHeight=1/0);var _a=useRafState_1.default({width:util_1.isClient?window.innerWidth:initialWidth,height:util_1.isClient?window.innerHeight:initialHeight}),state=_a[0],setState=_a[1];return react_1.useEffect((function(){if(util_1.isClient){var handler_1=function(){setState({width:window.innerWidth,height:window.innerHeight})};return window.addEventListener("resize",handler_1),function(){window.removeEventListener("resize",handler_1)}}}),[]),state}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(1),resize_observer_polyfill_1=tslib_1.__importDefault(__webpack_require__(722));exports.default=function(){var _a=react_1.useState({x:0,y:0,width:0,height:0,top:0,left:0,bottom:0,right:0}),rect=_a[0],set=_a[1],observer=react_1.useState((function(){return new resize_observer_polyfill_1.default((function(entries){var entry=entries[0];entry&&set(entry.contentRect)}))}))[0];return[react_1.useCallback((function(node){observer.disconnect(),node&&observer.observe(node)}),[observer]),rect]}},,function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(1);exports.default=function(initialSet){void 0===initialSet&&(initialSet=new Set);var _a=react_1.useState(initialSet),set=_a[0],setSet=_a[1],stableActions=react_1.useMemo((function(){return{add:function(item){return setSet((function(prevSet){return new Set(tslib_1.__spreadArrays(Array.from(prevSet),[item]))}))},remove:function(item){return setSet((function(prevSet){return new Set(Array.from(prevSet).filter((function(i){return i!==item})))}))},reset:function(){return setSet(initialSet)}}}),[setSet]),utils=tslib_1.__assign({has:react_1.useCallback((function(item){return set.has(item)}),[set])},stableActions);return[set,utils]}},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
createBreakpoint
\n
Usage
\n
use default breakpoint
\n
laptopL: 1440, laptop: 1024, tablet: 768
\n
import React from "react";\nimport { createBreakpoint } from "react-use";\n\nconst useBreakpoint = createBreakpoint();\n\nconst Demo = () => {\n  const breakpoint = useBreakpoint();\n\n  if (breakpoint === "laptopL") return <div> This is very big Laptop </div>;\n  else if (breakpoint == "laptop") return <div> This is Laptop</div>;\n  else if (breakpoint == "tablet") return <div> This is Tablet</div>;\n  else return <div> Too small!</div>;\n};
\n
use custom breakpoint
\n
XL: 1280, L: 768, S: 350
\n
import React from "react";\nimport { createBreakpoint } from "react-use";\n\nconst useBreakpoint = createBreakpoint({ XL: 1280, L: 768, S: 350 });\n\nconst Demo = () => {\n  const breakpoint = useBreakpoint();\n\n  if (breakpoint === "XL") return <div> XL </div>;\n  else if (breakpoint == "L") return <div> LoL</div>;\n  else if (breakpoint == "S") return <div> Sexyy</div>;\n  else return <div> Wth</div>;\n};
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(3),React=tslib_1.__importStar(__webpack_require__(1)),src_1=__webpack_require__(5),ShowDocs_1=tslib_1.__importDefault(__webpack_require__(4)),fibonacci=function(n){return 0===n?0:1===n?1:fibonacci(n-1)+fibonacci(n-2)},useMemoFibonacci=src_1.createMemo(fibonacci),Demo=function(){var result=useMemoFibonacci(10);return React.createElement("div",null,"fib(10) = ",result)};react_1.storiesOf("State|createMemo",module).add("Docs",(function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(726)})})).add("Demo",(function(){return React.createElement(Demo,null)}))}).call(this,__webpack_require__(2)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
createMemo
\n
Hook factory, receives a function to be memoized, returns a memoized React hook,\nwhich receives the same arguments and returns the same result as the original function.
\n
Usage
\n
import {createMemo} from 'react-use';\n\nconst fibonacci = n => {\n  if (n === 0) return 0;\n  if (n === 1) return 1;\n  return fibonacci(n - 1) + fibonacci(n - 2);\n};\n\nconst useMemoFibonacci = createMemo(fibonacci);\n\nconst Demo = () => {\n  const result = useMemoFibonacci(10);\n\n  return (\n    <div>\n      fib(10) = {result}\n    </div>\n  );\n};
\n
Reference
\n
const useMemoFn = createMemo(fn);
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(3),React=tslib_1.__importStar(__webpack_require__(1)),redux_logger_1=tslib_1.__importDefault(__webpack_require__(728)),redux_thunk_1=tslib_1.__importDefault(__webpack_require__(729)),src_1=__webpack_require__(5),ShowDocs_1=tslib_1.__importDefault(__webpack_require__(4)),useThunkReducer=src_1.createReducer(redux_thunk_1.default,redux_logger_1.default);function init(initialCount){return{count:initialCount}}function reducer(state,action){switch(action.type){case"increment":return{count:state.count+1};case"decrement":return{count:state.count-1};case"reset":return init(action.payload);default:throw new Error}}var Demo=function(_a){var _b=_a.initialCount,initialCount=void 0===_b?1:_b,addAndReset=React.useCallback((function(){return function(dispatch2){dispatch2({type:"increment"}),setTimeout((function(){dispatch2({type:"reset",payload:initialCount})}),1e3)}}),[initialCount]),_c=useThunkReducer(reducer,initialCount,init),state=_c[0],dispatch=_c[1];return React.createElement("div",null,React.createElement("pre",null,JSON.stringify(state,null,2)),React.createElement("button",{onClick:function(){return dispatch(addAndReset())}},"Add and reset"),React.createElement("button",{onClick:function(){return dispatch({type:"reset",payload:initialCount})}},"Reset"),React.createElement("button",{onClick:function(){return dispatch({type:"increment"})}},"+"),React.createElement("button",{onClick:function(){return dispatch({type:"decrement"})}},"-"),React.createElement("p",null,"Open your developer console to see actions logged by middleware"))};react_1.storiesOf("State|createReducer",module).add("Docs",(function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(730)})})).add("Demo",(function(){return React.createElement(Demo,null)}))}).call(this,__webpack_require__(2)(module))},,,function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
createReducer
\n
Factory for reducer hooks with custom middleware with an identical API as React's useReducer. Compatible with Redux middlware.
\n
Usage
\n
An example with redux-thunk and redux-logger.
\n
import { createReducer } from 'react-use';\nimport logger from 'redux-logger';\nimport thunk from 'redux-thunk';\n\nconst useThunkReducer = createReducer(thunk, logger);\n\nfunction reducer(state, action) {\n  switch (action.type) {\n    case 'increment':\n      return { count: state.count + 1 };\n    case 'decrement':\n      return { count: state.count - 1 };\n    case 'reset':\n      return { count: action.payload };\n    default:\n      throw new Error();\n  }\n}\n\nconst Demo = ({ initialCount = 1 }) => {\n  // Action creator to increment count, wait a second and then reset\n  const addAndReset = React.useCallback(() => {\n    return dispatch => {\n      dispatch({ type: 'increment' });\n\n      setTimeout(() => {\n        dispatch({ type: 'reset', payload: initialCount });\n      }, 1000);\n    };\n  }, [initialCount]);\n\n  const [state, dispatch] = useThunkReducer(reducer, initialCount);\n\n  return (\n    <div>\n      <p>count: {state.count}</p>\n      <button onClick={() => dispatch(addAndReset())}>Add and reset</button>\n      <button\n        onClick={() => dispatch({ type: 'reset', payload: { count: initialCount }})}\n      >\n        Reset\n      </button>\n      <button onClick={() => dispatch({ type: 'increment' })}>+</button>\n      <button onClick={() => dispatch({ type: 'decrement' })}>-</button>\n    </div>\n  );\n};
\n
Reference
\n
const useMiddlewareReducer = createReducer(...middlewares);
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),addon_knobs_1=__webpack_require__(62),react_1=__webpack_require__(3),React=tslib_1.__importStar(__webpack_require__(1)),src_1=__webpack_require__(5),ShowDocs_1=tslib_1.__importDefault(__webpack_require__(4)),Demo=function(_a){var delay=_a.delay,state=src_1.useAsync((function(){return new Promise((function(resolve,reject){setTimeout((function(){Math.random()>.5?resolve("✌️"):reject(new Error("A pseudo random error occurred"))}),delay)}))}),[delay]);return React.createElement("div",null,state.loading?React.createElement("p",null,"Loading..."):state.error?React.createElement("p",null,"Error: ",state.error.message):React.createElement("p",null,"Value: ",state.value),React.createElement("pre",null,JSON.stringify(state,null,2)))};react_1.storiesOf("Side effects|useAsync",module).addDecorator(addon_knobs_1.withKnobs).add("Docs",(function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(732)})})).add("Demo",(function(){var delay=addon_knobs_1.number("delay",1e3,{range:!0,min:100,max:5e3,step:100});return React.createElement(Demo,{delay:delay})}))}).call(this,__webpack_require__(2)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
useAsync
\n
React hook that resolves an async function or a function that returns\na promise;
\n
Usage
\n
import {useAsync} from 'react-use';\n\nconst Demo = ({url}) => {\n  const state = useAsync(async () => {\n    const response = await fetch(url);\n    const result = await response.text();\n    return result\n  }, [url]);\n\n  return (\n    <div>\n      {state.loading\n        ? <div>Loading...</div>\n        : state.error\n          ? <div>Error: {state.error.message}</div>\n          : <div>Value: {state.value}</div>\n      }\n    </div>\n  );\n};
\n
Reference
\n
useAsync(fn, args?: any[]);
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(3),React=tslib_1.__importStar(__webpack_require__(1)),src_1=__webpack_require__(5),ShowDocs_1=tslib_1.__importDefault(__webpack_require__(4)),Demo=function(){var _a=src_1.useAsyncFn((function(){return new Promise((function(resolve,reject){setTimeout((function(){Math.random()>.5?resolve("✌️"):reject(new Error("A pseudo random error occurred"))}),1e3)}))})),state=_a[0],callback=_a[1];return React.createElement("div",null,state.loading?React.createElement("p",null,"Loading..."):state.error?React.createElement("p",null,"Error: ",state.error.message):React.createElement("p",null,"Value: ",state.value),React.createElement("button",{onClick:function(){return callback()}},"Start"),React.createElement("pre",null,JSON.stringify(state,null,2)))};react_1.storiesOf("Side effects|useAsyncFn",module).add("Docs",(function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(734)})})).add("Demo",(function(){return React.createElement(Demo,null)}))}).call(this,__webpack_require__(2)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
useAsyncFn
\n
React hook that returns state and a callback for an async function or a\nfunction that returns a promise. The state is of the same shape as useAsync.
\n
Usage
\n
import {useAsyncFn} from 'react-use';\n\nconst Demo = ({url}) => {\n  const [state, fetch] = useAsyncFn(async () => {\n    const response = await fetch(url);\n    const result = await response.text();\n    return result\n  }, [url]);\n\n  return (\n    <div>\n      {state.loading\n        ? <div>Loading...</div>\n        : state.error\n          ? <div>Error: {state.error.message}</div>\n          : <div>Value: {state.value}</div>\n      }\n      <button onClick={() => fetch()}>Start loading</button>\n    </div>\n  );\n};
\n
Reference
\n
useAsyncFn(fn, deps?: any[]);
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),addon_knobs_1=__webpack_require__(62),react_1=__webpack_require__(3),React=tslib_1.__importStar(__webpack_require__(1)),src_1=__webpack_require__(5),ShowDocs_1=tslib_1.__importDefault(__webpack_require__(4)),Demo=function(_a){var delay=_a.delay,state=src_1.useAsyncRetry((function(){return new Promise((function(resolve,reject){setTimeout((function(){Math.random()>.5?resolve("✌️"):reject(new Error("A pseudo random error occurred"))}),delay)}))}),[delay]);return React.createElement("div",null,state.loading?React.createElement("p",null,"Loading..."):state.error?React.createElement("p",null,"Error: ",state.error.message):React.createElement("p",null,"Value: ",state.value),React.createElement("button",{onClick:function(){return state.retry()}},"Retry"),React.createElement("pre",null,JSON.stringify(state,null,2)))};react_1.storiesOf("Side effects|useAsyncRetry",module).addDecorator(addon_knobs_1.withKnobs).add("Docs",(function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(736)})})).add("Demo",(function(){var delay=addon_knobs_1.number("delay",1e3,{range:!0,min:100,max:5e3,step:100});return React.createElement(Demo,{delay:delay})}))}).call(this,__webpack_require__(2)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
useAsyncRetry
\n
Uses useAsync with an additional retry method to easily retry/refresh the async function;
\n
Usage
\n
import {useAsyncRetry} from 'react-use';\n\nconst Demo = ({url}) => {\n  const state = useAsyncRetry(async () => {\n    const response = await fetch(url);\n    const result = await response.text();\n    return result;\n  }, [url]);\n\n  return (\n    <div>\n      {state.loading\n        ? <div>Loading...</div>\n        : state.error\n          ? <div>Error: {state.error.message}</div>\n          : <div>Value: {state.value}</div>\n      }\n      {!loading && <button onClick={() => state.retry()}>Start loading</button>}\n    </div>\n  );\n};
\n
Reference
\n
useAsyncRetry(fn, args?: any[]);
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(3),React=tslib_1.__importStar(__webpack_require__(1)),src_1=__webpack_require__(5),ShowDocs_1=tslib_1.__importDefault(__webpack_require__(4)),Demo=function(){var _a=src_1.useAudio({src:"https://www.soundhelix.com/examples/mp3/SoundHelix-Song-2.mp3",autoPlay:!0}),audio=_a[0],state=_a[1],controls=_a[2];_a[3];return React.createElement("div",null,audio,React.createElement("pre",null,JSON.stringify(state,null,2)),React.createElement("button",{onClick:controls.pause},"Pause"),React.createElement("button",{onClick:controls.play},"Play"),React.createElement("br",null),React.createElement("button",{onClick:controls.mute},"Mute"),React.createElement("button",{onClick:controls.unmute},"Un-mute"),React.createElement("br",null),React.createElement("button",{onClick:function(){return controls.volume(.1)}},"Volume: 10%"),React.createElement("button",{onClick:function(){return controls.volume(.5)}},"Volume: 50%"),React.createElement("button",{onClick:function(){return controls.volume(1)}},"Volume: 100%"),React.createElement("br",null),React.createElement("button",{onClick:function(){return controls.seek(state.time-5)}},"-5 sec"),React.createElement("button",{onClick:function(){return controls.seek(state.time+5)}},"+5 sec"))};react_1.storiesOf("UI|useAudio",module).add("Docs",(function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(738)})})).add("Demo",(function(){return React.createElement(Demo,null)}))}).call(this,__webpack_require__(2)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
useAudio
\n
Creates <audio> element, tracks its state and exposes playback controls.
\n
Usage
\n
import {useAudio} from 'react-use';\n\nconst Demo = () => {\n  const [audio, state, controls, ref] = useAudio({\n    src: 'https://www.soundhelix.com/examples/mp3/SoundHelix-Song-2.mp3',\n    autoPlay: true,\n  });\n\n  return (\n    <div>\n      {audio}\n      <pre>{JSON.stringify(state, null, 2)}</pre>\n      <button onClick={controls.pause}>Pause</button>\n      <button onClick={controls.play}>Play</button>\n      <br/>\n      <button onClick={controls.mute}>Mute</button>\n      <button onClick={controls.unmute}>Un-mute</button>\n      <br/>\n      <button onClick={() => controls.volume(.1)}>Volume: 10%</button>\n      <button onClick={() => controls.volume(.5)}>Volume: 50%</button>\n      <button onClick={() => controls.volume(1)}>Volume: 100%</button>\n      <br/>\n      <button onClick={() => controls.seek(state.time - 5)}>-5 sec</button>\n      <button onClick={() => controls.seek(state.time + 5)}>+5 sec</button>\n    </div>\n  );\n};
\n
Reference
\n
const [audio, state, controls, ref] = useAudio(props);\nconst [audio, state, controls] = useAudio(<audio {...props}/>);
\n
audio is React's <audio> element that you have to insert somewhere in your\nrender tree, for example:
\n
<div>{audio}</div>
\n
state tracks the state of the audio and has the following shape:
\n
{\n  "buffered": [\n    {\n      "start": 0,\n      "end": 425.952625\n    }\n  ],\n  "time": 5.244996,\n  "duration": 425.952625,\n  "paused": false,\n  "muted": false,\n  "volume": 1\n}
\n
controls is a list collection of methods that allow you to control the\nplayback of the audio, it has the following interface:
\n
interface AudioControls {\n  play: () => Promise<void> | void;\n  pause: () => void;\n  mute: () => void;\n  unmute: () => void;\n  volume: (volume: number) => void;\n  seek: (time: number) => void;\n}
\n
ref is a React reference to HTML <audio> element, you can access the element by\nref.current, note that it may be null.
\n
And finally, props — all props that <audio> accepts.
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(3),React=tslib_1.__importStar(__webpack_require__(1)),src_1=__webpack_require__(5),ShowDocs_1=tslib_1.__importDefault(__webpack_require__(4)),Demo=function(){var batteryState=src_1.useBattery();return batteryState.isSupported?batteryState.fetched?React.createElement("div",null,React.createElement("strong",null,"Battery sensor"),":   ",React.createElement("span",null,"supported")," ",React.createElement("br",null),React.createElement("strong",null,"Battery state"),": ",React.createElement("span",null,"fetched")," ",React.createElement("br",null),React.createElement("strong",null,"Charge level"),":   ",React.createElement("span",null,(100*batteryState.level).toFixed(0),"%")," ",React.createElement("br",null),React.createElement("strong",null,"Charging"),":   ",React.createElement("span",null,batteryState.charging?"yes":"no")," ",React.createElement("br",null),React.createElement("strong",null,"Charging time"),":  ",React.createElement("span",null,batteryState.chargingTime?batteryState.chargingTime:"finished")," ",React.createElement("br",null),React.createElement("strong",null,"Discharging time"),":   ",React.createElement("span",null,batteryState.dischargingTime)):React.createElement("div",null,React.createElement("strong",null,"Battery sensor"),": ",React.createElement("span",null,"supported")," ",React.createElement("br",null),React.createElement("strong",null,"Battery state"),": ",React.createElement("span",null,"fetching")):React.createElement("div",null,React.createElement("strong",null,"Battery sensor"),": ",React.createElement("span",null,"not supported"))};react_1.storiesOf("Sensors|useBattery",module).add("Docs",(function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(740)})})).add("Demo",(function(){return React.createElement(Demo,null)}))}).call(this,__webpack_require__(2)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
useBattery
\n
React sensor hook that tracks battery status.
\n
\n
Note: current BatteryManager API state is obsolete.
Although it may still work in some browsers, its use is discouraged since it could be removed at any time.
\n
\n
Usage
\n
import {useBattery} from 'react-use';\n\nconst Demo = () => {\n  const batteryState = useBattery();\n\n  if (!batteryState.isSupported) {\n    return (\n      <div>\n        <strong>Battery sensor</strong>: <span>not supported</span>\n      </div>\n    );\n  }\n\n  if (!batteryState.fetched) {\n    return (\n      <div>\n        <strong>Battery sensor</strong>: <span>supported</span> <br />\n        <strong>Battery state</strong>: <span>fetching</span>\n      </div>\n    );\n  }\n\n  return (\n    <div>\n      <strong>Battery sensor</strong>:&nbsp;&nbsp; <span>supported</span> <br />\n      <strong>Battery state</strong>: <span>fetched</span> <br />\n      <strong>Charge level</strong>:&nbsp;&nbsp; <span>{ (batteryState.level * 100).toFixed(0) }%</span> <br />\n      <strong>Charging</strong>:&nbsp;&nbsp; <span>{ batteryState.charging ? 'yes' : 'no' }</span> <br />\n      <strong>Charging time</strong>:&nbsp;&nbsp;\n      <span>{ batteryState.chargingTime ? batteryState.chargingTime : 'finished' }</span> <br />\n      <strong>Discharging time</strong>:&nbsp;&nbsp; <span>{ batteryState.dischargingTime }</span>\n    </div>\n  );\n};
\n
Reference
\n
const {isSupported, level, charging, dischargingTime, chargingTime} = useBattery();
\n
    \n
  • isSupported: boolean - whether browser/devise supports BatteryManager;
    • \n
  • fetched: boolean - whether battery state is fetched;
    • \n
  • level: number - representing the system's battery charge level scaled to a value between 0.0 and 1.0.
    • \n
  • charging: boolean - indicating whether or not the battery is currently being charged.
    • \n
  • dischargingTime: number - remaining time in seconds until the battery is completely discharged and the system will suspend.
    • \n
  • chargingTime: number - remaining time in seconds until the battery is fully charged, or 0 if the battery is already fully charged.
    • \n
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(3),React=tslib_1.__importStar(__webpack_require__(1)),src_1=__webpack_require__(5),ShowDocs_1=tslib_1.__importDefault(__webpack_require__(4)),Demo=function(){var _a=src_1.useToggle(!1),dirty=_a[0],toggleDirty=_a[1];return src_1.useBeforeUnload(dirty,"You have unsaved changes, are you sure?"),React.createElement("div",null,dirty&&React.createElement("p",null,"Try to reload or close tab"),React.createElement("button",{onClick:function(){return toggleDirty()}},dirty?"Disable":"Enable"))};react_1.storiesOf("Side effects|useBeforeUnload",module).add("Docs",(function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(742)})})).add("Demo",(function(){return React.createElement(Demo,null)}))}).call(this,__webpack_require__(2)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
useBeforeUnload
\n
React side-effect hook that shows browser alert when user try to reload or close the page.
\n
Usage
\n
import {useBeforeUnload} from 'react-use';\n\nconst Demo = () => {\n  const [dirty, toggleDirty] = useToggle(false);\n  useBeforeUnload(dirty, 'You have unsaved changes, are you sure?');\n\n  return (\n    <div>\n      {dirty && <p>Try to reload or close tab</p>}\n      <button onClick={() => toggleDirty()}>{dirty ? 'Disable' : 'Enable'}</button>\n    </div>\n  );\n};
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(3),React=tslib_1.__importStar(__webpack_require__(1)),src_1=__webpack_require__(5),ShowDocs_1=tslib_1.__importDefault(__webpack_require__(4)),Demo=function(){var _a=src_1.useBoolean(!0),on=_a[0],toggle=_a[1];return React.createElement("div",null,React.createElement("div",null,on?"ON":"OFF"),React.createElement("button",{onClick:function(){return toggle()}},"Toggle"),React.createElement("button",{onClick:function(){return toggle(!0)}},"set ON"),React.createElement("button",{onClick:function(){return toggle(!1)}},"set OFF"))};react_1.storiesOf("State|useBoolean",module).add("Docs",(function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(299)})})).add("Demo",(function(){return React.createElement(Demo,null)}))}).call(this,__webpack_require__(2)(module))},function(module,exports,__webpack_require__){"use strict";(function(module){Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),addon_actions_1=__webpack_require__(131),react_1=__webpack_require__(3),React=tslib_1.__importStar(__webpack_require__(1)),react_2=__webpack_require__(1),src_1=__webpack_require__(5),ShowDocs_1=tslib_1.__importDefault(__webpack_require__(4)),Demo=function(){var ref=react_2.useRef(null);return src_1.useClickAway(ref,addon_actions_1.action("outside clicked")),React.createElement("div",{ref:ref,style:{width:200,height:200,background:"red"}})};react_1.storiesOf("UI|useClickAway",module).add("Docs",(function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(757)})})).add("Demo",(function(){return React.createElement(Demo,null)}))}).call(this,__webpack_require__(2)(module))},,,,,,,,,,,,,function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
useClickAway
\n
React UI hook that triggers a callback when user\nclicks outside the target element.
\n
Usage
\n
import {useClickAway} from 'react-use';\n\nconst Demo = () => {\n  const ref = useRef(null);\n  useClickAway(ref, () => {\n    console.log('OUTSIDE CLICKED');\n  });\n\n  return (\n    <div ref={ref} style={{\n      width: 200,\n      height: 200,\n      background: 'red',\n    }} />\n  );\n};
\n
Reference
\n
useClickAway(ref, onMouseEvent)\nuseClickAway(ref, onMouseEvent, ['click'])\nuseClickAway(ref, onMouseEvent, ['mousedown', 'touchstart'])
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(3),React=tslib_1.__importStar(__webpack_require__(1)),src_1=__webpack_require__(5),ShowDocs_1=tslib_1.__importDefault(__webpack_require__(4)),Demo=function(){var _a=React.useState(""),text=_a[0],setText=_a[1],_b=src_1.useCopyToClipboard(),state=_b[0],copyToClipboard=_b[1];return React.createElement("div",null,React.createElement("input",{value:text,onChange:function(e){return setText(e.target.value)}}),React.createElement("button",{type:"button",onClick:function(){return copyToClipboard(text)}},"copy text"),state.error?React.createElement("p",null,"Unable to copy value: ",state.error.message):state.value&&React.createElement(React.Fragment,null,React.createElement("p",null,"Copied ",state.value," ",state.noUserInteraction?"without":"with"," user interaction"),React.createElement("input",{type:"text",placeholder:"Paste it in here to check"})))};react_1.storiesOf("Side-effects|useCopyToClipboard",module).add("Docs",(function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(759)})})).add("Demo",(function(){return React.createElement(Demo,null)}))}).call(this,__webpack_require__(2)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
useCopyToClipboard
\n
Copy text to a user's clipboard.
\n
Usage
\n
const Demo = () => {\n  const [text, setText] = React.useState('');\n  const [state, copyToClipboard] = useCopyToClipboard();\n\n  return (\n    <div>\n      <input value={text} onChange={e => setText(e.target.value)} />\n      <button type="button" onClick={() => copyToClipboard(text)}>copy text</button>\n      {state.error\n        ? <p>Unable to copy value: {state.error.message}</p>\n        : state.value && <p>Copied {state.value}</p>}\n    </div>\n  )\n}
\n
Reference
\n
const [{value, error, noUserInteraction}, copyToClipboard] = useCopyToClipboard();
\n
    \n
  • value — value that was copied to clipboard, undefined when nothing was copied.
    • \n
  • error — catched error when trying to copy to clipboard.
    • \n
  • noUserInteraction — boolean indicating if user interaction was required to copy the value to clipboard to expose full API from underlying copy-to-clipboard library.
    • \n
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(3),React=tslib_1.__importStar(__webpack_require__(1)),src_1=__webpack_require__(5),ShowDocs_1=tslib_1.__importDefault(__webpack_require__(4)),Demo=function(){var _a=React.useState(5),initialValue=_a[0],setInitialValue=_a[1],_b=src_1.useCounter(1),min=_b[0],_c=_b[1],incMin=_c.inc,decMin=_c.dec,_d=src_1.useCounter(10),max=_d[0],_e=_d[1],incMax=_e.inc,decMax=_e.dec,_f=src_1.useCounter(initialValue,max,min),value=_f[0],_g=_f[1],inc=_g.inc,dec=_g.dec,set=_g.set,reset=_g.reset;return React.createElement("div",null,React.createElement("div",null,"current: ",value," [min: ",min,"; max: ",max,"]"),React.createElement("br",null),"Current value: ",React.createElement("button",{onClick:function(){return inc()}},"Increment"),React.createElement("button",{onClick:function(){return dec()}},"Decrement"),React.createElement("button",{onClick:function(){return inc(5)}},"Increment (+5)"),React.createElement("button",{onClick:function(){return dec(5)}},"Decrement (-5)"),React.createElement("button",{onClick:function(){return set(100)}},"Set 100"),React.createElement("button",{onClick:function(){return reset()}},"Reset"),React.createElement("button",{onClick:function(){return reset(25)}},"Reset (25)"),React.createElement("br",null),React.createElement("br",null),"Min value:",React.createElement("button",{onClick:function(){return incMin()}},"Increment"),React.createElement("button",{onClick:function(){return decMin()}},"Decrement"),React.createElement("br",null),React.createElement("br",null),"Max value:",React.createElement("button",{onClick:function(){return incMax()}},"Increment"),React.createElement("button",{onClick:function(){return decMax()}},"Decrement"),React.createElement("br",null),React.createElement("br",null),"Initial value: ",initialValue,React.createElement("button",{onClick:function(){return setInitialValue((function(v){return++v}))}},"Increment"),React.createElement("button",{onClick:function(){return setInitialValue((function(v){return--v}))}},"Decrement"))};react_1.storiesOf("State|useCounter",module).add("Docs",(function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(761)})})).add("Demo",(function(){return React.createElement(Demo,null)}))}).call(this,__webpack_require__(2)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
useCounter
\n
React state hook that tracks a numeric value.
\n
useNumber is an alias for useCounter.
\n
Usage
\n
import {useCounter, useNumber} from 'react-use';\n\nconst Demo = () => {\n  const [min, { inc: incMin, dec: decMin }] = useCounter(1);\n  const [max, { inc: incMax, dec: decMax }] = useCounter(10);\n  const [value, { inc, dec, set, reset }] = useCounter(5, max, min);\n\n  return (\n    <div>\n      <div>\n        current: { value } [min: { min }; max: { max }]\n      </div>\n\n      <br />\n      Current value: <button onClick={ () => inc() }>Increment</button>\n      <button onClick={ () => dec() }>Decrement</button>\n      <button onClick={ () => inc(5) }>Increment (+5)</button>\n      <button onClick={ () => dec(5) }>Decrement (-5)</button>\n      <button onClick={ () => set(100) }>Set 100</button>\n      <button onClick={ () => reset() }>Reset</button>\n      <button onClick={ () => reset(25) }>Reset (25)</button>\n\n      <br />\n      <br />\n      Min value:\n      <button onClick={ () => incMin() }>Increment</button>\n      <button onClick={ () => decMin() }>Decrement</button>\n\n      <br />\n      <br />\n      Max value:\n      <button onClick={ () => incMax() }>Increment</button>\n      <button onClick={ () => decMax() }>Decrement</button>\n    </div>\n  );\n};
\n
Reference
\n
const [ current, { inc, dec, get, set, reset } ] = useCounter(initial: number, max: number | null = null, 20: number | null = null);
\n
    \n
  • current - current counter value;
    • \n
  • get(): number - getter of current counter value;
    • \n
  • inc(delta: number): void - increment current value;
    • \n
  • dec(delta: number): void - decrement current value;
    • \n
  • set(value: number): void - set arbitrary value;
    • \n
  • reset(value: number): void - as the set, but also will assign value by reference to the initial parameter;
    • \n
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(3),React=tslib_1.__importStar(__webpack_require__(1)),src_1=__webpack_require__(5),ShowDocs_1=tslib_1.__importDefault(__webpack_require__(4)),Demo=function(){var className=src_1.useCss({color:"red",border:"1px solid red","&:hover":{color:"blue"}});return React.createElement("div",{className:className},"hello")};react_1.storiesOf("UI|useCss",module).add("Docs",(function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(763)})})).add("Demo",(function(){return React.createElement(Demo,null)}))}).call(this,__webpack_require__(2)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
useCss
\n
React UI hook that changes CSS dynamically. Works like "virtual CSS" —\nit re-renders only CSS rules that change. It is different from inline styles, because\nyou can use media queries and pseudo selectors.
\n
Usage
\n
import {useCss} from 'react-use';\n\nconst Demo = () => {\n  const className = useCss({\n    color: 'red',\n    border: '1px solid red',\n    '&:hover': {\n      color: 'blue',\n    },\n  });\n\n  return (\n    <div className={className}>\n      Hover me!\n    </div>\n  );\n};
\n
Examples
\n
const className = useCss({\n  color: 'tomato',\n  '&:hover': {\n    color: 'orange',\n  },\n});\n\nconst className = useCss({\n  svg: {\n    fill: 'tomato',\n  },\n  '.global_class &:hover svg': {\n    fill: 'orange',\n  },\n});\n\nconst className = useCss({\n  color: 'tomato',\n  '@media only screen and (max-width: 600px)': {\n    color: 'orange',\n    '&:hover': {\n      color: 'red',\n    }\n  },\n});
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(3),React=tslib_1.__importStar(__webpack_require__(1)),src_1=__webpack_require__(5),react_fast_compare_1=tslib_1.__importDefault(__webpack_require__(182)),ShowDocs_1=tslib_1.__importDefault(__webpack_require__(4)),Demo=function(){var _a=src_1.useCounter(0),countNormal=_a[0],incNormal=_a[1].inc,_b=src_1.useCounter(0),countDeep=_b[0],incDeep=_b[1].inc,options={max:500};return React.useEffect((function(){countNormal=history.history.length-1},"Forward >"),"  Step size: ",React.createElement("input",{type:"number",value:stepSize,min:1,max:3,onChange:handleStepSizeChange})),React.createElement("div",{style:{marginTop:8}},React.createElement("div",null,"Current history"),React.createElement("div",{dangerouslySetInnerHTML:{__html:JSON.stringify(history.history,null,2).replace(/\n/g,"
").replace(/ /g," ")}})))};react_1.storiesOf("State|useStateWithHistory",module).add("Docs",(function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(911)})})).add("Demo",(function(){return React.createElement(Demo,null)}))}).call(this,__webpack_require__(2)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
useStateHistory
\n
Stores defined amount of previous state values and provides handles to travel through them.
\n
Usage
\n
Reference
\n
const [state, setState, stateHistory] = useStateWithHistory<S = undefined>(\n  initialState?: S | (()=>S),\n  historyCapacity?: number = 10,\n  initialHistory?: S\n);
\n
    \n
  • state, setState and initialState are exactly the same with native React's useState hook;
    • \n
  • historyCapacity - amount of history entries that hold by storage;
    • \n
  • initialHistory - if defined it will be used as initial history value, otherwise history will equals [ initialState ].  \nInitial state will not be pushed to initial history.
    If entries amount is greater than historyCapacity parameter it wont be modified on init but will be trimmed on next setState;
    • \n
  • stateHistory - an object containing history state:
      \n
    • history: S[] - an array holding history entries. I will have the same ref all the time so pe careful with that one!;
      • \n
    • position: number - current position index in history;
      • \n
    • capacity: number = 10 - maximum amount of history entries;
      • \n
    • back: (amount?: number) => void - go back in state history, it will cause setState invoke and component re-render.
      If first element of history reached, the call will have no effect;
      • \n
    • forward: (amount?: number) => void - go forward in state history, it will cause setState invoke and component re-render.
      If last element of history reached, the call will have no effect;
      • \n
    • go: (position: number) => void - go to arbitrary position in history.
      In case position is non-negative ot will count elements from beginning.\nNegative position will cause elements counting from the end, so go(-2) equals go(history.length - 1);
      • \n
    \n
    • \n
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(3),React=tslib_1.__importStar(__webpack_require__(1)),src_1=__webpack_require__(5),ShowDocs_1=tslib_1.__importDefault(__webpack_require__(4)),Demo=function(){var _a=React.useState(""),value=_a[0],setValue=_a[1],throttledValue=src_1.useThrottle(value,2e3),_b=React.useState(throttledValue),lastThrottledValue=_b[0],setLastThrottledValue=_b[1],_c=src_1.useCounter(),count=_c[0],inc=_c[1].inc;return React.useEffect((function(){lastThrottledValue!==throttledValue&&(setLastThrottledValue(throttledValue),inc())})),React.createElement("div",{style:{width:300,margin:"40px auto"}},React.createElement("input",{type:"text",value:value,placeholder:"Throttled input",style:{width:"100%"},onChange:function(_a){var currentTarget=_a.currentTarget;setValue(currentTarget.value)}}),React.createElement("br",null),React.createElement("br",null),React.createElement("div",null,"Throttled value: ",throttledValue),React.createElement("div",null,"Times updated: ",count))};react_1.storiesOf("Side effects|useThrottle",module).add("Docs",(function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(310)})})).add("Demo",(function(){return React.createElement(Demo,null)}))}).call(this,__webpack_require__(2)(module))},function(module,exports,__webpack_require__){"use strict";(function(module){Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(3),React=tslib_1.__importStar(__webpack_require__(1)),src_1=__webpack_require__(5),ShowDocs_1=tslib_1.__importDefault(__webpack_require__(4)),Demo=function(){var _a=React.useState(""),value=_a[0],setValue=_a[1],throttledValue=src_1.useThrottleFn((function(defaultValue){return defaultValue}),2e3,[value]),_b=React.useState(throttledValue),lastThrottledValue=_b[0],setLastThrottledValue=_b[1],_c=src_1.useCounter(),count=_c[0],inc=_c[1].inc;return React.useEffect((function(){lastThrottledValue!==throttledValue&&(setLastThrottledValue(throttledValue),inc())})),React.createElement("div",{style:{width:300,margin:"40px auto"}},React.createElement("input",{type:"text",value:value,placeholder:"Throttled input",style:{width:"100%"},onChange:function(_a){var currentTarget=_a.currentTarget;setValue(currentTarget.value)}}),React.createElement("br",null),React.createElement("br",null),React.createElement("div",null,"Throttled value: ",throttledValue),React.createElement("div",null,"Times updated: ",count))};react_1.storiesOf("Side effects|useThrottleFn",module).add("Docs",(function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(310)})})).add("Demo",(function(){return React.createElement(Demo,null)}))}).call(this,__webpack_require__(2)(module))},function(module,exports,__webpack_require__){"use strict";(function(module){Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(3),React=tslib_1.__importStar(__webpack_require__(1)),src_1=__webpack_require__(5),ShowDocs_1=tslib_1.__importDefault(__webpack_require__(4));function TestComponent(props){void 0===props&&(props={});var ms=props.ms||5e3,_a=src_1.useTimeout(ms),isReady=_a[0],cancel=_a[1];return React.createElement("div",null,isReady()?"I'm reloaded after timeout":"I will be reloaded after "+ms/1e3+"s",!1===isReady()?React.createElement("button",{onClick:cancel},"Cancel"):"")}var Demo=function(){return React.createElement("div",null,React.createElement(TestComponent,null),React.createElement(TestComponent,{ms:1e4}))};react_1.storiesOf("Animation|useTimeout",module).add("Docs",(function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(915)})})).add("Demo",(function(){return React.createElement(Demo,null)}))}).call(this,__webpack_require__(2)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
useTimeout
\n
Re-renders the component after a specified number of milliseconds.
Provides handles to cancel and/or reset the timeout.
\n
Usage
\n
import { useTimeout } from 'react-use';\n\nfunction TestComponent(props: { ms?: number } = {}) {\n  const ms = props.ms || 5000;\n  const [isReady, cancel] = useTimeout(ms);\n\n  return (\n    <div>\n      { isReady() ? 'I\\'m reloaded after timeout' : `I will be reloaded after ${ ms / 1000 }s` }\n      { isReady() === false ? <button onClick={ cancel }>Cancel</button> : '' }\n    </div>\n  );\n}\n\nconst Demo = () => {\n  return (\n    <div>\n      <TestComponent />\n      <TestComponent ms={ 10000 } />\n    </div>\n  );\n};
\n
Reference
\n
const [\n    isReady: () => boolean | null,\n    cancel: () => void,\n    reset: () => void,\n] = useTimeout(ms: number = 0);
\n
    \n
  • isReady:()=>boolean|null - function returning current timeout state:
      \n
    • false - pending re-render
      • \n
    • true - re-render performed
      • \n
    • null - re-render cancelled
      • \n
    \n
    • \n
  • cancel:()=>void - cancel the timeout (component will not be re-rendered)
    • \n
  • reset:()=>void - reset the timeout
    • \n
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(3),React=tslib_1.__importStar(__webpack_require__(1)),react_2=__webpack_require__(1),src_1=__webpack_require__(5),ShowDocs_1=tslib_1.__importDefault(__webpack_require__(4)),Demo=function(){var _a=React.useState("Not called yet"),state=_a[0],setState=_a[1];var _b=src_1.useTimeoutFn((function fn(){setState("called at "+Date.now())}),5e3),isReady=_b[0],cancel=_b[1],reset=_b[2],cancelButtonClick=react_2.useCallback((function(){!1===isReady()?(cancel(),setState("cancelled")):(reset(),setState("Not called yet"))}),[]),readyState=isReady();return React.createElement("div",null,React.createElement("div",null,null!==readyState?"Function will be called in 5 seconds":"Timer cancelled"),React.createElement("button",{onClick:cancelButtonClick}," ",!1===readyState?"cancel":"restart"," timeout"),React.createElement("br",null),React.createElement("div",null,"Function state: ",!1===readyState?"Pending":readyState?"Called":"Cancelled"),React.createElement("div",null,state))};react_1.storiesOf("Animation|useTimeoutFn",module).add("Docs",(function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(917)})})).add("Demo",(function(){return React.createElement(Demo,null)}))}).call(this,__webpack_require__(2)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
useTimeoutFn
\n
Calls given function after specified amount of milliseconds.
\n
Several thing about it's work:
\n
    \n
  • does not re-render component;
    • \n
  • automatically cancel timeout on cancel;
    • \n
  • automatically reset timeout on delay change;
    • \n
  • reset function call will cancel previous timeout;
    • \n
  • timeout will NOT be reset on function change. It will be called within the timeout, you have to reset it on your own when needed. 
    • \n
\n
Usage
\n
import * as React from 'react';\nimport { useTimeoutFn } from 'react-use';\n\nconst Demo = () => {\n  const [state, setState] = React.useState('Not called yet');\n\n  function fn() {\n    setState(`called at ${Date.now()}`);\n  }\n\n  const [isReady, cancel, reset] = useTimeoutFn(fn, 5000);\n  const cancelButtonClick = useCallback(() => {\n    if (isReady() === false) {\n      cancel();\n      setState(`cancelled`);\n    } else {\n      reset();\n      setState('Not called yet');\n    }\n  }, []);\n\n  const readyState = isReady();\n\n  return (\n    <div>\n      <div>{readyState !== null ? 'Function will be called in 5 seconds' : 'Timer cancelled'}</div>\n      <button onClick={cancelButtonClick}> {readyState === false ? 'cancel' : 'restart'} timeout</button>\n      <br />\n      <div>Function state: {readyState === false ? 'Pending' : readyState ? 'Called' : 'Cancelled'}</div>\n      <div>{state}</div>\n    </div>\n  );\n};
\n
Reference
\n
const [\n    isReady: () => boolean | null,\n    cancel: () => void,\n    reset: () => void,\n] = useTimeoutFn(fn: Function, ms: number = 0);
\n
    \n
  • fn: Function - function that will be called;
    • \n
  • ms: number - delay in milliseconds;
    • \n
  • isReady: ()=>boolean|null - function returning current timeout state:
      \n
    • false - pending
      • \n
    • true - called
      • \n
    • null - cancelled
      • \n
    \n
    • \n
  • cancel: ()=>void - cancel the timeout
    • \n
  • reset: ()=>void - reset the timeout
    • \n
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(3),React=tslib_1.__importStar(__webpack_require__(1)),src_1=__webpack_require__(5),NewTabStory_1=tslib_1.__importDefault(__webpack_require__(303)),ShowDocs_1=tslib_1.__importDefault(__webpack_require__(4)),Demo=function(){return src_1.useTitle("Hello world!"),React.createElement(NewTabStory_1.default,null,'Title should be "Hello world!"')};react_1.storiesOf("Side effects|useTitle",module).add("Docs",(function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(919)})})).add("Demo",(function(){return React.createElement(Demo,null)}))}).call(this,__webpack_require__(2)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
useTitle
\n
React side-effect hook that sets title of the page.
\n
Usage
\n
import {useTitle} from 'react-use';\n\nconst Demo = () => {\n  useTitle('Hello world!');\n\n  return null;\n};
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(3),React=tslib_1.__importStar(__webpack_require__(1)),src_1=__webpack_require__(5),ShowDocs_1=tslib_1.__importDefault(__webpack_require__(4)),Demo=function(){var _a=src_1.useToggle(!0),on=_a[0],toggle=_a[1];return React.createElement("div",null,React.createElement("div",null,on?"ON":"OFF"),React.createElement("button",{onClick:toggle},"Toggle"),React.createElement("button",{onClick:function(){return toggle(!0)}},"set ON"),React.createElement("button",{onClick:function(){return toggle(!1)}},"set OFF"))};react_1.storiesOf("State|useToggle",module).add("Docs",(function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(299)})})).add("Demo",(function(){return React.createElement(Demo,null)}))}).call(this,__webpack_require__(2)(module))},function(module,exports,__webpack_require__){"use strict";(function(module){Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(3),React=tslib_1.__importStar(__webpack_require__(1)),src_1=__webpack_require__(5),ShowDocs_1=tslib_1.__importDefault(__webpack_require__(4)),Demo=function(){var t=src_1.useTween();return React.createElement("div",null,"Tween: ",t)};react_1.storiesOf("Animation|useTween",module).add("Docs",(function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(922)})})).add("Demo",(function(){return React.createElement(Demo,null)}))}).call(this,__webpack_require__(2)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
useTween
\n
React animation hook that tweens a number between 0 and 1.
\n
Usage
\n
import {useTween} from 'react-use';\n\nconst Demo = () => {\n  const t = useTween();\n\n  return (\n    <div>\n      Tween: {t}\n    </div>\n  );\n};
\n
Reference
\n
useTween(easing?: string, ms?: number, delay?: number): number
\n
Returns a number that begins with 0 and ends with 1 when animation ends.
\n
    \n
  • easing — one of the valid easing names, defaults to inCirc.
    • \n
  • ms — milliseconds for how long to keep re-rendering component, defaults to 200.
    • \n
  • delay — delay in milliseconds after which to start re-rendering component, defaults to 0.
    • \n
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(3),React=tslib_1.__importStar(__webpack_require__(1)),src_1=__webpack_require__(5),ShowDocs_1=tslib_1.__importDefault(__webpack_require__(4)),Demo=function(){return src_1.useUnmount((function(){return alert("UNMOUNTED")})),React.createElement("div",null,React.createElement("code",null,"useUnmount()")," hook can be used to perform side-effects when component unmounts. This component will alert you when it is un-mounted.")};react_1.storiesOf("Lifecycle|useUnmount",module).add("Docs",(function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(924)})})).add("Demo",(function(){return React.createElement(Demo,null)}))}).call(this,__webpack_require__(2)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
useUnmount
\n
React lifecycle hook that calls a function when the component will unmount. Use useEffectOnce if you need both a mount and unmount function.
\n
Usage
\n
import {useUnmount} from 'react-use';\n\nconst Demo = () => {\n  useUnmount(() => alert('UNMOUNTED'));\n  return null;\n};
\n
Reference
\n
useUnmount(fn: () => void | undefined);
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(3),React=tslib_1.__importStar(__webpack_require__(1)),src_1=__webpack_require__(5),ShowDocs_1=tslib_1.__importDefault(__webpack_require__(4)),Demo=function(){var update=src_1.useUpdate();return React.createElement(React.Fragment,null,React.createElement("div",null,"Time: ",Date.now()),React.createElement("button",{onClick:update},"Update"))};react_1.storiesOf("Animation|useUpdate",module).add("Docs",(function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(926)})})).add("Demo",(function(){return React.createElement(Demo,null)}))}).call(this,__webpack_require__(2)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
useUpdate
\n
React utility hook that returns a function that forces component\nto re-render when called.
\n
Usage
\n
import {useUpdate} from 'react-use';\n\nconst Demo = () => {\n  const update = useUpdate();\n  return (\n    <>\n      <div>Time: {Date.now()}</div>\n      <button onClick={update}>Update</button>\n    </>\n  );\n};
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(3),React=tslib_1.__importStar(__webpack_require__(1)),src_1=__webpack_require__(5),ShowDocs_1=tslib_1.__importDefault(__webpack_require__(4)),Demo=function(){var _a=React.useState(0),count=_a[0],setCount=_a[1],_b=React.useState(!1),didUpdate=_b[0],setDidUpdate=_b[1];return src_1.useUpdateEffect((function(){setDidUpdate(!0)}),[count]),React.createElement("div",null,React.createElement("button",{onClick:function(){return setCount((function(currentCount){return currentCount+1}))}},"Count: ",count),React.createElement("p",null,"Updated: ",didUpdate))};react_1.storiesOf("Lifecycle|useUpdateEffect",module).add("Docs",(function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(928)})})).add("Demo",(function(){return React.createElement(Demo,null)}))}).call(this,__webpack_require__(2)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
useUpdateEffect
\n
React effect hook that ignores the first invocation (e.g. on mount). The signature is exactly the same as the useEffect hook.
\n
Usage
\n
import React from 'react'\nimport {useUpdateEffect} from 'react-use';\n\nconst Demo = () => {\n  const [count, setCount] = React.useState(0);\n\n  React.useEffect(() => {\n    const interval = setInterval(() => {\n      setCount(count => count + 1)\n    }, 1000)\n\n    return () => {\n      clearInterval(interval)\n    }\n  }, [])\n\n  useUpdateEffect(() => {\n    console.log('count', count) // will only show 1 and beyond\n\n    return () => { // *OPTIONAL*\n      // do something on unmount\n    }\n  }) // you can include deps array if necessary\n\n  return <div>Count: {count}</div>\n};
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(3),React=tslib_1.__importStar(__webpack_require__(1)),src_1=__webpack_require__(5),ShowDocs_1=tslib_1.__importDefault(__webpack_require__(4)),initialItems=[{id:"1",text:"Sample"},{id:"2",text:""}],Demo=function(){var _a=src_1.useUpsert((function(a,b){return a.id===b.id}),initialItems),list=_a[0],_b=_a[1],set=_b.set,upsert=_b.upsert,remove=_b.remove;return React.createElement("div",{style:{display:"inline-flex",flexDirection:"column"}},list.map((function(item,index){return React.createElement("div",{key:item.id},React.createElement("input",{value:item.text,onChange:function(e){return upsert(tslib_1.__assign(tslib_1.__assign({},item),{text:e.target.value}))}}),React.createElement("button",{onClick:function(){return remove(index)}},"Remove"))})),React.createElement("button",{onClick:function(){return upsert({id:(list.length+1).toString(),text:""})}},"Add item"),React.createElement("button",{onClick:function(){return set([])}},"Reset"))};react_1.storiesOf("State|useUpsert",module).add("Docs",(function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(930)})})).add("Demo",(function(){return React.createElement(Demo,null)}))}).call(this,__webpack_require__(2)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
useUpsert
\n
\n
DEPRECATED!  \nUse useList hook's upsert action instead
\n
\n
Superset of useList. Provides an additional method to upsert (update or insert) an element into the list.
\n
Usage
\n
import {useUpsert} from 'react-use';\n\nconst Demo = () => {\n  const comparisonFunction = (a: DemoType, b: DemoType) => {\n    return a.id === b.id;\n  };\n  const [list, { set, upsert, remove }] = useUpsert(comparisonFunction, initialItems);\n\n  return (\n    <div style={{ display: 'inline-flex', flexDirection: 'column' }}>\n      {list.map((item: DemoType, index: number) => (\n        <div key={item.id}>\n          <input value={item.text} onChange={e => upsert({ ...item, text: e.target.value })} />\n          <button onClick={() => remove(index)}>Remove</button>\n        </div>\n      ))}\n      <button onClick={() => upsert({ id: (list.length + 1).toString(), text: '' })}>Add item</button>\n      <button onClick={() => set([])}>Reset</button>\n    </div>\n  );\n};
\n\n\n'},function(module,exports,__webpack_require__){"use strict";(function(module){Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(3),React=tslib_1.__importStar(__webpack_require__(1)),src_1=__webpack_require__(5),ShowDocs_1=tslib_1.__importDefault(__webpack_require__(4)),Demo=function(){var _a=src_1.useToggle(!1),vibrating=_a[0],toggleVibrating=_a[1];return src_1.useVibrate(vibrating,[300,100,200,100,1e3,300]),React.createElement("div",null,React.createElement("button",{onClick:toggleVibrating},vibrating?"Stop":"Vibrate"))};react_1.storiesOf("UI|useVibrate",module).add("Docs",(function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(932)})})).add("Demo",(function(){return React.createElement(Demo,null)}))}).call(this,__webpack_require__(2)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
useVibrate
\n
React UI hook to provide physical feedback with device vibration hardware using the Vibration API.
\n
Usage
\n
import {useVibrate} from 'react-use';\n\nconst Demo = () => {\n  const [vibrating, toggleVibrating] = useToggle(false);\n\n  useVibrate(vibrating, [300, 100, 200, 100, 1000, 300], false);\n\n  return (\n    <div>\n      <button onClick={toggleVibrating}>{vibrating ? 'Stop' : 'Vibrate'}</button>\n    </div>\n  );\n};
\n
Reference
\n
useVibrate(\n  enabled: boolean = true,\n  pattern: number | number[] = [1000, 1000],\n  loop: boolean = true\n): void;
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(3),React=tslib_1.__importStar(__webpack_require__(1)),src_1=__webpack_require__(5),ShowDocs_1=tslib_1.__importDefault(__webpack_require__(4)),Demo=function(){var _a=src_1.useVideo(React.createElement("video",{src:"http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4",autoPlay:!0})),video=_a[0],state=_a[1],controls=_a[2];_a[3];return React.createElement("div",null,video,React.createElement("pre",null,JSON.stringify(state,null,2)),React.createElement("button",{onClick:controls.pause},"Pause"),React.createElement("button",{onClick:controls.play},"Play"),React.createElement("br",null),React.createElement("button",{onClick:controls.mute},"Mute"),React.createElement("button",{onClick:controls.unmute},"Un-mute"),React.createElement("br",null),React.createElement("button",{onClick:function(){return controls.volume(.1)}},"Volume: 10%"),React.createElement("button",{onClick:function(){return controls.volume(.5)}},"Volume: 50%"),React.createElement("button",{onClick:function(){return controls.volume(1)}},"Volume: 100%"),React.createElement("br",null),React.createElement("button",{onClick:function(){return controls.seek(state.time-5)}},"-5 sec"),React.createElement("button",{onClick:function(){return controls.seek(state.time+5)}},"+5 sec"))};react_1.storiesOf("UI|useVideo",module).add("Docs",(function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(934)})})).add("Demo",(function(){return React.createElement(Demo,null)}))}).call(this,__webpack_require__(2)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
useVideo
\n
Creates <video> element, tracks its state and exposes playback controls.
\n
Usage
\n
import {useVideo} from 'react-use';\n\nconst Demo = () => {\n  const [video, state, controls, ref] = useVideo(\n    <video src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" autoPlay />\n  );\n\n  return (\n    <div>\n      {video}\n      <pre>{JSON.stringify(state, null, 2)}</pre>\n      <button onClick={controls.pause}>Pause</button>\n      <button onClick={controls.play}>Play</button>\n      <br/>\n      <button onClick={controls.mute}>Mute</button>\n      <button onClick={controls.unmute}>Un-mute</button>\n      <br/>\n      <button onClick={() => controls.volume(.1)}>Volume: 10%</button>\n      <button onClick={() => controls.volume(.5)}>Volume: 50%</button>\n      <button onClick={() => controls.volume(1)}>Volume: 100%</button>\n      <br/>\n      <button onClick={() => controls.seek(state.time - 5)}>-5 sec</button>\n      <button onClick={() => controls.seek(state.time + 5)}>+5 sec</button>\n    </div>\n  );\n};
\n
Reference
\n
const [video, state, controls, ref] = useVideo(props);\nconst [video, state, controls, ref] = useVideo(<video {...props}/>);
\n
video is React's <video> element that you have to insert somewhere in your\nrender tree, for example:
\n
<div>{video}</div>
\n
state tracks the state of the video and has the following shape:
\n
{\n  "buffered": [\n    {\n      "start": 0,\n      "end": 425.952625\n    }\n  ],\n  "time": 5.244996,\n  "duration": 425.952625,\n  "paused": false,\n  "muted": false,\n  "volume": 1\n}
\n
controls is a list collection of methods that allow you to control the\nplayback of the video, it has the following interface:
\n
interface AudioControls {\n  play: () => Promise<void> | void;\n  pause: () => void;\n  mute: () => void;\n  unmute: () => void;\n  volume: (volume: number) => void;\n  seek: (time: number) => void;\n}
\n
ref is a React reference to HTML <video> element, you can access the element by\nref.current, note that it may be null.
\n
And finally, props — all props that <video> accepts.
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(3),React=tslib_1.__importStar(__webpack_require__(1)),src_1=__webpack_require__(5),ShowDocs_1=tslib_1.__importDefault(__webpack_require__(4)),Demo=function(){var _a=src_1.useWindowScroll(),x=_a.x,y=_a.y;return React.createElement("div",{style:{width:"200vw",height:"200vh"}},React.createElement("div",{style:{position:"fixed",left:0,right:0}},React.createElement("div",null,"x: ",x),React.createElement("div",null,"y: ",y)))};react_1.storiesOf("Sensors/useWindowScroll",module).add("Docs",(function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(936)})})).add("Demo",(function(){return React.createElement(Demo,null)}))}).call(this,__webpack_require__(2)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
useWindowScroll
\n
React sensor hook that re-renders on window scroll.
\n
Usage
\n
import {useWindowScroll} from 'react-use';\n\nconst Demo = () => {\n  const {x, y} = useWindowScroll();\n\n  return (\n    <div>\n      <div>x: {x}</div>\n      <div>y: {y}</div>\n    </div>\n  );\n};
\n'},function(module,exports,__webpack_require__){"use strict";(function(module){Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=__webpack_require__(0),react_1=__webpack_require__(3),React=tslib_1.__importStar(__webpack_require__(1)),src_1=__webpack_require__(5),ShowDocs_1=tslib_1.__importDefault(__webpack_require__(4)),Demo=function(){var _a=src_1.useWindowSize(),width=_a.width,height=_a.height;return React.createElement("div",null,React.createElement("div",null,"width: ",width),React.createElement("div",null,"height: ",height))};react_1.storiesOf("Sensors|useWindowSize",module).add("Docs",(function(){return React.createElement(ShowDocs_1.default,{md:__webpack_require__(938)})})).add("Demo",(function(){return React.createElement(Demo,null)}))}).call(this,__webpack_require__(2)(module))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_exports__.default='
useWindowSize
\n
React sensor hook that tracks dimensions of the browser window.
\n
Usage
\n
import {useWindowSize} from 'react-use';\n\nconst Demo = () => {\n  const {width, height} = useWindowSize();\n\n  return (\n    <div>\n      <div>width: {width}</div>\n      <div>height: {height}</div>\n    </div>\n  );\n};
\n'}],[[312,1,2]]]);
-//# sourceMappingURL=main.6012e4c9a3d1ec0db52a.bundle.js.map
\ No newline at end of file
+//# sourceMappingURL=main.aa10765da9ea0406d6e0.bundle.js.map
\ No newline at end of file
diff --git a/main.aa10765da9ea0406d6e0.bundle.js.map b/main.aa10765da9ea0406d6e0.bundle.js.map
new file mode 100644
index 00000000..4dd704a6
--- /dev/null
+++ b/main.aa10765da9ea0406d6e0.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"main.aa10765da9ea0406d6e0.bundle.js","sources":["webpack:///main.aa10765da9ea0406d6e0.bundle.js"],"mappings":"AAAA","sourceRoot":""}
\ No newline at end of file
diff --git a/runtime~main.6012e4c9a3d1ec0db52a.bundle.js.map b/runtime~main.6012e4c9a3d1ec0db52a.bundle.js.map
deleted file mode 100644
index 52914c6c..00000000
--- a/runtime~main.6012e4c9a3d1ec0db52a.bundle.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"runtime~main.6012e4c9a3d1ec0db52a.bundle.js","sources":["webpack:///runtime~main.6012e4c9a3d1ec0db52a.bundle.js"],"mappings":"AAAA","sourceRoot":""}
\ No newline at end of file
diff --git a/runtime~main.6012e4c9a3d1ec0db52a.bundle.js b/runtime~main.aa10765da9ea0406d6e0.bundle.js
similarity index 97%
rename from runtime~main.6012e4c9a3d1ec0db52a.bundle.js
rename to runtime~main.aa10765da9ea0406d6e0.bundle.js
index 273b7870..984f2fcd 100644
--- a/runtime~main.6012e4c9a3d1ec0db52a.bundle.js
+++ b/runtime~main.aa10765da9ea0406d6e0.bundle.js
@@ -1,2 +1,2 @@
 !function(modules){function webpackJsonpCallback(data){for(var moduleId,chunkId,chunkIds=data[0],moreModules=data[1],executeModules=data[2],i=0,resolves=[];idelay?exec():!0!==noTrailing&&(timeoutID=setTimeout(debounceMode?function clear(){timeoutID=void 0}:exec,void 0===debounceMode?delay-elapsed:delay)))}return"boolean"!=typeof noTrailing&&(debounceMode=callback,callback=noTrailing,noTrailing=void 0),wrapper.cancel=function cancel(){clearExistingTimeout(),cancelled=!0},wrapper}function debounce(delay,atBegin,callback){return void 0===callback?throttle(delay,atBegin,!1):throttle(delay,callback,!1!==atBegin)}__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"throttle",(function(){return throttle})),__webpack_require__.d(__webpack_exports__,"debounce",(function(){return debounce}))},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(module,exports){var keyList=Object.keys;exports.equal=function equal(a,b){if(a===b)return!0;if(!(a instanceof Object&&b instanceof Object))return!1;var keys=keyList(a),length=keys.length;for(let i=0;i0},ResizeObserverController.prototype.connect_=function(){isBrowser&&!this.connected_&&(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),mutationObserverSupported?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},ResizeObserverController.prototype.disconnect_=function(){isBrowser&&this.connected_&&(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},ResizeObserverController.prototype.onTransitionEnd_=function(_a){var _b=_a.propertyName,propertyName=void 0===_b?"":_b;transitionKeys.some((function(key){return!!~propertyName.indexOf(key)}))&&this.refresh()},ResizeObserverController.getInstance=function(){return this.instance_||(this.instance_=new ResizeObserverController),this.instance_},ResizeObserverController.instance_=null,ResizeObserverController}(),defineConfigurable=function(target,props){for(var _i=0,_a=Object.keys(props);_i<_a.length;_i++){var key=_a[_i];Object.defineProperty(target,key,{value:props[key],enumerable:!1,writable:!1,configurable:!0})}return target},getWindowOf=function(target){return target&&target.ownerDocument&&target.ownerDocument.defaultView||global$1},emptyRect=createRectInit(0,0,0,0);function toFloat(value){return parseFloat(value)||0}function getBordersSize(styles){for(var positions=[],_i=1;_i0},ResizeObserverSPI}(),observers="undefined"!=typeof WeakMap?new WeakMap:new MapShim,ResizeObserver=function ResizeObserver(callback){if(!(this instanceof ResizeObserver))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var controller=ResizeObserverController.getInstance(),observer=new ResizeObserverSPI(callback,controller,this);observers.set(this,observer)};["observe","unobserve","disconnect"].forEach((function(method){ResizeObserver.prototype[method]=function(){var _a;return(_a=observers.get(this))[method].apply(_a,arguments)}}));var index=void 0!==global$1.ResizeObserver?global$1.ResizeObserver:ResizeObserver;__webpack_exports__.default=index}.call(this,__webpack_require__(17))},,,,,,function(module,exports,__webpack_require__){(function(global){!function(e){"use strict";function t(e,t){e.super_=t,e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}})}function r(e,t){Object.defineProperty(this,"kind",{value:e,enumerable:!0}),t&&t.length&&Object.defineProperty(this,"path",{value:t,enumerable:!0})}function n(e,t,r){n.super_.call(this,"E",e),Object.defineProperty(this,"lhs",{value:t,enumerable:!0}),Object.defineProperty(this,"rhs",{value:r,enumerable:!0})}function o(e,t){o.super_.call(this,"N",e),Object.defineProperty(this,"rhs",{value:t,enumerable:!0})}function i(e,t){i.super_.call(this,"D",e),Object.defineProperty(this,"lhs",{value:t,enumerable:!0})}function a(e,t,r){a.super_.call(this,"A",e),Object.defineProperty(this,"index",{value:t,enumerable:!0}),Object.defineProperty(this,"item",{value:r,enumerable:!0})}function f(e,t,r){var n=e.slice((r||t)+1||e.length);return e.length=t<0?e.length+t:t,e.push.apply(e,n),e}function u(e){var t=void 0===e?"undefined":N(e);return"object"!==t?t:e===Math?"math":null===e?"null":Array.isArray(e)?"array":"[object Date]"===Object.prototype.toString.call(e)?"date":"function"==typeof e.toString&&/^\/.*\//.test(e.toString())?"regexp":"object"}function l(e,t,r,c,s,d,p){p=p||[];var g=(s=s||[]).slice(0);if(void 0!==d){if(c){if("function"==typeof c&&c(g,d))return;if("object"===(void 0===c?"undefined":N(c))){if(c.prefilter&&c.prefilter(g,d))return;if(c.normalize){var h=c.normalize(g,d,e,t);h&&(e=h[0],t=h[1])}}}g.push(d)}"regexp"===u(e)&&"regexp"===u(t)&&(e=e.toString(),t=t.toString());var y=void 0===e?"undefined":N(e),v=void 0===t?"undefined":N(t),b="undefined"!==y||p&&p[p.length-1].lhs&&p[p.length-1].lhs.hasOwnProperty(d),m="undefined"!==v||p&&p[p.length-1].rhs&&p[p.length-1].rhs.hasOwnProperty(d);if(!b&&m)r(new o(g,t));else if(!m&&b)r(new i(g,e));else if(u(e)!==u(t))r(new n(g,e,t));else if("date"===u(e)&&e-t!=0)r(new n(g,e,t));else if("object"===y&&null!==e&&null!==t)if(p.filter((function(t){return t.lhs===e})).length)e!==t&&r(new n(g,e,t));else{if(p.push({lhs:e,rhs:t}),Array.isArray(e)){var w;for(e.length,w=0;w=t.length?r(new a(g,w,new i(void 0,e[w]))):l(e[w],t[w],r,c,g,w,p);for(;w=0?(l(e[n],t[n],r,c,g,n,p),S=f(S,i)):l(e[n],void 0,r,c,g,n,p)})),S.forEach((function(e){l(void 0,t[e],r,c,g,e,p)}))}p.length=p.length-1}else e!==t&&("number"===y&&isNaN(e)&&isNaN(t)||r(new n(g,e,t)))}function c(e,t,r,n){return n=n||[],l(e,t,(function(e){e&&n.push(e)}),r),n.length?n:void 0}function d(e,t,r){if(e&&t&&r&&r.kind){for(var n=e,o=-1,i=r.path?r.path.length-1:0;++o0&&void 0!==arguments[0]?arguments[0]:{},t=Object.assign({},L,e),r=t.logger,n=t.stateTransformer,o=t.errorTransformer,i=t.predicate,a=t.logErrors,f=t.diffPredicate;if(void 0===r)return function(){return function(e){return function(t){return e(t)}}};if(e.getState&&e.dispatch)return console.error("[redux-logger] redux-logger not installed. Make sure to pass logger instance as middleware:\n// Logger with default options\nimport { logger } from 'redux-logger'\nconst store = createStore(\n  reducer,\n  applyMiddleware(logger)\n)\n// Or you can create your own logger with custom options http://bit.ly/redux-logger-options\nimport createLogger from 'redux-logger'\nconst logger = createLogger({\n  // ...options\n});\nconst store = createStore(\n  reducer,\n  applyMiddleware(logger)\n)\n"),function(){return function(e){return function(t){return e(t)}}};var u=[];return function(e){var r=e.getState;return function(e){return function(l){if("function"==typeof i&&!i(r,l))return e(l);var c={};u.push(c),c.started=O.now(),c.startedTime=new Date,c.prevState=n(r()),c.action=l;var s=void 0;if(a)try{s=e(l)}catch(e){c.error=o(e)}else s=e(l);c.took=O.now()-c.started,c.nextState=n(r());var d=t.diff&&"function"==typeof f?f(r,l):t.diff;if(x(u,Object.assign({},t,{diff:d})),u.length=0,c.error)throw c.error;return s}}}}var k,j,A=function(e,t){return function(e,t){return new Array(t+1).join(e)}("0",t-e.toString().length)+e},D=function(e){return A(e.getHours(),2)+":"+A(e.getMinutes(),2)+":"+A(e.getSeconds(),2)+"."+A(e.getMilliseconds(),3)},O="undefined"!=typeof performance&&null!==performance&&"function"==typeof performance.now?performance:Date,N="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},P=function(e){if(Array.isArray(e)){for(var t=0,r=Array(e.length);t0&&void 0!==arguments[0]?arguments[0]:{},t=e.dispatch,r=e.getState;return"function"==typeof t||"function"==typeof r?S()({dispatch:t,getState:r}):void console.error("\n[redux-logger v3] BREAKING CHANGE\n[redux-logger v3] Since 3.0.0 redux-logger exports by default logger with default settings.\n[redux-logger v3] Change\n[redux-logger v3] import createLogger from 'redux-logger'\n[redux-logger v3] to\n[redux-logger v3] import { createLogger } from 'redux-logger'\n")};e.defaults=L,e.createLogger=S,e.logger=T,e.default=T,Object.defineProperty(e,"__esModule",{value:!0})}(exports)}).call(this,__webpack_require__(17))},function(module,__webpack_exports__,__webpack_require__){"use strict";function createThunkMiddleware(extraArgument){return function(_ref){var dispatch=_ref.dispatch,getState=_ref.getState;return function(next){return function(action){return"function"==typeof action?action(dispatch,getState,extraArgument):next(action)}}}}__webpack_require__.r(__webpack_exports__);var thunk=createThunkMiddleware();thunk.withExtraArgument=createThunkMiddleware,__webpack_exports__.default=thunk},,,,,,,,,,,,,,,,function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _ActionDisplay=__webpack_require__(746);Object.keys(_ActionDisplay).forEach((function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _ActionDisplay[key]}})}));var _ActionsFunction=__webpack_require__(747);Object.keys(_ActionsFunction).forEach((function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _ActionsFunction[key]}})}));var _ActionOptions=__webpack_require__(748);Object.keys(_ActionOptions).forEach((function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _ActionOptions[key]}})}));var _ActionsMap=__webpack_require__(749);Object.keys(_ActionsMap).forEach((function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _ActionsMap[key]}})}));var _DecoratorFunction=__webpack_require__(750);Object.keys(_DecoratorFunction).forEach((function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _DecoratorFunction[key]}})}));var _HandlerFunction=__webpack_require__(751);Object.keys(_HandlerFunction).forEach((function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _HandlerFunction[key]}})}))},function(module,exports,__webpack_require__){},function(module,exports,__webpack_require__){},function(module,exports,__webpack_require__){},function(module,exports,__webpack_require__){},function(module,exports,__webpack_require__){},function(module,exports,__webpack_require__){},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _action=__webpack_require__(186);Object.keys(_action).forEach((function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _action[key]}})}));var _actions=__webpack_require__(188);Object.keys(_actions).forEach((function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _actions[key]}})}));var _configureActions=__webpack_require__(187);Object.keys(_configureActions).forEach((function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _configureActions[key]}})}));var _decorateAction=__webpack_require__(756);Object.keys(_decorateAction).forEach((function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _decorateAction[key]}})}));var _withActions=__webpack_require__(301);Object.keys(_withActions).forEach((function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _withActions[key]}})}))},function(module,exports,__webpack_require__){var rng=__webpack_require__(754),bytesToUuid=__webpack_require__(755);module.exports=function v4(options,buf,offset){var i=buf&&offset||0;"string"==typeof options&&(buf="binary"===options?new Array(16):null,options=null);var rnds=(options=options||{}).random||(options.rng||rng)();if(rnds[6]=15&rnds[6]|64,rnds[8]=63&rnds[8]|128,buf)for(var ii=0;ii<16;++ii)buf[i+ii]=rnds[ii];return buf||bytesToUuid(rnds)}},function(module,exports){var getRandomValues="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof window.msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto);if(getRandomValues){var rnds8=new Uint8Array(16);module.exports=function whatwgRNG(){return getRandomValues(rnds8),rnds8}}else{var rnds=new Array(16);module.exports=function mathRNG(){for(var r,i=0;i<16;i++)0==(3&i)&&(r=4294967296*Math.random()),rnds[i]=r>>>((3&i)<<3)&255;return rnds}}},function(module,exports){for(var byteToHex=[],i=0;i<256;++i)byteToHex[i]=(i+256).toString(16).substr(1);module.exports=function bytesToUuid(buf,offset){var i=offset||0,bth=byteToHex;return[bth[buf[i++]],bth[buf[i++]],bth[buf[i++]],bth[buf[i++]],"-",bth[buf[i++]],bth[buf[i++]],"-",bth[buf[i++]],bth[buf[i++]],"-",bth[buf[i++]],bth[buf[i++]],"-",bth[buf[i++]],bth[buf[i++]],bth[buf[i++]],bth[buf[i++]],bth[buf[i++]],bth[buf[i++]]].join("")}},function(module,exports,__webpack_require__){"use strict";__webpack_require__(22),__webpack_require__(32),__webpack_require__(33),__webpack_require__(25),__webpack_require__(66),__webpack_require__(39),__webpack_require__(23),__webpack_require__(108),__webpack_require__(28),__webpack_require__(40),__webpack_require__(19),__webpack_require__(44),__webpack_require__(34),__webpack_require__(26),__webpack_require__(27),Object.defineProperty(exports,"__esModule",{value:!0}),exports.decorate=exports.decorateAction=void 0;var _action=__webpack_require__(186),_actions=__webpack_require__(188),_withActions=__webpack_require__(301);function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr)){for(var i=0,arr2=new Array(arr.length);i"]),locale.bindMacro("shift + /",["questionmark","?"]),platform.match("Mac")?locale.bindMacro("command",["mod","modifier"]):locale.bindMacro("ctrl",["mod","modifier"]);for(var keyCode=65;keyCode<=90;keyCode+=1){var keyName=String.fromCharCode(keyCode+32),capitalKeyName=String.fromCharCode(keyCode);locale.bindKeyCode(keyCode,keyName),locale.bindMacro("shift + "+keyName,capitalKeyName),locale.bindMacro("capslock + "+keyName,capitalKeyName)}var leftCommandKeyCode,rightCommandKeyCode,semicolonKeyCode=userAgent.match("Firefox")?59:186,dashKeyCode=userAgent.match("Firefox")?173:189,equalKeyCode=userAgent.match("Firefox")?61:187;platform.match("Mac")&&(userAgent.match("Safari")||userAgent.match("Chrome"))?(leftCommandKeyCode=91,rightCommandKeyCode=93):platform.match("Mac")&&userAgent.match("Opera")?(leftCommandKeyCode=17,rightCommandKeyCode=17):platform.match("Mac")&&userAgent.match("Firefox")&&(leftCommandKeyCode=224,rightCommandKeyCode=224),locale.bindKeyCode(semicolonKeyCode,["semicolon",";"]),locale.bindKeyCode(dashKeyCode,["dash","-"]),locale.bindKeyCode(equalKeyCode,["equal","equalsign","="]),locale.bindKeyCode(leftCommandKeyCode,["command","windows","win","super","leftcommand","leftwindows","leftwin","leftsuper"]),locale.bindKeyCode(rightCommandKeyCode,["command","windows","win","super","rightcommand","rightwindows","rightwin","rightsuper"]),locale.setKillKey("command")}},,,,,,,,,,,function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FrameContextConsumer=exports.FrameContext=void 0;var _Context=__webpack_require__(306);Object.defineProperty(exports,"FrameContext",{enumerable:!0,get:function get(){return _Context.FrameContext}}),Object.defineProperty(exports,"FrameContextConsumer",{enumerable:!0,get:function get(){return _Context.FrameContextConsumer}});var _Frame2=function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}(__webpack_require__(827));exports.default=_Frame2.default},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _extends=Object.assign||function(target){for(var i=1;i
'},exports.default=Frame},function(module,exports,__webpack_require__){"use strict";var ReactPropTypesSecret=__webpack_require__(829);function emptyFunction(){}function emptyFunctionWithReset(){}emptyFunctionWithReset.resetWarningCache=emptyFunction,module.exports=function(){function shim(props,propName,componentName,location,propFullName,secret){if(secret!==ReactPropTypesSecret){var err=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw err.name="Invariant Violation",err}}function getShim(){return shim}shim.isRequired=shim;var ReactPropTypes={array:shim,bool:shim,func:shim,number:shim,object:shim,string:shim,symbol:shim,any:shim,arrayOf:getShim,element:shim,elementType:shim,instanceOf:getShim,node:shim,objectOf:getShim,oneOf:getShim,oneOfType:getShim,shape:getShim,exact:getShim,checkPropTypes:emptyFunctionWithReset,resetWarningCache:emptyFunction};return ReactPropTypes.PropTypes=ReactPropTypes,ReactPropTypes}},function(module,exports,__webpack_require__){"use strict";module.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function defineProperties(target,props){for(var i=0;i2?_len-2:0),_key=2;_key<_len;_key++)outerArgs[_key-2]=arguments[_key];return function(){for(var _len2=arguments.length,innerArgs=Array(_len2),_key2=0;_key2<_len2;_key2++)innerArgs[_key2]=arguments[_key2];func.apply(context,concat.call(outerArgs,slice.call(innerArgs)))}},extend:function extend(target,source){for(var key in source)source.hasOwnProperty(key)&&(target[key]=source[key])},onFrame:onFrame,removeFirst:removeFirst,hexToRGB:hexToRGB,rgbToHex:rgbToHex});function mapValueInRange(value,fromLow,fromHigh,toLow,toHigh){return toLow+(value-fromLow)/(fromHigh-fromLow)*(toHigh-toLow)}var MathUtil=Object.freeze({mapValueInRange:mapValueInRange,interpolateColor:function interpolateColor(val,startColorStr,endColorStr){var fromLow=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,fromHigh=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,asRGB=arguments[5],startColor=hexToRGB(startColorStr),endColor=hexToRGB(endColorStr),r=Math.floor(mapValueInRange(val,fromLow,fromHigh,startColor.r,endColor.r)),g=Math.floor(mapValueInRange(val,fromLow,fromHigh,startColor.g,endColor.g)),b=Math.floor(mapValueInRange(val,fromLow,fromHigh,startColor.b,endColor.b));return asRGB?"rgb("+r+","+g+","+b+")":rgbToHex(r,g,b)},degreesToRadians:function degreesToRadians(deg){return deg*Math.PI/180},radiansToDegrees:function radiansToDegrees(rad){return 180*rad/Math.PI}});function tensionFromOrigamiValue(oValue){return 3.62*(oValue-30)+194}function frictionFromOrigamiValue(oValue){return 3*(oValue-8)+25}var OrigamiValueConverter=Object.freeze({tensionFromOrigamiValue:tensionFromOrigamiValue,origamiValueFromTension:function origamiValueFromTension(tension){return(tension-194)/3.62+30},frictionFromOrigamiValue:frictionFromOrigamiValue,origamiFromFriction:function origamiFromFriction(friction){return(friction-25)/3+8}}),classCallCheck=function(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")},_extends=Object.assign||function(target){for(var i=1;i18&&tension<=44?this.b3Friction2(tension):this.b3Friction3(tension)},BouncyConversion}(),SpringConfig=function(){function SpringConfig(tension,friction){classCallCheck(this,SpringConfig),this.tension=tension,this.friction=friction}return(SpringConfig.fromOrigamiTensionAndFriction=function fromOrigamiTensionAndFriction(tension,friction){return new SpringConfig(tensionFromOrigamiValue(tension),frictionFromOrigamiValue(friction))},SpringConfig.fromBouncinessAndSpeed=function fromBouncinessAndSpeed(bounciness,speed){var bouncyConversion=new BouncyConversion(bounciness,speed);return SpringConfig.fromOrigamiTensionAndFriction(bouncyConversion.bouncyTension,bouncyConversion.bouncyFriction)},SpringConfig.coastingConfigWithOrigamiFriction=function coastingConfigWithOrigamiFriction(friction){return new SpringConfig(0,frictionFromOrigamiValue(friction))},SpringConfig)}();SpringConfig.DEFAULT_ORIGAMI_SPRING_CONFIG=SpringConfig.fromOrigamiTensionAndFriction(40,7);var PhysicsState=function PhysicsState(){classCallCheck(this,PhysicsState),this.position=0,this.velocity=0},Spring=function(){function Spring(springSystem){classCallCheck(this,Spring),this.listeners=[],this._startValue=0,this._currentState=new PhysicsState,this._displacementFromRestThreshold=.001,this._endValue=0,this._overshootClampingEnabled=!1,this._previousState=new PhysicsState,this._restSpeedThreshold=.001,this._tempState=new PhysicsState,this._timeAccumulator=0,this._wasAtRest=!0,this._id="s"+Spring._ID++,this._springSystem=springSystem}return Spring.prototype.destroy=function destroy(){this.listeners=[],this._springSystem.deregisterSpring(this)},Spring.prototype.getId=function getId(){return this._id},Spring.prototype.setSpringConfig=function setSpringConfig(springConfig){return this._springConfig=springConfig,this},Spring.prototype.getSpringConfig=function getSpringConfig(){return this._springConfig},Spring.prototype.setCurrentValue=function setCurrentValue(currentValue,skipSetAtRest){return this._startValue=currentValue,this._currentState.position=currentValue,skipSetAtRest||this.setAtRest(),this.notifyPositionUpdated(!1,!1),this},Spring.prototype.getStartValue=function getStartValue(){return this._startValue},Spring.prototype.getCurrentValue=function getCurrentValue(){return this._currentState.position},Spring.prototype.getCurrentDisplacementDistance=function getCurrentDisplacementDistance(){return this.getDisplacementDistanceForState(this._currentState)},Spring.prototype.getDisplacementDistanceForState=function getDisplacementDistanceForState(state){return Math.abs(this._endValue-state.position)},Spring.prototype.setEndValue=function setEndValue(endValue){if(this._endValue===endValue&&this.isAtRest())return this;this._startValue=this.getCurrentValue(),this._endValue=endValue,this._springSystem.activateSpring(this.getId());for(var i=0,len=this.listeners.length;i0&&(startend||start>end&&this.getCurrentValue()Spring.MAX_DELTA_TIME_SEC&&(adjustedDeltaTime=Spring.MAX_DELTA_TIME_SEC),this._timeAccumulator+=adjustedDeltaTime;for(var tension=this._springConfig.tension,friction=this._springConfig.friction,position=this._currentState.position,velocity=this._currentState.velocity,tempPosition=this._tempState.position,tempVelocity=this._tempState.velocity,aVelocity=void 0,aAcceleration=void 0,bVelocity=void 0,bAcceleration=void 0,cVelocity=void 0,cAcceleration=void 0,dVelocity=void 0,dvdt=void 0;this._timeAccumulator>=Spring.SOLVER_TIMESTEP_SEC;)this._timeAccumulator-=Spring.SOLVER_TIMESTEP_SEC,this._timeAccumulator0&&this._interpolate(this._timeAccumulator/Spring.SOLVER_TIMESTEP_SEC),(this.isAtRest()||this._overshootClampingEnabled&&this.isOvershooting())&&(this._springConfig.tension>0?(this._startValue=this._endValue,this._currentState.position=this._endValue):(this._endValue=this._currentState.position,this._startValue=this._endValue),this.setVelocity(0),isAtRest=!0);var notifyActivate=!1;this._wasAtRest&&(this._wasAtRest=!1,notifyActivate=!0);var notifyAtRest=!1;isAtRest&&(this._wasAtRest=!0,notifyAtRest=!0),this.notifyPositionUpdated(notifyActivate,notifyAtRest)}},Spring.prototype.notifyPositionUpdated=function notifyPositionUpdated(notifyActivate,notifyAtRest){for(var i=0,len=this.listeners.length;i0;)this._idleSpringIndices.pop();for(var i=0,len=this._activeSprings.length;i0;){var idx=this._idleSpringIndices.pop();idx>=0&&this._activeSprings.splice(idx,1)}},SpringSystem.prototype.loop=function loop(currentTimeMillis){var listener=void 0;-1===this._lastTimeMillis&&(this._lastTimeMillis=currentTimeMillis-1);var ellapsedMillis=currentTimeMillis-this._lastTimeMillis;this._lastTimeMillis=currentTimeMillis;var i=0,len=this.listeners.length;for(i=0;i1)this.connection=null;else{var connection=this.connection,sharedConnection=connectable._connection;this.connection=null,!sharedConnection||connection&&sharedConnection!==connection||sharedConnection.unsubscribe()}}else this.connection=null},RefCountSubscriber}(Subscriber_Subscriber),ConnectableObservable_ConnectableObservable=function(_super){function ConnectableObservable(source,subjectFactory){var _this=_super.call(this)||this;return _this.source=source,_this.subjectFactory=subjectFactory,_this._refCount=0,_this._isComplete=!1,_this}return tslib_es6.__extends(ConnectableObservable,_super),ConnectableObservable.prototype._subscribe=function(subscriber){return this.getSubject().subscribe(subscriber)},ConnectableObservable.prototype.getSubject=function(){var subject=this._subject;return subject&&!subject.isStopped||(this._subject=this.subjectFactory()),this._subject},ConnectableObservable.prototype.connect=function(){var connection=this._connection;return connection||(this._isComplete=!1,(connection=this._connection=new Subscription_Subscription).add(this.source.subscribe(new ConnectableObservable_ConnectableSubscriber(this.getSubject(),this))),connection.closed&&(this._connection=null,connection=Subscription_Subscription.EMPTY)),connection},ConnectableObservable.prototype.refCount=function(){return function refCount(){return function refCountOperatorFunction(source){return source.lift(new RefCountOperator(source))}}()(this)},ConnectableObservable}(Observable_Observable),ConnectableObservable_ConnectableSubscriber=function(_super){function ConnectableSubscriber(destination,connectable){var _this=_super.call(this,destination)||this;return _this.connectable=connectable,_this}return tslib_es6.__extends(ConnectableSubscriber,_super),ConnectableSubscriber.prototype._error=function(err){this._unsubscribe(),_super.prototype._error.call(this,err)},ConnectableSubscriber.prototype._complete=function(){this.connectable._isComplete=!0,this._unsubscribe(),_super.prototype._complete.call(this)},ConnectableSubscriber.prototype._unsubscribe=function(){var connectable=this.connectable;if(connectable){this.connectable=null;var connection=connectable._connection;connectable._refCount=0,connectable._subject=null,connectable._connection=null,connection&&connection.unsubscribe()}},ConnectableSubscriber}(Subject_SubjectSubscriber);var groupBy_GroupedObservable=function(_super){function GroupedObservable(key,groupSubject,refCountSubscription){var _this=_super.call(this)||this;return _this.key=key,_this.groupSubject=groupSubject,_this.refCountSubscription=refCountSubscription,_this}return tslib_es6.__extends(GroupedObservable,_super),GroupedObservable.prototype._subscribe=function(subscriber){var subscription=new Subscription_Subscription,refCountSubscription=this.refCountSubscription,groupSubject=this.groupSubject;return refCountSubscription&&!refCountSubscription.closed&&subscription.add(new groupBy_InnerRefCountSubscription(refCountSubscription)),subscription.add(groupSubject.subscribe(subscriber)),subscription},GroupedObservable}(Observable_Observable),groupBy_InnerRefCountSubscription=function(_super){function InnerRefCountSubscription(parent){var _this=_super.call(this)||this;return _this.parent=parent,parent.count++,_this}return tslib_es6.__extends(InnerRefCountSubscription,_super),InnerRefCountSubscription.prototype.unsubscribe=function(){var parent=this.parent;parent.closed||this.closed||(_super.prototype.unsubscribe.call(this),parent.count-=1,0===parent.count&&parent.attemptedToUnsubscribe&&parent.unsubscribe())},InnerRefCountSubscription}(Subscription_Subscription),BehaviorSubject_BehaviorSubject=function(_super){function BehaviorSubject(_value){var _this=_super.call(this)||this;return _this._value=_value,_this}return tslib_es6.__extends(BehaviorSubject,_super),Object.defineProperty(BehaviorSubject.prototype,"value",{get:function(){return this.getValue()},enumerable:!0,configurable:!0}),BehaviorSubject.prototype._subscribe=function(subscriber){var subscription=_super.prototype._subscribe.call(this,subscriber);return subscription&&!subscription.closed&&subscriber.next(this._value),subscription},BehaviorSubject.prototype.getValue=function(){if(this.hasError)throw this.thrownError;if(this.closed)throw new ObjectUnsubscribedError;return this._value},BehaviorSubject.prototype.next=function(value){_super.prototype.next.call(this,this._value=value)},BehaviorSubject}(Subject_Subject),AsyncAction_AsyncAction=function(_super){function AsyncAction(scheduler,work){var _this=_super.call(this,scheduler,work)||this;return _this.scheduler=scheduler,_this.work=work,_this.pending=!1,_this}return tslib_es6.__extends(AsyncAction,_super),AsyncAction.prototype.schedule=function(state,delay){if(void 0===delay&&(delay=0),this.closed)return this;this.state=state;var id=this.id,scheduler=this.scheduler;return null!=id&&(this.id=this.recycleAsyncId(scheduler,id,delay)),this.pending=!0,this.delay=delay,this.id=this.id||this.requestAsyncId(scheduler,this.id,delay),this},AsyncAction.prototype.requestAsyncId=function(scheduler,id,delay){return void 0===delay&&(delay=0),setInterval(scheduler.flush.bind(scheduler,this),delay)},AsyncAction.prototype.recycleAsyncId=function(scheduler,id,delay){if(void 0===delay&&(delay=0),null!==delay&&this.delay===delay&&!1===this.pending)return id;clearInterval(id)},AsyncAction.prototype.execute=function(state,delay){if(this.closed)return new Error("executing a cancelled action");this.pending=!1;var error=this._execute(state,delay);if(error)return error;!1===this.pending&&null!=this.id&&(this.id=this.recycleAsyncId(this.scheduler,this.id,null))},AsyncAction.prototype._execute=function(state,delay){var errored=!1,errorValue=void 0;try{this.work(state)}catch(e){errored=!0,errorValue=!!e&&e||new Error(e)}if(errored)return this.unsubscribe(),errorValue},AsyncAction.prototype._unsubscribe=function(){var id=this.id,scheduler=this.scheduler,actions=scheduler.actions,index=actions.indexOf(this);this.work=null,this.state=null,this.pending=!1,this.scheduler=null,-1!==index&&actions.splice(index,1),null!=id&&(this.id=this.recycleAsyncId(scheduler,id,null)),this.delay=null},AsyncAction}(function(_super){function Action(scheduler,work){return _super.call(this)||this}return tslib_es6.__extends(Action,_super),Action.prototype.schedule=function(state,delay){return void 0===delay&&(delay=0),this},Action}(Subscription_Subscription)),QueueAction_QueueAction=function(_super){function QueueAction(scheduler,work){var _this=_super.call(this,scheduler,work)||this;return _this.scheduler=scheduler,_this.work=work,_this}return tslib_es6.__extends(QueueAction,_super),QueueAction.prototype.schedule=function(state,delay){return void 0===delay&&(delay=0),delay>0?_super.prototype.schedule.call(this,state,delay):(this.delay=delay,this.state=state,this.scheduler.flush(this),this)},QueueAction.prototype.execute=function(state,delay){return delay>0||this.closed?_super.prototype.execute.call(this,state,delay):this._execute(state,delay)},QueueAction.prototype.requestAsyncId=function(scheduler,id,delay){return void 0===delay&&(delay=0),null!==delay&&delay>0||null===delay&&this.delay>0?_super.prototype.requestAsyncId.call(this,scheduler,id,delay):scheduler.flush(this)},QueueAction}(AsyncAction_AsyncAction),Scheduler=function(){function Scheduler(SchedulerAction,now){void 0===now&&(now=Scheduler.now),this.SchedulerAction=SchedulerAction,this.now=now}return Scheduler.prototype.schedule=function(work,delay,state){return void 0===delay&&(delay=0),new this.SchedulerAction(this,work).schedule(state,delay)},Scheduler.now=function(){return Date.now()},Scheduler}(),AsyncScheduler_AsyncScheduler=function(_super){function AsyncScheduler(SchedulerAction,now){void 0===now&&(now=Scheduler.now);var _this=_super.call(this,SchedulerAction,(function(){return AsyncScheduler.delegate&&AsyncScheduler.delegate!==_this?AsyncScheduler.delegate.now():now()}))||this;return _this.actions=[],_this.active=!1,_this.scheduled=void 0,_this}return tslib_es6.__extends(AsyncScheduler,_super),AsyncScheduler.prototype.schedule=function(work,delay,state){return void 0===delay&&(delay=0),AsyncScheduler.delegate&&AsyncScheduler.delegate!==this?AsyncScheduler.delegate.schedule(work,delay,state):_super.prototype.schedule.call(this,work,delay,state)},AsyncScheduler.prototype.flush=function(action){var actions=this.actions;if(this.active)actions.push(action);else{var error;this.active=!0;do{if(error=action.execute(action.state,action.delay))break}while(action=actions.shift());if(this.active=!1,error){for(;action=actions.shift();)action.unsubscribe();throw error}}},AsyncScheduler}(Scheduler),queue=new(function(_super){function QueueScheduler(){return null!==_super&&_super.apply(this,arguments)||this}return tslib_es6.__extends(QueueScheduler,_super),QueueScheduler}(AsyncScheduler_AsyncScheduler))(QueueAction_QueueAction),EMPTY=new Observable_Observable((function(subscriber){return subscriber.complete()}));function empty_empty(scheduler){return scheduler?function emptyScheduled(scheduler){return new Observable_Observable((function(subscriber){return scheduler.schedule((function(){return subscriber.complete()}))}))}(scheduler):EMPTY}function isScheduler(value){return value&&"function"==typeof value.schedule}var NotificationKind,subscribeToArray=function(array){return function(subscriber){for(var i=0,len=array.length;ithis._bufferSize&&_events.shift(),_super.prototype.next.call(this,value)},ReplaySubject.prototype.nextTimeWindow=function(value){this._events.push(new ReplayEvent(this._getNow(),value)),this._trimBufferThenGetEvents(),_super.prototype.next.call(this,value)},ReplaySubject.prototype._subscribe=function(subscriber){var subscription,_infiniteTimeWindow=this._infiniteTimeWindow,_events=_infiniteTimeWindow?this._events:this._trimBufferThenGetEvents(),scheduler=this.scheduler,len=_events.length;if(this.closed)throw new ObjectUnsubscribedError;if(this.isStopped||this.hasError?subscription=Subscription_Subscription.EMPTY:(this.observers.push(subscriber),subscription=new SubjectSubscription_SubjectSubscription(this,subscriber)),scheduler&&subscriber.add(subscriber=new observeOn_ObserveOnSubscriber(subscriber,scheduler)),_infiniteTimeWindow)for(var i=0;i_bufferSize&&(spliceCount=Math.max(spliceCount,eventsCount-_bufferSize)),spliceCount>0&&_events.splice(0,spliceCount),_events},ReplaySubject}(Subject_Subject),ReplayEvent=function(){return function ReplayEvent(time,value){this.time=time,this.value=value}}(),AsyncSubject_AsyncSubject=function(_super){function AsyncSubject(){var _this=null!==_super&&_super.apply(this,arguments)||this;return _this.value=null,_this.hasNext=!1,_this.hasCompleted=!1,_this}return tslib_es6.__extends(AsyncSubject,_super),AsyncSubject.prototype._subscribe=function(subscriber){return this.hasError?(subscriber.error(this.thrownError),Subscription_Subscription.EMPTY):this.hasCompleted&&this.hasNext?(subscriber.next(this.value),subscriber.complete(),Subscription_Subscription.EMPTY):_super.prototype._subscribe.call(this,subscriber)},AsyncSubject.prototype.next=function(value){this.hasCompleted||(this.value=value,this.hasNext=!0)},AsyncSubject.prototype.error=function(error){this.hasCompleted||_super.prototype.error.call(this,error)},AsyncSubject.prototype.complete=function(){this.hasCompleted=!0,this.hasNext&&_super.prototype.next.call(this,this.value),_super.prototype.complete.call(this)},AsyncSubject}(Subject_Subject),nextHandle=1,RESOLVED=function(){return Promise.resolve()}(),activeHandles={};function findAndClearHandle(handle){return handle in activeHandles&&(delete activeHandles[handle],!0)}var Immediate_setImmediate=function(cb){var handle=nextHandle++;return activeHandles[handle]=!0,RESOLVED.then((function(){return findAndClearHandle(handle)&&cb()})),handle},Immediate_clearImmediate=function(handle){findAndClearHandle(handle)},AsapAction_AsapAction=function(_super){function AsapAction(scheduler,work){var _this=_super.call(this,scheduler,work)||this;return _this.scheduler=scheduler,_this.work=work,_this}return tslib_es6.__extends(AsapAction,_super),AsapAction.prototype.requestAsyncId=function(scheduler,id,delay){return void 0===delay&&(delay=0),null!==delay&&delay>0?_super.prototype.requestAsyncId.call(this,scheduler,id,delay):(scheduler.actions.push(this),scheduler.scheduled||(scheduler.scheduled=Immediate_setImmediate(scheduler.flush.bind(scheduler,null))))},AsapAction.prototype.recycleAsyncId=function(scheduler,id,delay){if(void 0===delay&&(delay=0),null!==delay&&delay>0||null===delay&&this.delay>0)return _super.prototype.recycleAsyncId.call(this,scheduler,id,delay);0===scheduler.actions.length&&(Immediate_clearImmediate(id),scheduler.scheduled=void 0)},AsapAction}(AsyncAction_AsyncAction),asap=new(function(_super){function AsapScheduler(){return null!==_super&&_super.apply(this,arguments)||this}return tslib_es6.__extends(AsapScheduler,_super),AsapScheduler.prototype.flush=function(action){this.active=!0,this.scheduled=void 0;var error,actions=this.actions,index=-1,count=actions.length;action=action||actions.shift();do{if(error=action.execute(action.state,action.delay))break}while(++index0?_super.prototype.requestAsyncId.call(this,scheduler,id,delay):(scheduler.actions.push(this),scheduler.scheduled||(scheduler.scheduled=requestAnimationFrame((function(){return scheduler.flush(null)}))))},AnimationFrameAction.prototype.recycleAsyncId=function(scheduler,id,delay){if(void 0===delay&&(delay=0),null!==delay&&delay>0||null===delay&&this.delay>0)return _super.prototype.recycleAsyncId.call(this,scheduler,id,delay);0===scheduler.actions.length&&(cancelAnimationFrame(id),scheduler.scheduled=void 0)},AnimationFrameAction}(AsyncAction_AsyncAction),animationFrame=new(function(_super){function AnimationFrameScheduler(){return null!==_super&&_super.apply(this,arguments)||this}return tslib_es6.__extends(AnimationFrameScheduler,_super),AnimationFrameScheduler.prototype.flush=function(action){this.active=!0,this.scheduled=void 0;var error,actions=this.actions,index=-1,count=actions.length;action=action||actions.shift();do{if(error=action.execute(action.state,action.delay))break}while(++indexb.index?1:-1:a.delay>b.delay?1:-1},VirtualAction}(AsyncAction_AsyncAction);function identity(x){return x}function isObservable(obj){return!!obj&&(obj instanceof Observable_Observable||"function"==typeof obj.lift&&"function"==typeof obj.subscribe)}var ArgumentOutOfRangeError=function(){function ArgumentOutOfRangeErrorImpl(){return Error.call(this),this.message="argument out of range",this.name="ArgumentOutOfRangeError",this}return ArgumentOutOfRangeErrorImpl.prototype=Object.create(Error.prototype),ArgumentOutOfRangeErrorImpl}(),EmptyError=function(){function EmptyErrorImpl(){return Error.call(this),this.message="no elements in sequence",this.name="EmptyError",this}return EmptyErrorImpl.prototype=Object.create(Error.prototype),EmptyErrorImpl}(),TimeoutError=function(){function TimeoutErrorImpl(){return Error.call(this),this.message="Timeout has occurred",this.name="TimeoutError",this}return TimeoutErrorImpl.prototype=Object.create(Error.prototype),TimeoutErrorImpl}();function map(project,thisArg){return function mapOperation(source){if("function"!=typeof project)throw new TypeError("argument is not a function. Are you looking for `mapTo()`?");return source.lift(new MapOperator(project,thisArg))}}var MapOperator=function(){function MapOperator(project,thisArg){this.project=project,this.thisArg=thisArg}return MapOperator.prototype.call=function(subscriber,source){return source.subscribe(new map_MapSubscriber(subscriber,this.project,this.thisArg))},MapOperator}(),map_MapSubscriber=function(_super){function MapSubscriber(destination,project,thisArg){var _this=_super.call(this,destination)||this;return _this.project=project,_this.count=0,_this.thisArg=thisArg||_this,_this}return tslib_es6.__extends(MapSubscriber,_super),MapSubscriber.prototype._next=function(value){var result;try{result=this.project.call(this.thisArg,value,this.count++)}catch(err){return void this.destination.error(err)}this.destination.next(result)},MapSubscriber}(Subscriber_Subscriber);function bindCallback(callbackFunc,resultSelector,scheduler){if(resultSelector){if(!isScheduler(resultSelector))return function(){for(var args=[],_i=0;_i0?this._next(buffer.shift()):0===this.active&&this.hasCompleted&&this.destination.complete()},MergeMapSubscriber}(OuterSubscriber_OuterSubscriber);function mergeAll(concurrent){return void 0===concurrent&&(concurrent=Number.POSITIVE_INFINITY),function mergeMap(project,resultSelector,concurrent){return void 0===concurrent&&(concurrent=Number.POSITIVE_INFINITY),"function"==typeof resultSelector?function(source){return source.pipe(mergeMap((function(a,i){return from(project(a,i)).pipe(map((function(b,ii){return resultSelector(a,b,i,ii)})))}),concurrent))}:("number"==typeof resultSelector&&(concurrent=resultSelector),function(source){return source.lift(new MergeMapOperator(project,concurrent))})}(identity,concurrent)}function concat(){for(var observables=[],_i=0;_i1?subscriber.next(Array.prototype.slice.call(arguments)):subscriber.next(e)}),subscriber,options)}))}function fromEventPattern(addHandler,removeHandler,resultSelector){return resultSelector?fromEventPattern(addHandler,removeHandler).pipe(map((function(args){return isArray(args)?resultSelector.apply(void 0,args):resultSelector(args)}))):new Observable_Observable((function(subscriber){var retValue,handler=function(){for(var e=[],_i=0;_i=0}function interval(period,scheduler){return void 0===period&&(period=0),void 0===scheduler&&(scheduler=async_async),(!isNumeric(period)||period<0)&&(period=0),scheduler&&"function"==typeof scheduler.schedule||(scheduler=async_async),new Observable_Observable((function(subscriber){return subscriber.add(scheduler.schedule(interval_dispatch,period,{subscriber:subscriber,counter:0,period:period})),subscriber}))}function interval_dispatch(state){var subscriber=state.subscriber,counter=state.counter,period=state.period;subscriber.next(counter),this.schedule({subscriber:subscriber,counter:counter+1,period:period},period)}function merge(){for(var observables=[],_i=0;_i1&&"number"==typeof observables[observables.length-1]&&(concurrent=observables.pop())):"number"==typeof last&&(concurrent=observables.pop()),null===scheduler&&1===observables.length&&observables[0]instanceof Observable_Observable?observables[0]:mergeAll(concurrent)(fromArray(observables,scheduler))}var NEVER=new Observable_Observable(noop);function never(){return NEVER}function onErrorResumeNext(){for(var sources=[],_i=0;_i=count){subscriber.complete();break}if(subscriber.next(current++),subscriber.closed)break}}))}function range_dispatch(state){var start=state.start,index=state.index,count=state.count,subscriber=state.subscriber;index>=count?subscriber.complete():(subscriber.next(start),subscriber.closed||(state.index=index+1,state.start=start+1,this.schedule(state)))}function timer(dueTime,periodOrScheduler,scheduler){void 0===dueTime&&(dueTime=0);var period=-1;return isNumeric(periodOrScheduler)?period=Number(periodOrScheduler)<1?1:Number(periodOrScheduler):isScheduler(periodOrScheduler)&&(scheduler=periodOrScheduler),isScheduler(scheduler)||(scheduler=async_async),new Observable_Observable((function(subscriber){var due=isNumeric(dueTime)?dueTime:+dueTime-scheduler.now();return scheduler.schedule(timer_dispatch,due,{index:0,period:period,subscriber:subscriber})}))}function timer_dispatch(state){var index=state.index,period=state.period,subscriber=state.subscriber;if(subscriber.next(index),!subscriber.closed){if(-1===period)return subscriber.complete();state.index=index+1,this.schedule(state,period)}}function using(resourceFactory,observableFactory){return new Observable_Observable((function(subscriber){var resource,result;try{resource=resourceFactory()}catch(err){return void subscriber.error(err)}try{result=observableFactory(resource)}catch(err){return void subscriber.error(err)}var subscription=(result?from(result):EMPTY).subscribe(subscriber);return function(){subscription.unsubscribe(),resource&&resource.unsubscribe()}}))}function zip(){for(var observables=[],_i=0;_ithis.index},StaticArrayIterator.prototype.hasCompleted=function(){return this.array.length===this.index},StaticArrayIterator}(),zip_ZipBufferIterator=function(_super){function ZipBufferIterator(destination,parent,observable){var _this=_super.call(this,destination)||this;return _this.parent=parent,_this.observable=observable,_this.stillUnsubscribed=!0,_this.buffer=[],_this.isComplete=!1,_this}return tslib_es6.__extends(ZipBufferIterator,_super),ZipBufferIterator.prototype[iterator_iterator]=function(){return this},ZipBufferIterator.prototype.next=function(){var buffer=this.buffer;return 0===buffer.length&&this.isComplete?{value:null,done:!0}:{value:buffer.shift(),done:!1}},ZipBufferIterator.prototype.hasValue=function(){return this.buffer.length>0},ZipBufferIterator.prototype.hasCompleted=function(){return 0===this.buffer.length&&this.isComplete},ZipBufferIterator.prototype.notifyComplete=function(){this.buffer.length>0?(this.isComplete=!0,this.parent.notifyInactive()):this.destination.complete()},ZipBufferIterator.prototype.notifyNext=function(outerValue,innerValue,outerIndex,innerIndex,innerSub){this.buffer.push(innerValue),this.parent.checkIterators()},ZipBufferIterator.prototype.subscribe=function(value,index){return subscribeToResult(this,this.observable,this,index)},ZipBufferIterator}(OuterSubscriber_OuterSubscriber);__webpack_require__.d(__webpack_exports__,"Observable",(function(){return Observable_Observable})),__webpack_require__.d(__webpack_exports__,"ConnectableObservable",(function(){return ConnectableObservable_ConnectableObservable})),__webpack_require__.d(__webpack_exports__,"GroupedObservable",(function(){return groupBy_GroupedObservable})),__webpack_require__.d(__webpack_exports__,"observable",(function(){return observable_observable})),__webpack_require__.d(__webpack_exports__,"Subject",(function(){return Subject_Subject})),__webpack_require__.d(__webpack_exports__,"BehaviorSubject",(function(){return BehaviorSubject_BehaviorSubject})),__webpack_require__.d(__webpack_exports__,"ReplaySubject",(function(){return ReplaySubject_ReplaySubject})),__webpack_require__.d(__webpack_exports__,"AsyncSubject",(function(){return AsyncSubject_AsyncSubject})),__webpack_require__.d(__webpack_exports__,"asapScheduler",(function(){return asap})),__webpack_require__.d(__webpack_exports__,"asyncScheduler",(function(){return async_async})),__webpack_require__.d(__webpack_exports__,"queueScheduler",(function(){return queue})),__webpack_require__.d(__webpack_exports__,"animationFrameScheduler",(function(){return animationFrame})),__webpack_require__.d(__webpack_exports__,"VirtualTimeScheduler",(function(){return VirtualTimeScheduler_VirtualTimeScheduler})),__webpack_require__.d(__webpack_exports__,"VirtualAction",(function(){return VirtualTimeScheduler_VirtualAction})),__webpack_require__.d(__webpack_exports__,"Scheduler",(function(){return Scheduler})),__webpack_require__.d(__webpack_exports__,"Subscription",(function(){return Subscription_Subscription})),__webpack_require__.d(__webpack_exports__,"Subscriber",(function(){return Subscriber_Subscriber})),__webpack_require__.d(__webpack_exports__,"Notification",(function(){return Notification_Notification})),__webpack_require__.d(__webpack_exports__,"NotificationKind",(function(){return NotificationKind})),__webpack_require__.d(__webpack_exports__,"pipe",(function(){return pipe})),__webpack_require__.d(__webpack_exports__,"noop",(function(){return noop})),__webpack_require__.d(__webpack_exports__,"identity",(function(){return identity})),__webpack_require__.d(__webpack_exports__,"isObservable",(function(){return isObservable})),__webpack_require__.d(__webpack_exports__,"ArgumentOutOfRangeError",(function(){return ArgumentOutOfRangeError})),__webpack_require__.d(__webpack_exports__,"EmptyError",(function(){return EmptyError})),__webpack_require__.d(__webpack_exports__,"ObjectUnsubscribedError",(function(){return ObjectUnsubscribedError})),__webpack_require__.d(__webpack_exports__,"UnsubscriptionError",(function(){return UnsubscriptionError})),__webpack_require__.d(__webpack_exports__,"TimeoutError",(function(){return TimeoutError})),__webpack_require__.d(__webpack_exports__,"bindCallback",(function(){return bindCallback})),__webpack_require__.d(__webpack_exports__,"bindNodeCallback",(function(){return bindNodeCallback})),__webpack_require__.d(__webpack_exports__,"combineLatest",(function(){return combineLatest})),__webpack_require__.d(__webpack_exports__,"concat",(function(){return concat})),__webpack_require__.d(__webpack_exports__,"defer",(function(){return defer})),__webpack_require__.d(__webpack_exports__,"empty",(function(){return empty_empty})),__webpack_require__.d(__webpack_exports__,"forkJoin",(function(){return forkJoin})),__webpack_require__.d(__webpack_exports__,"from",(function(){return from})),__webpack_require__.d(__webpack_exports__,"fromEvent",(function(){return fromEvent})),__webpack_require__.d(__webpack_exports__,"fromEventPattern",(function(){return fromEventPattern})),__webpack_require__.d(__webpack_exports__,"generate",(function(){return generate})),__webpack_require__.d(__webpack_exports__,"iif",(function(){return iif})),__webpack_require__.d(__webpack_exports__,"interval",(function(){return interval})),__webpack_require__.d(__webpack_exports__,"merge",(function(){return merge})),__webpack_require__.d(__webpack_exports__,"never",(function(){return never})),__webpack_require__.d(__webpack_exports__,"of",(function(){return of})),__webpack_require__.d(__webpack_exports__,"onErrorResumeNext",(function(){return onErrorResumeNext})),__webpack_require__.d(__webpack_exports__,"pairs",(function(){return pairs})),__webpack_require__.d(__webpack_exports__,"partition",(function(){return partition})),__webpack_require__.d(__webpack_exports__,"race",(function(){return race})),__webpack_require__.d(__webpack_exports__,"range",(function(){return range})),__webpack_require__.d(__webpack_exports__,"throwError",(function(){return throwError})),__webpack_require__.d(__webpack_exports__,"timer",(function(){return timer})),__webpack_require__.d(__webpack_exports__,"using",(function(){return using})),__webpack_require__.d(__webpack_exports__,"zip",(function(){return zip})),__webpack_require__.d(__webpack_exports__,"scheduled",(function(){return scheduled})),__webpack_require__.d(__webpack_exports__,"EMPTY",(function(){return EMPTY})),__webpack_require__.d(__webpack_exports__,"NEVER",(function(){return NEVER})),__webpack_require__.d(__webpack_exports__,"config",(function(){return config}))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var _createClass=function(){function defineProperties(target,props){for(var i=0;i1?_len2-1:0),_key2=1;_key2<_len2;_key2++)expressions[_key2-1]=arguments[_key2];return"function"==typeof strings?_this.interimTag.bind(_this,strings):"string"==typeof strings?_this.transformEndResult(strings):(strings=strings.map(_this.transformString.bind(_this)),_this.transformEndResult(strings.reduce(_this.processSubstitutions.bind(_this,expressions))))},transformers.length>0&&Array.isArray(transformers[0])&&(transformers=transformers[0]),this.transformers=transformers.map((function(transformer){return"function"==typeof transformer?transformer():transformer})),this.tag}return _createClass(TemplateTag,[{key:"interimTag",value:function interimTag(previousTag,template){for(var _len3=arguments.length,substitutions=Array(_len3>2?_len3-2:0),_key3=2;_key3<_len3;_key3++)substitutions[_key3-2]=arguments[_key3];return this.tag(_templateObject,previousTag.apply(void 0,[template].concat(substitutions)))}},{key:"processSubstitutions",value:function processSubstitutions(substitutions,resultSoFar,remainingPart){var substitution=this.transformSubstitution(substitutions.shift(),resultSoFar);return"".concat(resultSoFar,substitution,remainingPart)}},{key:"transformString",value:function transformString(str){return this.transformers.reduce((function cb(res,transform){return transform.onString?transform.onString(res):res}),str)}},{key:"transformSubstitution",value:function transformSubstitution(substitution,resultSoFar){return this.transformers.reduce((function cb(res,transform){return transform.onSubstitution?transform.onSubstitution(res,resultSoFar):res}),substitution)}},{key:"transformEndResult",value:function transformEndResult(endResult){return this.transformers.reduce((function cb(res,transform){return transform.onEndResult?transform.onEndResult(res):res}),endResult)}}]),TemplateTag}(),trimResultTransformer_trimResultTransformer=function trimResultTransformer(){var side=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return{onEndResult:function onEndResult(endResult){if(""===side)return endResult.trim();if("start"===(side=side.toLowerCase())||"left"===side)return endResult.replace(/^\s*/,"");if("end"===side||"right"===side)return endResult.replace(/\s*$/,"");throw new Error("Side not supported: "+side)}}};function _toConsumableArray(arr){if(Array.isArray(arr)){for(var i=0,arr2=Array(arr.length);i0&&void 0!==arguments[0]?arguments[0]:"initial";return{onEndResult:function onEndResult(endResult){if("initial"===type){var match=endResult.match(/^[^\S\n]*(?=\S)/gm),indent=match&&Math.min.apply(Math,_toConsumableArray(match.map((function(el){return el.length}))));if(indent){var regexp=new RegExp("^.{"+indent+"}","gm");return endResult.replace(regexp,"")}return endResult}if("all"===type)return endResult.replace(/^[^\S\n]+/gm,"");throw new Error("Unknown type: "+type)}}},replaceResultTransformer_replaceResultTransformer=function replaceResultTransformer(replaceWhat,replaceWith){return{onEndResult:function onEndResult(endResult){if(null==replaceWhat||null==replaceWith)throw new Error("replaceResultTransformer requires at least 2 arguments.");return endResult.replace(replaceWhat,replaceWith)}}},replaceSubstitutionTransformer_replaceSubstitutionTransformer=function replaceSubstitutionTransformer(replaceWhat,replaceWith){return{onSubstitution:function onSubstitution(substitution,resultSoFar){if(null==replaceWhat||null==replaceWith)throw new Error("replaceSubstitutionTransformer requires at least 2 arguments.");return null==substitution?substitution:substitution.toString().replace(replaceWhat,replaceWith)}}},replaceStringTransformer_replaceStringTransformer=function replaceStringTransformer(replaceWhat,replaceWith){return{onString:function onString(str){if(null==replaceWhat||null==replaceWith)throw new Error("replaceStringTransformer requires at least 2 arguments.");return str.replace(replaceWhat,replaceWith)}}},defaults={separator:"",conjunction:"",serial:!1},inlineArrayTransformer_inlineArrayTransformer=function inlineArrayTransformer(){var opts=arguments.length>0&&void 0!==arguments[0]?arguments[0]:defaults;return{onSubstitution:function onSubstitution(substitution,resultSoFar){if(Array.isArray(substitution)){var arrayLength=substitution.length,separator=opts.separator,conjunction=opts.conjunction,serial=opts.serial,indent=resultSoFar.match(/(\n?[^\S\n]+)$/);if(substitution=indent?substitution.join(separator+indent[1]):substitution.join(separator+" "),conjunction&&arrayLength>1){var separatorIndex=substitution.lastIndexOf(separator);substitution=substitution.slice(0,separatorIndex)+(serial?separator:"")+" "+conjunction+substitution.slice(separatorIndex+1)}}return substitution}}},splitStringTransformer_splitStringTransformer=function splitStringTransformer(splitBy){return{onSubstitution:function onSubstitution(substitution,resultSoFar){if(null==splitBy||"string"!=typeof splitBy)throw new Error("You need to specify a string character to split by.");return"string"==typeof substitution&&substitution.includes(splitBy)&&(substitution=substitution.split(splitBy)),substitution}}},isValidValue=function isValidValue(x){return null!=x&&!Number.isNaN(x)&&"boolean"!=typeof x},removeNonPrintingValuesTransformer_removeNonPrintingValuesTransformer=function removeNonPrintingValuesTransformer(){return{onSubstitution:function onSubstitution(substitution){return Array.isArray(substitution)?substitution.filter(isValidValue):isValidValue(substitution)?substitution:""}}},commaLists_commaLists=new TemplateTag_TemplateTag(inlineArrayTransformer_inlineArrayTransformer({separator:","}),stripIndentTransformer_stripIndentTransformer,trimResultTransformer_trimResultTransformer),commaListsAnd_commaListsAnd=new TemplateTag_TemplateTag(inlineArrayTransformer_inlineArrayTransformer({separator:",",conjunction:"and"}),stripIndentTransformer_stripIndentTransformer,trimResultTransformer_trimResultTransformer),commaListsOr_commaListsOr=new TemplateTag_TemplateTag(inlineArrayTransformer_inlineArrayTransformer({separator:",",conjunction:"or"}),stripIndentTransformer_stripIndentTransformer,trimResultTransformer_trimResultTransformer),html_html=new TemplateTag_TemplateTag(splitStringTransformer_splitStringTransformer("\n"),removeNonPrintingValuesTransformer_removeNonPrintingValuesTransformer,inlineArrayTransformer_inlineArrayTransformer,stripIndentTransformer_stripIndentTransformer,trimResultTransformer_trimResultTransformer),safeHtml_safeHtml=new TemplateTag_TemplateTag(splitStringTransformer_splitStringTransformer("\n"),inlineArrayTransformer_inlineArrayTransformer,stripIndentTransformer_stripIndentTransformer,trimResultTransformer_trimResultTransformer,replaceSubstitutionTransformer_replaceSubstitutionTransformer(/&/g,"&"),replaceSubstitutionTransformer_replaceSubstitutionTransformer(//g,">"),replaceSubstitutionTransformer_replaceSubstitutionTransformer(/"/g,"""),replaceSubstitutionTransformer_replaceSubstitutionTransformer(/'/g,"'"),replaceSubstitutionTransformer_replaceSubstitutionTransformer(/`/g,"`")),oneLine_oneLine=new TemplateTag_TemplateTag(replaceResultTransformer_replaceResultTransformer(/(?:\n(?:\s*))+/g," "),trimResultTransformer_trimResultTransformer),oneLineTrim_oneLineTrim=new TemplateTag_TemplateTag(replaceResultTransformer_replaceResultTransformer(/(?:\n\s*)/g,""),trimResultTransformer_trimResultTransformer),oneLineCommaLists_oneLineCommaLists=new TemplateTag_TemplateTag(inlineArrayTransformer_inlineArrayTransformer({separator:","}),replaceResultTransformer_replaceResultTransformer(/(?:\s+)/g," "),trimResultTransformer_trimResultTransformer),oneLineCommaListsOr_oneLineCommaListsOr=new TemplateTag_TemplateTag(inlineArrayTransformer_inlineArrayTransformer({separator:",",conjunction:"or"}),replaceResultTransformer_replaceResultTransformer(/(?:\s+)/g," "),trimResultTransformer_trimResultTransformer),oneLineCommaListsAnd_oneLineCommaListsAnd=new TemplateTag_TemplateTag(inlineArrayTransformer_inlineArrayTransformer({separator:",",conjunction:"and"}),replaceResultTransformer_replaceResultTransformer(/(?:\s+)/g," "),trimResultTransformer_trimResultTransformer),inlineLists_inlineLists=new TemplateTag_TemplateTag(inlineArrayTransformer_inlineArrayTransformer,stripIndentTransformer_stripIndentTransformer,trimResultTransformer_trimResultTransformer),oneLineInlineLists_oneLineInlineLists=new TemplateTag_TemplateTag(inlineArrayTransformer_inlineArrayTransformer,replaceResultTransformer_replaceResultTransformer(/(?:\s+)/g," "),trimResultTransformer_trimResultTransformer),stripIndent_stripIndent=new TemplateTag_TemplateTag(stripIndentTransformer_stripIndentTransformer,trimResultTransformer_trimResultTransformer),stripIndents_stripIndents=new TemplateTag_TemplateTag(stripIndentTransformer_stripIndentTransformer("all"),trimResultTransformer_trimResultTransformer);__webpack_require__.d(__webpack_exports__,"TemplateTag",(function(){return TemplateTag_TemplateTag})),__webpack_require__.d(__webpack_exports__,"trimResultTransformer",(function(){return trimResultTransformer_trimResultTransformer})),__webpack_require__.d(__webpack_exports__,"stripIndentTransformer",(function(){return stripIndentTransformer_stripIndentTransformer})),__webpack_require__.d(__webpack_exports__,"replaceResultTransformer",(function(){return replaceResultTransformer_replaceResultTransformer})),__webpack_require__.d(__webpack_exports__,"replaceSubstitutionTransformer",(function(){return replaceSubstitutionTransformer_replaceSubstitutionTransformer})),__webpack_require__.d(__webpack_exports__,"replaceStringTransformer",(function(){return replaceStringTransformer_replaceStringTransformer})),__webpack_require__.d(__webpack_exports__,"inlineArrayTransformer",(function(){return inlineArrayTransformer_inlineArrayTransformer})),__webpack_require__.d(__webpack_exports__,"splitStringTransformer",(function(){return splitStringTransformer_splitStringTransformer})),__webpack_require__.d(__webpack_exports__,"removeNonPrintingValuesTransformer",(function(){return removeNonPrintingValuesTransformer_removeNonPrintingValuesTransformer})),__webpack_require__.d(__webpack_exports__,"commaLists",(function(){return commaLists_commaLists})),__webpack_require__.d(__webpack_exports__,"commaListsAnd",(function(){return commaListsAnd_commaListsAnd})),__webpack_require__.d(__webpack_exports__,"commaListsOr",(function(){return commaListsOr_commaListsOr})),__webpack_require__.d(__webpack_exports__,"html",(function(){return html_html})),__webpack_require__.d(__webpack_exports__,"codeBlock",(function(){return html_html})),__webpack_require__.d(__webpack_exports__,"source",(function(){return html_html})),__webpack_require__.d(__webpack_exports__,"safeHtml",(function(){return safeHtml_safeHtml})),__webpack_require__.d(__webpack_exports__,"oneLine",(function(){return oneLine_oneLine})),__webpack_require__.d(__webpack_exports__,"oneLineTrim",(function(){return oneLineTrim_oneLineTrim})),__webpack_require__.d(__webpack_exports__,"oneLineCommaLists",(function(){return oneLineCommaLists_oneLineCommaLists})),__webpack_require__.d(__webpack_exports__,"oneLineCommaListsOr",(function(){return oneLineCommaListsOr_oneLineCommaListsOr})),__webpack_require__.d(__webpack_exports__,"oneLineCommaListsAnd",(function(){return oneLineCommaListsAnd_oneLineCommaListsAnd})),__webpack_require__.d(__webpack_exports__,"inlineLists",(function(){return inlineLists_inlineLists})),__webpack_require__.d(__webpack_exports__,"oneLineInlineLists",(function(){return oneLineInlineLists_oneLineInlineLists})),__webpack_require__.d(__webpack_exports__,"stripIndent",(function(){return stripIndent_stripIndent})),__webpack_require__.d(__webpack_exports__,"stripIndents",(function(){return stripIndents_stripIndents}))},function(module,__webpack_exports__,__webpack_require__){"use strict";
+!function(){"use strict";var document="undefined"!=typeof window&&void 0!==window.document?window.document:{},isCommonjs=module.exports,fn=function(){for(var val,fnMap=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],i=0,l=fnMap.length,ret={};idelay?exec():!0!==noTrailing&&(timeoutID=setTimeout(debounceMode?function clear(){timeoutID=void 0}:exec,void 0===debounceMode?delay-elapsed:delay)))}return"boolean"!=typeof noTrailing&&(debounceMode=callback,callback=noTrailing,noTrailing=void 0),wrapper.cancel=function cancel(){clearExistingTimeout(),cancelled=!0},wrapper}function debounce(delay,atBegin,callback){return void 0===callback?throttle(delay,atBegin,!1):throttle(delay,callback,!1!==atBegin)}__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"throttle",(function(){return throttle})),__webpack_require__.d(__webpack_exports__,"debounce",(function(){return debounce}))},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(module,exports){var keyList=Object.keys;exports.equal=function equal(a,b){if(a===b)return!0;if(!(a instanceof Object&&b instanceof Object))return!1;for(var keys=keyList(a),length=keys.length,i=0;i0},ResizeObserverController.prototype.connect_=function(){isBrowser&&!this.connected_&&(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),mutationObserverSupported?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},ResizeObserverController.prototype.disconnect_=function(){isBrowser&&this.connected_&&(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},ResizeObserverController.prototype.onTransitionEnd_=function(_a){var _b=_a.propertyName,propertyName=void 0===_b?"":_b;transitionKeys.some((function(key){return!!~propertyName.indexOf(key)}))&&this.refresh()},ResizeObserverController.getInstance=function(){return this.instance_||(this.instance_=new ResizeObserverController),this.instance_},ResizeObserverController.instance_=null,ResizeObserverController}(),defineConfigurable=function(target,props){for(var _i=0,_a=Object.keys(props);_i<_a.length;_i++){var key=_a[_i];Object.defineProperty(target,key,{value:props[key],enumerable:!1,writable:!1,configurable:!0})}return target},getWindowOf=function(target){return target&&target.ownerDocument&&target.ownerDocument.defaultView||global$1},emptyRect=createRectInit(0,0,0,0);function toFloat(value){return parseFloat(value)||0}function getBordersSize(styles){for(var positions=[],_i=1;_i0},ResizeObserverSPI}(),observers="undefined"!=typeof WeakMap?new WeakMap:new MapShim,ResizeObserver=function ResizeObserver(callback){if(!(this instanceof ResizeObserver))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var controller=ResizeObserverController.getInstance(),observer=new ResizeObserverSPI(callback,controller,this);observers.set(this,observer)};["observe","unobserve","disconnect"].forEach((function(method){ResizeObserver.prototype[method]=function(){var _a;return(_a=observers.get(this))[method].apply(_a,arguments)}}));var index=void 0!==global$1.ResizeObserver?global$1.ResizeObserver:ResizeObserver;__webpack_exports__.default=index}.call(this,__webpack_require__(17))},,,,,,function(module,exports,__webpack_require__){(function(global){!function(e){"use strict";function t(e,t){e.super_=t,e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}})}function r(e,t){Object.defineProperty(this,"kind",{value:e,enumerable:!0}),t&&t.length&&Object.defineProperty(this,"path",{value:t,enumerable:!0})}function n(e,t,r){n.super_.call(this,"E",e),Object.defineProperty(this,"lhs",{value:t,enumerable:!0}),Object.defineProperty(this,"rhs",{value:r,enumerable:!0})}function o(e,t){o.super_.call(this,"N",e),Object.defineProperty(this,"rhs",{value:t,enumerable:!0})}function i(e,t){i.super_.call(this,"D",e),Object.defineProperty(this,"lhs",{value:t,enumerable:!0})}function a(e,t,r){a.super_.call(this,"A",e),Object.defineProperty(this,"index",{value:t,enumerable:!0}),Object.defineProperty(this,"item",{value:r,enumerable:!0})}function f(e,t,r){var n=e.slice((r||t)+1||e.length);return e.length=t<0?e.length+t:t,e.push.apply(e,n),e}function u(e){var t=void 0===e?"undefined":N(e);return"object"!==t?t:e===Math?"math":null===e?"null":Array.isArray(e)?"array":"[object Date]"===Object.prototype.toString.call(e)?"date":"function"==typeof e.toString&&/^\/.*\//.test(e.toString())?"regexp":"object"}function l(e,t,r,c,s,d,p){p=p||[];var g=(s=s||[]).slice(0);if(void 0!==d){if(c){if("function"==typeof c&&c(g,d))return;if("object"===(void 0===c?"undefined":N(c))){if(c.prefilter&&c.prefilter(g,d))return;if(c.normalize){var h=c.normalize(g,d,e,t);h&&(e=h[0],t=h[1])}}}g.push(d)}"regexp"===u(e)&&"regexp"===u(t)&&(e=e.toString(),t=t.toString());var y=void 0===e?"undefined":N(e),v=void 0===t?"undefined":N(t),b="undefined"!==y||p&&p[p.length-1].lhs&&p[p.length-1].lhs.hasOwnProperty(d),m="undefined"!==v||p&&p[p.length-1].rhs&&p[p.length-1].rhs.hasOwnProperty(d);if(!b&&m)r(new o(g,t));else if(!m&&b)r(new i(g,e));else if(u(e)!==u(t))r(new n(g,e,t));else if("date"===u(e)&&e-t!=0)r(new n(g,e,t));else if("object"===y&&null!==e&&null!==t)if(p.filter((function(t){return t.lhs===e})).length)e!==t&&r(new n(g,e,t));else{if(p.push({lhs:e,rhs:t}),Array.isArray(e)){var w;for(e.length,w=0;w=t.length?r(new a(g,w,new i(void 0,e[w]))):l(e[w],t[w],r,c,g,w,p);for(;w=0?(l(e[n],t[n],r,c,g,n,p),S=f(S,i)):l(e[n],void 0,r,c,g,n,p)})),S.forEach((function(e){l(void 0,t[e],r,c,g,e,p)}))}p.length=p.length-1}else e!==t&&("number"===y&&isNaN(e)&&isNaN(t)||r(new n(g,e,t)))}function c(e,t,r,n){return n=n||[],l(e,t,(function(e){e&&n.push(e)}),r),n.length?n:void 0}function d(e,t,r){if(e&&t&&r&&r.kind){for(var n=e,o=-1,i=r.path?r.path.length-1:0;++o0&&void 0!==arguments[0]?arguments[0]:{},t=Object.assign({},L,e),r=t.logger,n=t.stateTransformer,o=t.errorTransformer,i=t.predicate,a=t.logErrors,f=t.diffPredicate;if(void 0===r)return function(){return function(e){return function(t){return e(t)}}};if(e.getState&&e.dispatch)return console.error("[redux-logger] redux-logger not installed. Make sure to pass logger instance as middleware:\n// Logger with default options\nimport { logger } from 'redux-logger'\nconst store = createStore(\n  reducer,\n  applyMiddleware(logger)\n)\n// Or you can create your own logger with custom options http://bit.ly/redux-logger-options\nimport createLogger from 'redux-logger'\nconst logger = createLogger({\n  // ...options\n});\nconst store = createStore(\n  reducer,\n  applyMiddleware(logger)\n)\n"),function(){return function(e){return function(t){return e(t)}}};var u=[];return function(e){var r=e.getState;return function(e){return function(l){if("function"==typeof i&&!i(r,l))return e(l);var c={};u.push(c),c.started=O.now(),c.startedTime=new Date,c.prevState=n(r()),c.action=l;var s=void 0;if(a)try{s=e(l)}catch(e){c.error=o(e)}else s=e(l);c.took=O.now()-c.started,c.nextState=n(r());var d=t.diff&&"function"==typeof f?f(r,l):t.diff;if(x(u,Object.assign({},t,{diff:d})),u.length=0,c.error)throw c.error;return s}}}}var k,j,A=function(e,t){return function(e,t){return new Array(t+1).join(e)}("0",t-e.toString().length)+e},D=function(e){return A(e.getHours(),2)+":"+A(e.getMinutes(),2)+":"+A(e.getSeconds(),2)+"."+A(e.getMilliseconds(),3)},O="undefined"!=typeof performance&&null!==performance&&"function"==typeof performance.now?performance:Date,N="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},P=function(e){if(Array.isArray(e)){for(var t=0,r=Array(e.length);t0&&void 0!==arguments[0]?arguments[0]:{},t=e.dispatch,r=e.getState;return"function"==typeof t||"function"==typeof r?S()({dispatch:t,getState:r}):void console.error("\n[redux-logger v3] BREAKING CHANGE\n[redux-logger v3] Since 3.0.0 redux-logger exports by default logger with default settings.\n[redux-logger v3] Change\n[redux-logger v3] import createLogger from 'redux-logger'\n[redux-logger v3] to\n[redux-logger v3] import { createLogger } from 'redux-logger'\n")};e.defaults=L,e.createLogger=S,e.logger=T,e.default=T,Object.defineProperty(e,"__esModule",{value:!0})}(exports)}).call(this,__webpack_require__(17))},function(module,__webpack_exports__,__webpack_require__){"use strict";function createThunkMiddleware(extraArgument){return function(_ref){var dispatch=_ref.dispatch,getState=_ref.getState;return function(next){return function(action){return"function"==typeof action?action(dispatch,getState,extraArgument):next(action)}}}}__webpack_require__.r(__webpack_exports__);var thunk=createThunkMiddleware();thunk.withExtraArgument=createThunkMiddleware,__webpack_exports__.default=thunk},,,,,,,,,,,,,,,,function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _ActionDisplay=__webpack_require__(746);Object.keys(_ActionDisplay).forEach((function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _ActionDisplay[key]}})}));var _ActionsFunction=__webpack_require__(747);Object.keys(_ActionsFunction).forEach((function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _ActionsFunction[key]}})}));var _ActionOptions=__webpack_require__(748);Object.keys(_ActionOptions).forEach((function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _ActionOptions[key]}})}));var _ActionsMap=__webpack_require__(749);Object.keys(_ActionsMap).forEach((function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _ActionsMap[key]}})}));var _DecoratorFunction=__webpack_require__(750);Object.keys(_DecoratorFunction).forEach((function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _DecoratorFunction[key]}})}));var _HandlerFunction=__webpack_require__(751);Object.keys(_HandlerFunction).forEach((function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _HandlerFunction[key]}})}))},function(module,exports,__webpack_require__){},function(module,exports,__webpack_require__){},function(module,exports,__webpack_require__){},function(module,exports,__webpack_require__){},function(module,exports,__webpack_require__){},function(module,exports,__webpack_require__){},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _action=__webpack_require__(186);Object.keys(_action).forEach((function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _action[key]}})}));var _actions=__webpack_require__(188);Object.keys(_actions).forEach((function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _actions[key]}})}));var _configureActions=__webpack_require__(187);Object.keys(_configureActions).forEach((function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _configureActions[key]}})}));var _decorateAction=__webpack_require__(756);Object.keys(_decorateAction).forEach((function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _decorateAction[key]}})}));var _withActions=__webpack_require__(301);Object.keys(_withActions).forEach((function(key){"default"!==key&&"__esModule"!==key&&Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _withActions[key]}})}))},function(module,exports,__webpack_require__){var rng=__webpack_require__(754),bytesToUuid=__webpack_require__(755);module.exports=function v4(options,buf,offset){var i=buf&&offset||0;"string"==typeof options&&(buf="binary"===options?new Array(16):null,options=null);var rnds=(options=options||{}).random||(options.rng||rng)();if(rnds[6]=15&rnds[6]|64,rnds[8]=63&rnds[8]|128,buf)for(var ii=0;ii<16;++ii)buf[i+ii]=rnds[ii];return buf||bytesToUuid(rnds)}},function(module,exports){var getRandomValues="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof window.msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto);if(getRandomValues){var rnds8=new Uint8Array(16);module.exports=function whatwgRNG(){return getRandomValues(rnds8),rnds8}}else{var rnds=new Array(16);module.exports=function mathRNG(){for(var r,i=0;i<16;i++)0==(3&i)&&(r=4294967296*Math.random()),rnds[i]=r>>>((3&i)<<3)&255;return rnds}}},function(module,exports){for(var byteToHex=[],i=0;i<256;++i)byteToHex[i]=(i+256).toString(16).substr(1);module.exports=function bytesToUuid(buf,offset){var i=offset||0,bth=byteToHex;return[bth[buf[i++]],bth[buf[i++]],bth[buf[i++]],bth[buf[i++]],"-",bth[buf[i++]],bth[buf[i++]],"-",bth[buf[i++]],bth[buf[i++]],"-",bth[buf[i++]],bth[buf[i++]],"-",bth[buf[i++]],bth[buf[i++]],bth[buf[i++]],bth[buf[i++]],bth[buf[i++]],bth[buf[i++]]].join("")}},function(module,exports,__webpack_require__){"use strict";__webpack_require__(22),__webpack_require__(32),__webpack_require__(33),__webpack_require__(25),__webpack_require__(66),__webpack_require__(39),__webpack_require__(23),__webpack_require__(108),__webpack_require__(28),__webpack_require__(40),__webpack_require__(19),__webpack_require__(44),__webpack_require__(34),__webpack_require__(26),__webpack_require__(27),Object.defineProperty(exports,"__esModule",{value:!0}),exports.decorate=exports.decorateAction=void 0;var _action=__webpack_require__(186),_actions=__webpack_require__(188),_withActions=__webpack_require__(301);function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr)){for(var i=0,arr2=new Array(arr.length);i"]),locale.bindMacro("shift + /",["questionmark","?"]),platform.match("Mac")?locale.bindMacro("command",["mod","modifier"]):locale.bindMacro("ctrl",["mod","modifier"]);for(var keyCode=65;keyCode<=90;keyCode+=1){var keyName=String.fromCharCode(keyCode+32),capitalKeyName=String.fromCharCode(keyCode);locale.bindKeyCode(keyCode,keyName),locale.bindMacro("shift + "+keyName,capitalKeyName),locale.bindMacro("capslock + "+keyName,capitalKeyName)}var leftCommandKeyCode,rightCommandKeyCode,semicolonKeyCode=userAgent.match("Firefox")?59:186,dashKeyCode=userAgent.match("Firefox")?173:189,equalKeyCode=userAgent.match("Firefox")?61:187;platform.match("Mac")&&(userAgent.match("Safari")||userAgent.match("Chrome"))?(leftCommandKeyCode=91,rightCommandKeyCode=93):platform.match("Mac")&&userAgent.match("Opera")?(leftCommandKeyCode=17,rightCommandKeyCode=17):platform.match("Mac")&&userAgent.match("Firefox")&&(leftCommandKeyCode=224,rightCommandKeyCode=224),locale.bindKeyCode(semicolonKeyCode,["semicolon",";"]),locale.bindKeyCode(dashKeyCode,["dash","-"]),locale.bindKeyCode(equalKeyCode,["equal","equalsign","="]),locale.bindKeyCode(leftCommandKeyCode,["command","windows","win","super","leftcommand","leftwindows","leftwin","leftsuper"]),locale.bindKeyCode(rightCommandKeyCode,["command","windows","win","super","rightcommand","rightwindows","rightwin","rightsuper"]),locale.setKillKey("command")}},,,,,,,,,,,function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FrameContextConsumer=exports.FrameContext=void 0;var _Context=__webpack_require__(306);Object.defineProperty(exports,"FrameContext",{enumerable:!0,get:function get(){return _Context.FrameContext}}),Object.defineProperty(exports,"FrameContextConsumer",{enumerable:!0,get:function get(){return _Context.FrameContextConsumer}});var _Frame2=function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}(__webpack_require__(827));exports.default=_Frame2.default},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _extends=Object.assign||function(target){for(var i=1;i
'},exports.default=Frame},function(module,exports,__webpack_require__){"use strict";var ReactPropTypesSecret=__webpack_require__(829);function emptyFunction(){}function emptyFunctionWithReset(){}emptyFunctionWithReset.resetWarningCache=emptyFunction,module.exports=function(){function shim(props,propName,componentName,location,propFullName,secret){if(secret!==ReactPropTypesSecret){var err=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw err.name="Invariant Violation",err}}function getShim(){return shim}shim.isRequired=shim;var ReactPropTypes={array:shim,bool:shim,func:shim,number:shim,object:shim,string:shim,symbol:shim,any:shim,arrayOf:getShim,element:shim,elementType:shim,instanceOf:getShim,node:shim,objectOf:getShim,oneOf:getShim,oneOfType:getShim,shape:getShim,exact:getShim,checkPropTypes:emptyFunctionWithReset,resetWarningCache:emptyFunction};return ReactPropTypes.PropTypes=ReactPropTypes,ReactPropTypes}},function(module,exports,__webpack_require__){"use strict";module.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function defineProperties(target,props){for(var i=0;i2?_len-2:0),_key=2;_key<_len;_key++)outerArgs[_key-2]=arguments[_key];return function(){for(var _len2=arguments.length,innerArgs=Array(_len2),_key2=0;_key2<_len2;_key2++)innerArgs[_key2]=arguments[_key2];func.apply(context,concat.call(outerArgs,slice.call(innerArgs)))}},extend:function extend(target,source){for(var key in source)source.hasOwnProperty(key)&&(target[key]=source[key])},onFrame:onFrame,removeFirst:removeFirst,hexToRGB:hexToRGB,rgbToHex:rgbToHex});function mapValueInRange(value,fromLow,fromHigh,toLow,toHigh){return toLow+(value-fromLow)/(fromHigh-fromLow)*(toHigh-toLow)}var MathUtil=Object.freeze({mapValueInRange:mapValueInRange,interpolateColor:function interpolateColor(val,startColorStr,endColorStr){var fromLow=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,fromHigh=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,asRGB=arguments[5],startColor=hexToRGB(startColorStr),endColor=hexToRGB(endColorStr),r=Math.floor(mapValueInRange(val,fromLow,fromHigh,startColor.r,endColor.r)),g=Math.floor(mapValueInRange(val,fromLow,fromHigh,startColor.g,endColor.g)),b=Math.floor(mapValueInRange(val,fromLow,fromHigh,startColor.b,endColor.b));return asRGB?"rgb("+r+","+g+","+b+")":rgbToHex(r,g,b)},degreesToRadians:function degreesToRadians(deg){return deg*Math.PI/180},radiansToDegrees:function radiansToDegrees(rad){return 180*rad/Math.PI}});function tensionFromOrigamiValue(oValue){return 3.62*(oValue-30)+194}function frictionFromOrigamiValue(oValue){return 3*(oValue-8)+25}var OrigamiValueConverter=Object.freeze({tensionFromOrigamiValue:tensionFromOrigamiValue,origamiValueFromTension:function origamiValueFromTension(tension){return(tension-194)/3.62+30},frictionFromOrigamiValue:frictionFromOrigamiValue,origamiFromFriction:function origamiFromFriction(friction){return(friction-25)/3+8}}),classCallCheck=function(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")},_extends=Object.assign||function(target){for(var i=1;i18&&tension<=44?this.b3Friction2(tension):this.b3Friction3(tension)},BouncyConversion}(),SpringConfig=function(){function SpringConfig(tension,friction){classCallCheck(this,SpringConfig),this.tension=tension,this.friction=friction}return(SpringConfig.fromOrigamiTensionAndFriction=function fromOrigamiTensionAndFriction(tension,friction){return new SpringConfig(tensionFromOrigamiValue(tension),frictionFromOrigamiValue(friction))},SpringConfig.fromBouncinessAndSpeed=function fromBouncinessAndSpeed(bounciness,speed){var bouncyConversion=new BouncyConversion(bounciness,speed);return SpringConfig.fromOrigamiTensionAndFriction(bouncyConversion.bouncyTension,bouncyConversion.bouncyFriction)},SpringConfig.coastingConfigWithOrigamiFriction=function coastingConfigWithOrigamiFriction(friction){return new SpringConfig(0,frictionFromOrigamiValue(friction))},SpringConfig)}();SpringConfig.DEFAULT_ORIGAMI_SPRING_CONFIG=SpringConfig.fromOrigamiTensionAndFriction(40,7);var PhysicsState=function PhysicsState(){classCallCheck(this,PhysicsState),this.position=0,this.velocity=0},Spring=function(){function Spring(springSystem){classCallCheck(this,Spring),this.listeners=[],this._startValue=0,this._currentState=new PhysicsState,this._displacementFromRestThreshold=.001,this._endValue=0,this._overshootClampingEnabled=!1,this._previousState=new PhysicsState,this._restSpeedThreshold=.001,this._tempState=new PhysicsState,this._timeAccumulator=0,this._wasAtRest=!0,this._id="s"+Spring._ID++,this._springSystem=springSystem}return Spring.prototype.destroy=function destroy(){this.listeners=[],this._springSystem.deregisterSpring(this)},Spring.prototype.getId=function getId(){return this._id},Spring.prototype.setSpringConfig=function setSpringConfig(springConfig){return this._springConfig=springConfig,this},Spring.prototype.getSpringConfig=function getSpringConfig(){return this._springConfig},Spring.prototype.setCurrentValue=function setCurrentValue(currentValue,skipSetAtRest){return this._startValue=currentValue,this._currentState.position=currentValue,skipSetAtRest||this.setAtRest(),this.notifyPositionUpdated(!1,!1),this},Spring.prototype.getStartValue=function getStartValue(){return this._startValue},Spring.prototype.getCurrentValue=function getCurrentValue(){return this._currentState.position},Spring.prototype.getCurrentDisplacementDistance=function getCurrentDisplacementDistance(){return this.getDisplacementDistanceForState(this._currentState)},Spring.prototype.getDisplacementDistanceForState=function getDisplacementDistanceForState(state){return Math.abs(this._endValue-state.position)},Spring.prototype.setEndValue=function setEndValue(endValue){if(this._endValue===endValue&&this.isAtRest())return this;this._startValue=this.getCurrentValue(),this._endValue=endValue,this._springSystem.activateSpring(this.getId());for(var i=0,len=this.listeners.length;i0&&(startend||start>end&&this.getCurrentValue()Spring.MAX_DELTA_TIME_SEC&&(adjustedDeltaTime=Spring.MAX_DELTA_TIME_SEC),this._timeAccumulator+=adjustedDeltaTime;for(var tension=this._springConfig.tension,friction=this._springConfig.friction,position=this._currentState.position,velocity=this._currentState.velocity,tempPosition=this._tempState.position,tempVelocity=this._tempState.velocity,aVelocity=void 0,aAcceleration=void 0,bVelocity=void 0,bAcceleration=void 0,cVelocity=void 0,cAcceleration=void 0,dVelocity=void 0,dvdt=void 0;this._timeAccumulator>=Spring.SOLVER_TIMESTEP_SEC;)this._timeAccumulator-=Spring.SOLVER_TIMESTEP_SEC,this._timeAccumulator0&&this._interpolate(this._timeAccumulator/Spring.SOLVER_TIMESTEP_SEC),(this.isAtRest()||this._overshootClampingEnabled&&this.isOvershooting())&&(this._springConfig.tension>0?(this._startValue=this._endValue,this._currentState.position=this._endValue):(this._endValue=this._currentState.position,this._startValue=this._endValue),this.setVelocity(0),isAtRest=!0);var notifyActivate=!1;this._wasAtRest&&(this._wasAtRest=!1,notifyActivate=!0);var notifyAtRest=!1;isAtRest&&(this._wasAtRest=!0,notifyAtRest=!0),this.notifyPositionUpdated(notifyActivate,notifyAtRest)}},Spring.prototype.notifyPositionUpdated=function notifyPositionUpdated(notifyActivate,notifyAtRest){for(var i=0,len=this.listeners.length;i0;)this._idleSpringIndices.pop();for(var i=0,len=this._activeSprings.length;i0;){var idx=this._idleSpringIndices.pop();idx>=0&&this._activeSprings.splice(idx,1)}},SpringSystem.prototype.loop=function loop(currentTimeMillis){var listener=void 0;-1===this._lastTimeMillis&&(this._lastTimeMillis=currentTimeMillis-1);var ellapsedMillis=currentTimeMillis-this._lastTimeMillis;this._lastTimeMillis=currentTimeMillis;var i=0,len=this.listeners.length;for(i=0;i1)this.connection=null;else{var connection=this.connection,sharedConnection=connectable._connection;this.connection=null,!sharedConnection||connection&&sharedConnection!==connection||sharedConnection.unsubscribe()}}else this.connection=null},RefCountSubscriber}(Subscriber_Subscriber),ConnectableObservable_ConnectableObservable=function(_super){function ConnectableObservable(source,subjectFactory){var _this=_super.call(this)||this;return _this.source=source,_this.subjectFactory=subjectFactory,_this._refCount=0,_this._isComplete=!1,_this}return tslib_es6.__extends(ConnectableObservable,_super),ConnectableObservable.prototype._subscribe=function(subscriber){return this.getSubject().subscribe(subscriber)},ConnectableObservable.prototype.getSubject=function(){var subject=this._subject;return subject&&!subject.isStopped||(this._subject=this.subjectFactory()),this._subject},ConnectableObservable.prototype.connect=function(){var connection=this._connection;return connection||(this._isComplete=!1,(connection=this._connection=new Subscription_Subscription).add(this.source.subscribe(new ConnectableObservable_ConnectableSubscriber(this.getSubject(),this))),connection.closed&&(this._connection=null,connection=Subscription_Subscription.EMPTY)),connection},ConnectableObservable.prototype.refCount=function(){return function refCount(){return function refCountOperatorFunction(source){return source.lift(new RefCountOperator(source))}}()(this)},ConnectableObservable}(Observable_Observable),ConnectableObservable_ConnectableSubscriber=function(_super){function ConnectableSubscriber(destination,connectable){var _this=_super.call(this,destination)||this;return _this.connectable=connectable,_this}return tslib_es6.__extends(ConnectableSubscriber,_super),ConnectableSubscriber.prototype._error=function(err){this._unsubscribe(),_super.prototype._error.call(this,err)},ConnectableSubscriber.prototype._complete=function(){this.connectable._isComplete=!0,this._unsubscribe(),_super.prototype._complete.call(this)},ConnectableSubscriber.prototype._unsubscribe=function(){var connectable=this.connectable;if(connectable){this.connectable=null;var connection=connectable._connection;connectable._refCount=0,connectable._subject=null,connectable._connection=null,connection&&connection.unsubscribe()}},ConnectableSubscriber}(Subject_SubjectSubscriber);var groupBy_GroupedObservable=function(_super){function GroupedObservable(key,groupSubject,refCountSubscription){var _this=_super.call(this)||this;return _this.key=key,_this.groupSubject=groupSubject,_this.refCountSubscription=refCountSubscription,_this}return tslib_es6.__extends(GroupedObservable,_super),GroupedObservable.prototype._subscribe=function(subscriber){var subscription=new Subscription_Subscription,refCountSubscription=this.refCountSubscription,groupSubject=this.groupSubject;return refCountSubscription&&!refCountSubscription.closed&&subscription.add(new groupBy_InnerRefCountSubscription(refCountSubscription)),subscription.add(groupSubject.subscribe(subscriber)),subscription},GroupedObservable}(Observable_Observable),groupBy_InnerRefCountSubscription=function(_super){function InnerRefCountSubscription(parent){var _this=_super.call(this)||this;return _this.parent=parent,parent.count++,_this}return tslib_es6.__extends(InnerRefCountSubscription,_super),InnerRefCountSubscription.prototype.unsubscribe=function(){var parent=this.parent;parent.closed||this.closed||(_super.prototype.unsubscribe.call(this),parent.count-=1,0===parent.count&&parent.attemptedToUnsubscribe&&parent.unsubscribe())},InnerRefCountSubscription}(Subscription_Subscription),BehaviorSubject_BehaviorSubject=function(_super){function BehaviorSubject(_value){var _this=_super.call(this)||this;return _this._value=_value,_this}return tslib_es6.__extends(BehaviorSubject,_super),Object.defineProperty(BehaviorSubject.prototype,"value",{get:function(){return this.getValue()},enumerable:!0,configurable:!0}),BehaviorSubject.prototype._subscribe=function(subscriber){var subscription=_super.prototype._subscribe.call(this,subscriber);return subscription&&!subscription.closed&&subscriber.next(this._value),subscription},BehaviorSubject.prototype.getValue=function(){if(this.hasError)throw this.thrownError;if(this.closed)throw new ObjectUnsubscribedError;return this._value},BehaviorSubject.prototype.next=function(value){_super.prototype.next.call(this,this._value=value)},BehaviorSubject}(Subject_Subject),AsyncAction_AsyncAction=function(_super){function AsyncAction(scheduler,work){var _this=_super.call(this,scheduler,work)||this;return _this.scheduler=scheduler,_this.work=work,_this.pending=!1,_this}return tslib_es6.__extends(AsyncAction,_super),AsyncAction.prototype.schedule=function(state,delay){if(void 0===delay&&(delay=0),this.closed)return this;this.state=state;var id=this.id,scheduler=this.scheduler;return null!=id&&(this.id=this.recycleAsyncId(scheduler,id,delay)),this.pending=!0,this.delay=delay,this.id=this.id||this.requestAsyncId(scheduler,this.id,delay),this},AsyncAction.prototype.requestAsyncId=function(scheduler,id,delay){return void 0===delay&&(delay=0),setInterval(scheduler.flush.bind(scheduler,this),delay)},AsyncAction.prototype.recycleAsyncId=function(scheduler,id,delay){if(void 0===delay&&(delay=0),null!==delay&&this.delay===delay&&!1===this.pending)return id;clearInterval(id)},AsyncAction.prototype.execute=function(state,delay){if(this.closed)return new Error("executing a cancelled action");this.pending=!1;var error=this._execute(state,delay);if(error)return error;!1===this.pending&&null!=this.id&&(this.id=this.recycleAsyncId(this.scheduler,this.id,null))},AsyncAction.prototype._execute=function(state,delay){var errored=!1,errorValue=void 0;try{this.work(state)}catch(e){errored=!0,errorValue=!!e&&e||new Error(e)}if(errored)return this.unsubscribe(),errorValue},AsyncAction.prototype._unsubscribe=function(){var id=this.id,scheduler=this.scheduler,actions=scheduler.actions,index=actions.indexOf(this);this.work=null,this.state=null,this.pending=!1,this.scheduler=null,-1!==index&&actions.splice(index,1),null!=id&&(this.id=this.recycleAsyncId(scheduler,id,null)),this.delay=null},AsyncAction}(function(_super){function Action(scheduler,work){return _super.call(this)||this}return tslib_es6.__extends(Action,_super),Action.prototype.schedule=function(state,delay){return void 0===delay&&(delay=0),this},Action}(Subscription_Subscription)),QueueAction_QueueAction=function(_super){function QueueAction(scheduler,work){var _this=_super.call(this,scheduler,work)||this;return _this.scheduler=scheduler,_this.work=work,_this}return tslib_es6.__extends(QueueAction,_super),QueueAction.prototype.schedule=function(state,delay){return void 0===delay&&(delay=0),delay>0?_super.prototype.schedule.call(this,state,delay):(this.delay=delay,this.state=state,this.scheduler.flush(this),this)},QueueAction.prototype.execute=function(state,delay){return delay>0||this.closed?_super.prototype.execute.call(this,state,delay):this._execute(state,delay)},QueueAction.prototype.requestAsyncId=function(scheduler,id,delay){return void 0===delay&&(delay=0),null!==delay&&delay>0||null===delay&&this.delay>0?_super.prototype.requestAsyncId.call(this,scheduler,id,delay):scheduler.flush(this)},QueueAction}(AsyncAction_AsyncAction),Scheduler=function(){function Scheduler(SchedulerAction,now){void 0===now&&(now=Scheduler.now),this.SchedulerAction=SchedulerAction,this.now=now}return Scheduler.prototype.schedule=function(work,delay,state){return void 0===delay&&(delay=0),new this.SchedulerAction(this,work).schedule(state,delay)},Scheduler.now=function(){return Date.now()},Scheduler}(),AsyncScheduler_AsyncScheduler=function(_super){function AsyncScheduler(SchedulerAction,now){void 0===now&&(now=Scheduler.now);var _this=_super.call(this,SchedulerAction,(function(){return AsyncScheduler.delegate&&AsyncScheduler.delegate!==_this?AsyncScheduler.delegate.now():now()}))||this;return _this.actions=[],_this.active=!1,_this.scheduled=void 0,_this}return tslib_es6.__extends(AsyncScheduler,_super),AsyncScheduler.prototype.schedule=function(work,delay,state){return void 0===delay&&(delay=0),AsyncScheduler.delegate&&AsyncScheduler.delegate!==this?AsyncScheduler.delegate.schedule(work,delay,state):_super.prototype.schedule.call(this,work,delay,state)},AsyncScheduler.prototype.flush=function(action){var actions=this.actions;if(this.active)actions.push(action);else{var error;this.active=!0;do{if(error=action.execute(action.state,action.delay))break}while(action=actions.shift());if(this.active=!1,error){for(;action=actions.shift();)action.unsubscribe();throw error}}},AsyncScheduler}(Scheduler),queue=new(function(_super){function QueueScheduler(){return null!==_super&&_super.apply(this,arguments)||this}return tslib_es6.__extends(QueueScheduler,_super),QueueScheduler}(AsyncScheduler_AsyncScheduler))(QueueAction_QueueAction),EMPTY=new Observable_Observable((function(subscriber){return subscriber.complete()}));function empty_empty(scheduler){return scheduler?function emptyScheduled(scheduler){return new Observable_Observable((function(subscriber){return scheduler.schedule((function(){return subscriber.complete()}))}))}(scheduler):EMPTY}function isScheduler(value){return value&&"function"==typeof value.schedule}var NotificationKind,subscribeToArray=function(array){return function(subscriber){for(var i=0,len=array.length;ithis._bufferSize&&_events.shift(),_super.prototype.next.call(this,value)},ReplaySubject.prototype.nextTimeWindow=function(value){this._events.push(new ReplayEvent(this._getNow(),value)),this._trimBufferThenGetEvents(),_super.prototype.next.call(this,value)},ReplaySubject.prototype._subscribe=function(subscriber){var subscription,_infiniteTimeWindow=this._infiniteTimeWindow,_events=_infiniteTimeWindow?this._events:this._trimBufferThenGetEvents(),scheduler=this.scheduler,len=_events.length;if(this.closed)throw new ObjectUnsubscribedError;if(this.isStopped||this.hasError?subscription=Subscription_Subscription.EMPTY:(this.observers.push(subscriber),subscription=new SubjectSubscription_SubjectSubscription(this,subscriber)),scheduler&&subscriber.add(subscriber=new observeOn_ObserveOnSubscriber(subscriber,scheduler)),_infiniteTimeWindow)for(var i=0;i_bufferSize&&(spliceCount=Math.max(spliceCount,eventsCount-_bufferSize)),spliceCount>0&&_events.splice(0,spliceCount),_events},ReplaySubject}(Subject_Subject),ReplayEvent=function(){return function ReplayEvent(time,value){this.time=time,this.value=value}}(),AsyncSubject_AsyncSubject=function(_super){function AsyncSubject(){var _this=null!==_super&&_super.apply(this,arguments)||this;return _this.value=null,_this.hasNext=!1,_this.hasCompleted=!1,_this}return tslib_es6.__extends(AsyncSubject,_super),AsyncSubject.prototype._subscribe=function(subscriber){return this.hasError?(subscriber.error(this.thrownError),Subscription_Subscription.EMPTY):this.hasCompleted&&this.hasNext?(subscriber.next(this.value),subscriber.complete(),Subscription_Subscription.EMPTY):_super.prototype._subscribe.call(this,subscriber)},AsyncSubject.prototype.next=function(value){this.hasCompleted||(this.value=value,this.hasNext=!0)},AsyncSubject.prototype.error=function(error){this.hasCompleted||_super.prototype.error.call(this,error)},AsyncSubject.prototype.complete=function(){this.hasCompleted=!0,this.hasNext&&_super.prototype.next.call(this,this.value),_super.prototype.complete.call(this)},AsyncSubject}(Subject_Subject),nextHandle=1,RESOLVED=function(){return Promise.resolve()}(),activeHandles={};function findAndClearHandle(handle){return handle in activeHandles&&(delete activeHandles[handle],!0)}var Immediate_setImmediate=function(cb){var handle=nextHandle++;return activeHandles[handle]=!0,RESOLVED.then((function(){return findAndClearHandle(handle)&&cb()})),handle},Immediate_clearImmediate=function(handle){findAndClearHandle(handle)},AsapAction_AsapAction=function(_super){function AsapAction(scheduler,work){var _this=_super.call(this,scheduler,work)||this;return _this.scheduler=scheduler,_this.work=work,_this}return tslib_es6.__extends(AsapAction,_super),AsapAction.prototype.requestAsyncId=function(scheduler,id,delay){return void 0===delay&&(delay=0),null!==delay&&delay>0?_super.prototype.requestAsyncId.call(this,scheduler,id,delay):(scheduler.actions.push(this),scheduler.scheduled||(scheduler.scheduled=Immediate_setImmediate(scheduler.flush.bind(scheduler,null))))},AsapAction.prototype.recycleAsyncId=function(scheduler,id,delay){if(void 0===delay&&(delay=0),null!==delay&&delay>0||null===delay&&this.delay>0)return _super.prototype.recycleAsyncId.call(this,scheduler,id,delay);0===scheduler.actions.length&&(Immediate_clearImmediate(id),scheduler.scheduled=void 0)},AsapAction}(AsyncAction_AsyncAction),asap=new(function(_super){function AsapScheduler(){return null!==_super&&_super.apply(this,arguments)||this}return tslib_es6.__extends(AsapScheduler,_super),AsapScheduler.prototype.flush=function(action){this.active=!0,this.scheduled=void 0;var error,actions=this.actions,index=-1,count=actions.length;action=action||actions.shift();do{if(error=action.execute(action.state,action.delay))break}while(++index0?_super.prototype.requestAsyncId.call(this,scheduler,id,delay):(scheduler.actions.push(this),scheduler.scheduled||(scheduler.scheduled=requestAnimationFrame((function(){return scheduler.flush(null)}))))},AnimationFrameAction.prototype.recycleAsyncId=function(scheduler,id,delay){if(void 0===delay&&(delay=0),null!==delay&&delay>0||null===delay&&this.delay>0)return _super.prototype.recycleAsyncId.call(this,scheduler,id,delay);0===scheduler.actions.length&&(cancelAnimationFrame(id),scheduler.scheduled=void 0)},AnimationFrameAction}(AsyncAction_AsyncAction),animationFrame=new(function(_super){function AnimationFrameScheduler(){return null!==_super&&_super.apply(this,arguments)||this}return tslib_es6.__extends(AnimationFrameScheduler,_super),AnimationFrameScheduler.prototype.flush=function(action){this.active=!0,this.scheduled=void 0;var error,actions=this.actions,index=-1,count=actions.length;action=action||actions.shift();do{if(error=action.execute(action.state,action.delay))break}while(++indexb.index?1:-1:a.delay>b.delay?1:-1},VirtualAction}(AsyncAction_AsyncAction);function identity(x){return x}function isObservable(obj){return!!obj&&(obj instanceof Observable_Observable||"function"==typeof obj.lift&&"function"==typeof obj.subscribe)}var ArgumentOutOfRangeError=function(){function ArgumentOutOfRangeErrorImpl(){return Error.call(this),this.message="argument out of range",this.name="ArgumentOutOfRangeError",this}return ArgumentOutOfRangeErrorImpl.prototype=Object.create(Error.prototype),ArgumentOutOfRangeErrorImpl}(),EmptyError=function(){function EmptyErrorImpl(){return Error.call(this),this.message="no elements in sequence",this.name="EmptyError",this}return EmptyErrorImpl.prototype=Object.create(Error.prototype),EmptyErrorImpl}(),TimeoutError=function(){function TimeoutErrorImpl(){return Error.call(this),this.message="Timeout has occurred",this.name="TimeoutError",this}return TimeoutErrorImpl.prototype=Object.create(Error.prototype),TimeoutErrorImpl}();function map(project,thisArg){return function mapOperation(source){if("function"!=typeof project)throw new TypeError("argument is not a function. Are you looking for `mapTo()`?");return source.lift(new MapOperator(project,thisArg))}}var MapOperator=function(){function MapOperator(project,thisArg){this.project=project,this.thisArg=thisArg}return MapOperator.prototype.call=function(subscriber,source){return source.subscribe(new map_MapSubscriber(subscriber,this.project,this.thisArg))},MapOperator}(),map_MapSubscriber=function(_super){function MapSubscriber(destination,project,thisArg){var _this=_super.call(this,destination)||this;return _this.project=project,_this.count=0,_this.thisArg=thisArg||_this,_this}return tslib_es6.__extends(MapSubscriber,_super),MapSubscriber.prototype._next=function(value){var result;try{result=this.project.call(this.thisArg,value,this.count++)}catch(err){return void this.destination.error(err)}this.destination.next(result)},MapSubscriber}(Subscriber_Subscriber);function bindCallback(callbackFunc,resultSelector,scheduler){if(resultSelector){if(!isScheduler(resultSelector))return function(){for(var args=[],_i=0;_i0?this._next(buffer.shift()):0===this.active&&this.hasCompleted&&this.destination.complete()},MergeMapSubscriber}(OuterSubscriber_OuterSubscriber);function mergeAll(concurrent){return void 0===concurrent&&(concurrent=Number.POSITIVE_INFINITY),function mergeMap(project,resultSelector,concurrent){return void 0===concurrent&&(concurrent=Number.POSITIVE_INFINITY),"function"==typeof resultSelector?function(source){return source.pipe(mergeMap((function(a,i){return from(project(a,i)).pipe(map((function(b,ii){return resultSelector(a,b,i,ii)})))}),concurrent))}:("number"==typeof resultSelector&&(concurrent=resultSelector),function(source){return source.lift(new MergeMapOperator(project,concurrent))})}(identity,concurrent)}function concat(){for(var observables=[],_i=0;_i1?subscriber.next(Array.prototype.slice.call(arguments)):subscriber.next(e)}),subscriber,options)}))}function fromEventPattern(addHandler,removeHandler,resultSelector){return resultSelector?fromEventPattern(addHandler,removeHandler).pipe(map((function(args){return isArray(args)?resultSelector.apply(void 0,args):resultSelector(args)}))):new Observable_Observable((function(subscriber){var retValue,handler=function(){for(var e=[],_i=0;_i=0}function interval(period,scheduler){return void 0===period&&(period=0),void 0===scheduler&&(scheduler=async_async),(!isNumeric(period)||period<0)&&(period=0),scheduler&&"function"==typeof scheduler.schedule||(scheduler=async_async),new Observable_Observable((function(subscriber){return subscriber.add(scheduler.schedule(interval_dispatch,period,{subscriber:subscriber,counter:0,period:period})),subscriber}))}function interval_dispatch(state){var subscriber=state.subscriber,counter=state.counter,period=state.period;subscriber.next(counter),this.schedule({subscriber:subscriber,counter:counter+1,period:period},period)}function merge(){for(var observables=[],_i=0;_i1&&"number"==typeof observables[observables.length-1]&&(concurrent=observables.pop())):"number"==typeof last&&(concurrent=observables.pop()),null===scheduler&&1===observables.length&&observables[0]instanceof Observable_Observable?observables[0]:mergeAll(concurrent)(fromArray(observables,scheduler))}var NEVER=new Observable_Observable(noop);function never(){return NEVER}function onErrorResumeNext(){for(var sources=[],_i=0;_i=count){subscriber.complete();break}if(subscriber.next(current++),subscriber.closed)break}}))}function range_dispatch(state){var start=state.start,index=state.index,count=state.count,subscriber=state.subscriber;index>=count?subscriber.complete():(subscriber.next(start),subscriber.closed||(state.index=index+1,state.start=start+1,this.schedule(state)))}function timer(dueTime,periodOrScheduler,scheduler){void 0===dueTime&&(dueTime=0);var period=-1;return isNumeric(periodOrScheduler)?period=Number(periodOrScheduler)<1?1:Number(periodOrScheduler):isScheduler(periodOrScheduler)&&(scheduler=periodOrScheduler),isScheduler(scheduler)||(scheduler=async_async),new Observable_Observable((function(subscriber){var due=isNumeric(dueTime)?dueTime:+dueTime-scheduler.now();return scheduler.schedule(timer_dispatch,due,{index:0,period:period,subscriber:subscriber})}))}function timer_dispatch(state){var index=state.index,period=state.period,subscriber=state.subscriber;if(subscriber.next(index),!subscriber.closed){if(-1===period)return subscriber.complete();state.index=index+1,this.schedule(state,period)}}function using(resourceFactory,observableFactory){return new Observable_Observable((function(subscriber){var resource,result;try{resource=resourceFactory()}catch(err){return void subscriber.error(err)}try{result=observableFactory(resource)}catch(err){return void subscriber.error(err)}var subscription=(result?from(result):EMPTY).subscribe(subscriber);return function(){subscription.unsubscribe(),resource&&resource.unsubscribe()}}))}function zip(){for(var observables=[],_i=0;_ithis.index},StaticArrayIterator.prototype.hasCompleted=function(){return this.array.length===this.index},StaticArrayIterator}(),zip_ZipBufferIterator=function(_super){function ZipBufferIterator(destination,parent,observable){var _this=_super.call(this,destination)||this;return _this.parent=parent,_this.observable=observable,_this.stillUnsubscribed=!0,_this.buffer=[],_this.isComplete=!1,_this}return tslib_es6.__extends(ZipBufferIterator,_super),ZipBufferIterator.prototype[iterator_iterator]=function(){return this},ZipBufferIterator.prototype.next=function(){var buffer=this.buffer;return 0===buffer.length&&this.isComplete?{value:null,done:!0}:{value:buffer.shift(),done:!1}},ZipBufferIterator.prototype.hasValue=function(){return this.buffer.length>0},ZipBufferIterator.prototype.hasCompleted=function(){return 0===this.buffer.length&&this.isComplete},ZipBufferIterator.prototype.notifyComplete=function(){this.buffer.length>0?(this.isComplete=!0,this.parent.notifyInactive()):this.destination.complete()},ZipBufferIterator.prototype.notifyNext=function(outerValue,innerValue,outerIndex,innerIndex,innerSub){this.buffer.push(innerValue),this.parent.checkIterators()},ZipBufferIterator.prototype.subscribe=function(value,index){return subscribeToResult(this,this.observable,this,index)},ZipBufferIterator}(OuterSubscriber_OuterSubscriber);__webpack_require__.d(__webpack_exports__,"Observable",(function(){return Observable_Observable})),__webpack_require__.d(__webpack_exports__,"ConnectableObservable",(function(){return ConnectableObservable_ConnectableObservable})),__webpack_require__.d(__webpack_exports__,"GroupedObservable",(function(){return groupBy_GroupedObservable})),__webpack_require__.d(__webpack_exports__,"observable",(function(){return observable_observable})),__webpack_require__.d(__webpack_exports__,"Subject",(function(){return Subject_Subject})),__webpack_require__.d(__webpack_exports__,"BehaviorSubject",(function(){return BehaviorSubject_BehaviorSubject})),__webpack_require__.d(__webpack_exports__,"ReplaySubject",(function(){return ReplaySubject_ReplaySubject})),__webpack_require__.d(__webpack_exports__,"AsyncSubject",(function(){return AsyncSubject_AsyncSubject})),__webpack_require__.d(__webpack_exports__,"asapScheduler",(function(){return asap})),__webpack_require__.d(__webpack_exports__,"asyncScheduler",(function(){return async_async})),__webpack_require__.d(__webpack_exports__,"queueScheduler",(function(){return queue})),__webpack_require__.d(__webpack_exports__,"animationFrameScheduler",(function(){return animationFrame})),__webpack_require__.d(__webpack_exports__,"VirtualTimeScheduler",(function(){return VirtualTimeScheduler_VirtualTimeScheduler})),__webpack_require__.d(__webpack_exports__,"VirtualAction",(function(){return VirtualTimeScheduler_VirtualAction})),__webpack_require__.d(__webpack_exports__,"Scheduler",(function(){return Scheduler})),__webpack_require__.d(__webpack_exports__,"Subscription",(function(){return Subscription_Subscription})),__webpack_require__.d(__webpack_exports__,"Subscriber",(function(){return Subscriber_Subscriber})),__webpack_require__.d(__webpack_exports__,"Notification",(function(){return Notification_Notification})),__webpack_require__.d(__webpack_exports__,"NotificationKind",(function(){return NotificationKind})),__webpack_require__.d(__webpack_exports__,"pipe",(function(){return pipe})),__webpack_require__.d(__webpack_exports__,"noop",(function(){return noop})),__webpack_require__.d(__webpack_exports__,"identity",(function(){return identity})),__webpack_require__.d(__webpack_exports__,"isObservable",(function(){return isObservable})),__webpack_require__.d(__webpack_exports__,"ArgumentOutOfRangeError",(function(){return ArgumentOutOfRangeError})),__webpack_require__.d(__webpack_exports__,"EmptyError",(function(){return EmptyError})),__webpack_require__.d(__webpack_exports__,"ObjectUnsubscribedError",(function(){return ObjectUnsubscribedError})),__webpack_require__.d(__webpack_exports__,"UnsubscriptionError",(function(){return UnsubscriptionError})),__webpack_require__.d(__webpack_exports__,"TimeoutError",(function(){return TimeoutError})),__webpack_require__.d(__webpack_exports__,"bindCallback",(function(){return bindCallback})),__webpack_require__.d(__webpack_exports__,"bindNodeCallback",(function(){return bindNodeCallback})),__webpack_require__.d(__webpack_exports__,"combineLatest",(function(){return combineLatest})),__webpack_require__.d(__webpack_exports__,"concat",(function(){return concat})),__webpack_require__.d(__webpack_exports__,"defer",(function(){return defer})),__webpack_require__.d(__webpack_exports__,"empty",(function(){return empty_empty})),__webpack_require__.d(__webpack_exports__,"forkJoin",(function(){return forkJoin})),__webpack_require__.d(__webpack_exports__,"from",(function(){return from})),__webpack_require__.d(__webpack_exports__,"fromEvent",(function(){return fromEvent})),__webpack_require__.d(__webpack_exports__,"fromEventPattern",(function(){return fromEventPattern})),__webpack_require__.d(__webpack_exports__,"generate",(function(){return generate})),__webpack_require__.d(__webpack_exports__,"iif",(function(){return iif})),__webpack_require__.d(__webpack_exports__,"interval",(function(){return interval})),__webpack_require__.d(__webpack_exports__,"merge",(function(){return merge})),__webpack_require__.d(__webpack_exports__,"never",(function(){return never})),__webpack_require__.d(__webpack_exports__,"of",(function(){return of})),__webpack_require__.d(__webpack_exports__,"onErrorResumeNext",(function(){return onErrorResumeNext})),__webpack_require__.d(__webpack_exports__,"pairs",(function(){return pairs})),__webpack_require__.d(__webpack_exports__,"partition",(function(){return partition})),__webpack_require__.d(__webpack_exports__,"race",(function(){return race})),__webpack_require__.d(__webpack_exports__,"range",(function(){return range})),__webpack_require__.d(__webpack_exports__,"throwError",(function(){return throwError})),__webpack_require__.d(__webpack_exports__,"timer",(function(){return timer})),__webpack_require__.d(__webpack_exports__,"using",(function(){return using})),__webpack_require__.d(__webpack_exports__,"zip",(function(){return zip})),__webpack_require__.d(__webpack_exports__,"scheduled",(function(){return scheduled})),__webpack_require__.d(__webpack_exports__,"EMPTY",(function(){return EMPTY})),__webpack_require__.d(__webpack_exports__,"NEVER",(function(){return NEVER})),__webpack_require__.d(__webpack_exports__,"config",(function(){return config}))},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var _createClass=function(){function defineProperties(target,props){for(var i=0;i1?_len2-1:0),_key2=1;_key2<_len2;_key2++)expressions[_key2-1]=arguments[_key2];return"function"==typeof strings?_this.interimTag.bind(_this,strings):"string"==typeof strings?_this.transformEndResult(strings):(strings=strings.map(_this.transformString.bind(_this)),_this.transformEndResult(strings.reduce(_this.processSubstitutions.bind(_this,expressions))))},transformers.length>0&&Array.isArray(transformers[0])&&(transformers=transformers[0]),this.transformers=transformers.map((function(transformer){return"function"==typeof transformer?transformer():transformer})),this.tag}return _createClass(TemplateTag,[{key:"interimTag",value:function interimTag(previousTag,template){for(var _len3=arguments.length,substitutions=Array(_len3>2?_len3-2:0),_key3=2;_key3<_len3;_key3++)substitutions[_key3-2]=arguments[_key3];return this.tag(_templateObject,previousTag.apply(void 0,[template].concat(substitutions)))}},{key:"processSubstitutions",value:function processSubstitutions(substitutions,resultSoFar,remainingPart){var substitution=this.transformSubstitution(substitutions.shift(),resultSoFar);return"".concat(resultSoFar,substitution,remainingPart)}},{key:"transformString",value:function transformString(str){return this.transformers.reduce((function cb(res,transform){return transform.onString?transform.onString(res):res}),str)}},{key:"transformSubstitution",value:function transformSubstitution(substitution,resultSoFar){return this.transformers.reduce((function cb(res,transform){return transform.onSubstitution?transform.onSubstitution(res,resultSoFar):res}),substitution)}},{key:"transformEndResult",value:function transformEndResult(endResult){return this.transformers.reduce((function cb(res,transform){return transform.onEndResult?transform.onEndResult(res):res}),endResult)}}]),TemplateTag}(),trimResultTransformer_trimResultTransformer=function trimResultTransformer(){var side=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return{onEndResult:function onEndResult(endResult){if(""===side)return endResult.trim();if("start"===(side=side.toLowerCase())||"left"===side)return endResult.replace(/^\s*/,"");if("end"===side||"right"===side)return endResult.replace(/\s*$/,"");throw new Error("Side not supported: "+side)}}};function _toConsumableArray(arr){if(Array.isArray(arr)){for(var i=0,arr2=Array(arr.length);i0&&void 0!==arguments[0]?arguments[0]:"initial";return{onEndResult:function onEndResult(endResult){if("initial"===type){var match=endResult.match(/^[^\S\n]*(?=\S)/gm),indent=match&&Math.min.apply(Math,_toConsumableArray(match.map((function(el){return el.length}))));if(indent){var regexp=new RegExp("^.{"+indent+"}","gm");return endResult.replace(regexp,"")}return endResult}if("all"===type)return endResult.replace(/^[^\S\n]+/gm,"");throw new Error("Unknown type: "+type)}}},replaceResultTransformer_replaceResultTransformer=function replaceResultTransformer(replaceWhat,replaceWith){return{onEndResult:function onEndResult(endResult){if(null==replaceWhat||null==replaceWith)throw new Error("replaceResultTransformer requires at least 2 arguments.");return endResult.replace(replaceWhat,replaceWith)}}},replaceSubstitutionTransformer_replaceSubstitutionTransformer=function replaceSubstitutionTransformer(replaceWhat,replaceWith){return{onSubstitution:function onSubstitution(substitution,resultSoFar){if(null==replaceWhat||null==replaceWith)throw new Error("replaceSubstitutionTransformer requires at least 2 arguments.");return null==substitution?substitution:substitution.toString().replace(replaceWhat,replaceWith)}}},replaceStringTransformer_replaceStringTransformer=function replaceStringTransformer(replaceWhat,replaceWith){return{onString:function onString(str){if(null==replaceWhat||null==replaceWith)throw new Error("replaceStringTransformer requires at least 2 arguments.");return str.replace(replaceWhat,replaceWith)}}},defaults={separator:"",conjunction:"",serial:!1},inlineArrayTransformer_inlineArrayTransformer=function inlineArrayTransformer(){var opts=arguments.length>0&&void 0!==arguments[0]?arguments[0]:defaults;return{onSubstitution:function onSubstitution(substitution,resultSoFar){if(Array.isArray(substitution)){var arrayLength=substitution.length,separator=opts.separator,conjunction=opts.conjunction,serial=opts.serial,indent=resultSoFar.match(/(\n?[^\S\n]+)$/);if(substitution=indent?substitution.join(separator+indent[1]):substitution.join(separator+" "),conjunction&&arrayLength>1){var separatorIndex=substitution.lastIndexOf(separator);substitution=substitution.slice(0,separatorIndex)+(serial?separator:"")+" "+conjunction+substitution.slice(separatorIndex+1)}}return substitution}}},splitStringTransformer_splitStringTransformer=function splitStringTransformer(splitBy){return{onSubstitution:function onSubstitution(substitution,resultSoFar){if(null==splitBy||"string"!=typeof splitBy)throw new Error("You need to specify a string character to split by.");return"string"==typeof substitution&&substitution.includes(splitBy)&&(substitution=substitution.split(splitBy)),substitution}}},isValidValue=function isValidValue(x){return null!=x&&!Number.isNaN(x)&&"boolean"!=typeof x},removeNonPrintingValuesTransformer_removeNonPrintingValuesTransformer=function removeNonPrintingValuesTransformer(){return{onSubstitution:function onSubstitution(substitution){return Array.isArray(substitution)?substitution.filter(isValidValue):isValidValue(substitution)?substitution:""}}},commaLists_commaLists=new TemplateTag_TemplateTag(inlineArrayTransformer_inlineArrayTransformer({separator:","}),stripIndentTransformer_stripIndentTransformer,trimResultTransformer_trimResultTransformer),commaListsAnd_commaListsAnd=new TemplateTag_TemplateTag(inlineArrayTransformer_inlineArrayTransformer({separator:",",conjunction:"and"}),stripIndentTransformer_stripIndentTransformer,trimResultTransformer_trimResultTransformer),commaListsOr_commaListsOr=new TemplateTag_TemplateTag(inlineArrayTransformer_inlineArrayTransformer({separator:",",conjunction:"or"}),stripIndentTransformer_stripIndentTransformer,trimResultTransformer_trimResultTransformer),html_html=new TemplateTag_TemplateTag(splitStringTransformer_splitStringTransformer("\n"),removeNonPrintingValuesTransformer_removeNonPrintingValuesTransformer,inlineArrayTransformer_inlineArrayTransformer,stripIndentTransformer_stripIndentTransformer,trimResultTransformer_trimResultTransformer),safeHtml_safeHtml=new TemplateTag_TemplateTag(splitStringTransformer_splitStringTransformer("\n"),inlineArrayTransformer_inlineArrayTransformer,stripIndentTransformer_stripIndentTransformer,trimResultTransformer_trimResultTransformer,replaceSubstitutionTransformer_replaceSubstitutionTransformer(/&/g,"&"),replaceSubstitutionTransformer_replaceSubstitutionTransformer(//g,">"),replaceSubstitutionTransformer_replaceSubstitutionTransformer(/"/g,"""),replaceSubstitutionTransformer_replaceSubstitutionTransformer(/'/g,"'"),replaceSubstitutionTransformer_replaceSubstitutionTransformer(/`/g,"`")),oneLine_oneLine=new TemplateTag_TemplateTag(replaceResultTransformer_replaceResultTransformer(/(?:\n(?:\s*))+/g," "),trimResultTransformer_trimResultTransformer),oneLineTrim_oneLineTrim=new TemplateTag_TemplateTag(replaceResultTransformer_replaceResultTransformer(/(?:\n\s*)/g,""),trimResultTransformer_trimResultTransformer),oneLineCommaLists_oneLineCommaLists=new TemplateTag_TemplateTag(inlineArrayTransformer_inlineArrayTransformer({separator:","}),replaceResultTransformer_replaceResultTransformer(/(?:\s+)/g," "),trimResultTransformer_trimResultTransformer),oneLineCommaListsOr_oneLineCommaListsOr=new TemplateTag_TemplateTag(inlineArrayTransformer_inlineArrayTransformer({separator:",",conjunction:"or"}),replaceResultTransformer_replaceResultTransformer(/(?:\s+)/g," "),trimResultTransformer_trimResultTransformer),oneLineCommaListsAnd_oneLineCommaListsAnd=new TemplateTag_TemplateTag(inlineArrayTransformer_inlineArrayTransformer({separator:",",conjunction:"and"}),replaceResultTransformer_replaceResultTransformer(/(?:\s+)/g," "),trimResultTransformer_trimResultTransformer),inlineLists_inlineLists=new TemplateTag_TemplateTag(inlineArrayTransformer_inlineArrayTransformer,stripIndentTransformer_stripIndentTransformer,trimResultTransformer_trimResultTransformer),oneLineInlineLists_oneLineInlineLists=new TemplateTag_TemplateTag(inlineArrayTransformer_inlineArrayTransformer,replaceResultTransformer_replaceResultTransformer(/(?:\s+)/g," "),trimResultTransformer_trimResultTransformer),stripIndent_stripIndent=new TemplateTag_TemplateTag(stripIndentTransformer_stripIndentTransformer,trimResultTransformer_trimResultTransformer),stripIndents_stripIndents=new TemplateTag_TemplateTag(stripIndentTransformer_stripIndentTransformer("all"),trimResultTransformer_trimResultTransformer);__webpack_require__.d(__webpack_exports__,"TemplateTag",(function(){return TemplateTag_TemplateTag})),__webpack_require__.d(__webpack_exports__,"trimResultTransformer",(function(){return trimResultTransformer_trimResultTransformer})),__webpack_require__.d(__webpack_exports__,"stripIndentTransformer",(function(){return stripIndentTransformer_stripIndentTransformer})),__webpack_require__.d(__webpack_exports__,"replaceResultTransformer",(function(){return replaceResultTransformer_replaceResultTransformer})),__webpack_require__.d(__webpack_exports__,"replaceSubstitutionTransformer",(function(){return replaceSubstitutionTransformer_replaceSubstitutionTransformer})),__webpack_require__.d(__webpack_exports__,"replaceStringTransformer",(function(){return replaceStringTransformer_replaceStringTransformer})),__webpack_require__.d(__webpack_exports__,"inlineArrayTransformer",(function(){return inlineArrayTransformer_inlineArrayTransformer})),__webpack_require__.d(__webpack_exports__,"splitStringTransformer",(function(){return splitStringTransformer_splitStringTransformer})),__webpack_require__.d(__webpack_exports__,"removeNonPrintingValuesTransformer",(function(){return removeNonPrintingValuesTransformer_removeNonPrintingValuesTransformer})),__webpack_require__.d(__webpack_exports__,"commaLists",(function(){return commaLists_commaLists})),__webpack_require__.d(__webpack_exports__,"commaListsAnd",(function(){return commaListsAnd_commaListsAnd})),__webpack_require__.d(__webpack_exports__,"commaListsOr",(function(){return commaListsOr_commaListsOr})),__webpack_require__.d(__webpack_exports__,"html",(function(){return html_html})),__webpack_require__.d(__webpack_exports__,"codeBlock",(function(){return html_html})),__webpack_require__.d(__webpack_exports__,"source",(function(){return html_html})),__webpack_require__.d(__webpack_exports__,"safeHtml",(function(){return safeHtml_safeHtml})),__webpack_require__.d(__webpack_exports__,"oneLine",(function(){return oneLine_oneLine})),__webpack_require__.d(__webpack_exports__,"oneLineTrim",(function(){return oneLineTrim_oneLineTrim})),__webpack_require__.d(__webpack_exports__,"oneLineCommaLists",(function(){return oneLineCommaLists_oneLineCommaLists})),__webpack_require__.d(__webpack_exports__,"oneLineCommaListsOr",(function(){return oneLineCommaListsOr_oneLineCommaListsOr})),__webpack_require__.d(__webpack_exports__,"oneLineCommaListsAnd",(function(){return oneLineCommaListsAnd_oneLineCommaListsAnd})),__webpack_require__.d(__webpack_exports__,"inlineLists",(function(){return inlineLists_inlineLists})),__webpack_require__.d(__webpack_exports__,"oneLineInlineLists",(function(){return oneLineInlineLists_oneLineInlineLists})),__webpack_require__.d(__webpack_exports__,"stripIndent",(function(){return stripIndent_stripIndent})),__webpack_require__.d(__webpack_exports__,"stripIndents",(function(){return stripIndents_stripIndents}))},function(module,__webpack_exports__,__webpack_require__){"use strict";
 /*!
  * is-plain-object 
  *
@@ -99,4 +99,4 @@ function isObjectObject(o){return!0===
  * Released under the MIT License.
  */
 function isObject(val){return null!=val&&"object"==typeof val&&!1===Array.isArray(val)}(o)&&"[object Object]"===Object.prototype.toString.call(o)}function isPlainObject(o){var ctor,prot;return!1!==isObjectObject(o)&&("function"==typeof(ctor=o.constructor)&&(!1!==isObjectObject(prot=ctor.prototype)&&!1!==prot.hasOwnProperty("isPrototypeOf")))}__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"default",(function(){return isPlainObject}))}]]);
-//# sourceMappingURL=vendors~main.6012e4c9a3d1ec0db52a.bundle.js.map
\ No newline at end of file
+//# sourceMappingURL=vendors~main.aa10765da9ea0406d6e0.bundle.js.map
\ No newline at end of file
diff --git a/vendors~main.6012e4c9a3d1ec0db52a.bundle.js.map b/vendors~main.aa10765da9ea0406d6e0.bundle.js.map
similarity index 63%
rename from vendors~main.6012e4c9a3d1ec0db52a.bundle.js.map
rename to vendors~main.aa10765da9ea0406d6e0.bundle.js.map
index 87352e17..b443f067 100644
--- a/vendors~main.6012e4c9a3d1ec0db52a.bundle.js.map
+++ b/vendors~main.aa10765da9ea0406d6e0.bundle.js.map
@@ -1 +1 @@
-{"version":3,"file":"vendors~main.6012e4c9a3d1ec0db52a.bundle.js","sources":["webpack:///vendors~main.6012e4c9a3d1ec0db52a.bundle.js"],"mappings":"AAAA;;;;;;;;;;;;;;;AA0CA;;;;;AAo4ZA;;;;;AA0qBA;;;;;AAkkEA;;;;;;;;;AAukBA;;;AAg7dA;;;;;;;;AAg/BA;;;;;;;;AAmCA;;;;;;;;AAkTA;;;;;;;AA+oDA;;;;;;;AA+wBA;;;;;;AAy3BA;;;;;;;AAuvSA;;;;;;;AAfA","sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"vendors~main.aa10765da9ea0406d6e0.bundle.js","sources":["webpack:///vendors~main.aa10765da9ea0406d6e0.bundle.js"],"mappings":"AAAA;;;;;;;;;;;;;;;AA0CA;;;;;AAo4ZA;;;;;AA0qBA;;;;;AAkkEA;;;;;;;;;AAukBA;;;AAg7dA;;;;;;;;AAg/BA;;;;;;;;AAmCA;;;;;;;;AAkTA;;;;;;;AA+oDA;;;;;;;AA+wBA;;;;;;AAy3BA;;;;;;;AAuvSA;;;;;;;AAfA","sourceRoot":""}
\ No newline at end of file