-
-
Notifications
You must be signed in to change notification settings - Fork 99
/
main.58afbba722ed970ea954.bundle.js
2 lines (2 loc) · 47.2 KB
/
main.58afbba722ed970ea954.bundle.js
1
2
(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{107:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__(85),__webpack_require__(433);var react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__),react_dom__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(89),react_use_lib_useEvent__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(75),react_use_lib_useEvent__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(react_use_lib_useEvent__WEBPACK_IMPORTED_MODULE_4__),react_use_lib_useWindowSize__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(199),react_use_lib_useWindowSize__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react_use_lib_useWindowSize__WEBPACK_IMPORTED_MODULE_5__),_helpers_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(91),UncontrolledActivated$1=Object(react__WEBPACK_IMPORTED_MODULE_2__.memo)((function(_a){var children=_a.children,_b=_a.closeText,closeText=void 0===_b?"Unzoom Image":_b,onUnload=_a.onUnload,onLoad=_a.onLoad,_c=_a.overlayBgColorEnd,overlayBgColorEnd=void 0===_c?"rgba(255, 255, 255, 0.95)":_c,_d=_a.overlayBgColorStart,overlayBgColorStart=void 0===_d?"rgba(255, 255, 255, 0)":_d,parentRef=_a.parentRef,_e=_a.portalEl,portalEl=void 0===_e?document.body:_e,_f=_a.scrollableEl,scrollableEl=void 0===_f?window:_f,_g=_a.transitionDuration,transitionDuration=void 0===_g?300:_g,_h=_a.zoomMargin,zoomMargin=void 0===_h?0:_h,_j=_a.zoomZindex,zoomZindex=void 0===_j?2147483647:_j,btnRef=Object(react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null),forceUpdate=Object(react__WEBPACK_IMPORTED_MODULE_2__.useState)(0)[1],_l=Object(react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),isLoaded=_l[0],setIsLoaded=_l[1],_m=Object(react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),isUnloading=_m[0],setIsUnloading=_m[1],_o=react_use_lib_useWindowSize__WEBPACK_IMPORTED_MODULE_5___default()(),innerWidth=_o.width,innerHeight=_o.height,handleClick=Object(react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((function(e){e.preventDefault(),setIsUnloading(!0)}),[]),handleKeyDown=Object(react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((function(e){"Escape"!==e.key&&27!==e.keyCode||(e.stopPropagation(),setIsUnloading(!0))}),[]),handleScroll=Object(react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((function(){forceUpdate((function(n){return n+1})),isUnloading||setIsUnloading(!0)}),[isUnloading]);react_use_lib_useEvent__WEBPACK_IMPORTED_MODULE_4___default()("keydown",handleKeyDown,document),react_use_lib_useEvent__WEBPACK_IMPORTED_MODULE_4___default()("scroll",handleScroll,scrollableEl),Object(react__WEBPACK_IMPORTED_MODULE_2__.useEffect)((function(){setIsLoaded(!0),onLoad(),btnRef.current&&btnRef.current.focus({preventScroll:!0})}),[onLoad]),Object(react__WEBPACK_IMPORTED_MODULE_2__.useEffect)((function(){var unloadTimeout=isUnloading?setTimeout(onUnload,transitionDuration):null;return function(){unloadTimeout&&clearTimeout(unloadTimeout)}}),[isUnloading,onUnload,transitionDuration]);var parentEl=parentRef.current||_helpers_js__WEBPACK_IMPORTED_MODULE_6__.c,_p=parentEl.getBoundingClientRect(),height=_p.height,left=_p.left,top=_p.top,width=_p.width,overlayStyle=Object(_helpers_js__WEBPACK_IMPORTED_MODULE_6__.b)({isLoaded:isLoaded,isUnloading:isUnloading,overlayBgColorEnd:overlayBgColorEnd,overlayBgColorStart:overlayBgColorStart,transitionDuration:transitionDuration,zoomZindex:zoomZindex}),contentStyle=Object(_helpers_js__WEBPACK_IMPORTED_MODULE_6__.a)({height:height,isLoaded:isLoaded,innerHeight:innerHeight,innerWidth:innerWidth,isUnloading:isUnloading,left:left,originalTransform:parentEl.style.transform,top:top,transitionDuration:transitionDuration,width:width,zoomMargin:zoomMargin});return Object(react_dom__WEBPACK_IMPORTED_MODULE_3__.createPortal)(react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div",{"aria-modal":!0,"data-rmiz-overlay":!0,role:"dialog",style:overlayStyle},react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div",{"data-rmiz-modal-content":!0,style:contentStyle},children),react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("button",{"aria-label":closeText,"data-rmiz-btn-close":!0,onClick:handleClick,ref:btnRef})),portalEl)})),Uncontrolled=function(_a){var wrap,children=_a.children,_b=_a.closeText,closeText=void 0===_b?"Unzoom image":_b,_c=_a.overlayBgColorEnd,overlayBgColorEnd=void 0===_c?"rgba(255, 255, 255, 0.95)":_c,_d=_a.overlayBgColorStart,overlayBgColorStart=void 0===_d?"rgba(255, 255, 255, 0)":_d,portalEl=_a.portalEl,_e=_a.openText,openText=void 0===_e?"Zoom image":_e,scrollableEl=_a.scrollableEl,_f=_a.transitionDuration,transitionDuration=void 0===_f?300:_f,_g=_a.wrapElement,wrapElement=void 0===_g?"div":_g,wrapStyle=_a.wrapStyle,_h=_a.zoomMargin,zoomMargin=void 0===_h?0:_h,_j=_a.zoomZindex,zoomZindex=void 0===_j?2147483647:_j,_k=Object(react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),isActive=_k[0],setIsActive=_k[1],_l=Object(react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),isChildLoaded=_l[0],setIsChildLoaded=_l[1],wrapRef=Object(react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null),btnRef=Object(react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null),handleClickTrigger=Object(react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((function(e){isActive||(e.preventDefault(),setIsActive(!0))}),[isActive]),handleChildLoad=Object(react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((function(){setIsChildLoaded(!0)}),[]),handleChildUnload=Object(react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((function(){setIsActive(!1),setIsChildLoaded(!1),btnRef.current&&btnRef.current.focus({preventScroll:!0})}),[]),wrapType=isActive&&isChildLoaded?"hidden":"visible",content=react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_2___default.a.Fragment,null,children,react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("button",{"aria-label":openText,"data-rmiz-btn-open":!0,onClick:handleClickTrigger,ref:btnRef}),"undefined"!=typeof window&&isActive&&react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(UncontrolledActivated$1,{closeText:closeText,onLoad:handleChildLoad,onUnload:handleChildUnload,overlayBgColorEnd:overlayBgColorEnd,overlayBgColorStart:overlayBgColorStart,parentRef:wrapRef,portalEl:portalEl,scrollableEl:scrollableEl,transitionDuration:transitionDuration,zoomMargin:zoomMargin,zoomZindex:zoomZindex},children));return wrap="span"===wrapElement?react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span",{"data-rmiz-wrap":wrapType,ref:wrapRef,style:wrapStyle},content):react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div",{"data-rmiz-wrap":wrapType,ref:wrapRef,style:wrapStyle},content),react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_2__.StrictMode,null,wrap)},Uncontrolled$1=Object(react__WEBPACK_IMPORTED_MODULE_2__.memo)(Uncontrolled);__webpack_exports__.a=Uncontrolled$1,Uncontrolled.__docgenInfo={description:"",methods:[],displayName:"Uncontrolled"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["dist/esm/index.js"]={name:"Uncontrolled",docgenInfo:Uncontrolled.__docgenInfo,path:"dist/esm/index.js"})},1256:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){var _storybook_react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(198);Object(_storybook_react__WEBPACK_IMPORTED_MODULE_0__.configure)((function loadStories(){__webpack_require__(1279)}),module)}.call(this,__webpack_require__(428)(module))},1279:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){__webpack_require__(1),__webpack_require__(12),__webpack_require__(23),__webpack_require__(22),__webpack_require__(10),__webpack_require__(29),__webpack_require__(15),__webpack_require__(11),__webpack_require__(30),__webpack_require__(6),__webpack_require__(13),__webpack_require__(36),__webpack_require__(17),__webpack_require__(19);var react__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_14___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_14__),react_use_lib_useEvent__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__(75),react_use_lib_useEvent__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(react_use_lib_useEvent__WEBPACK_IMPORTED_MODULE_15__),_storybook_react__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__(198),_storybook_addon_a11y__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__(448),_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__(3),_static_glenorchy_lagoon_jpg__WEBPACK_IMPORTED_MODULE_20__=(__webpack_require__(1290),__webpack_require__(449)),_static_glenorchy_lagoon_jpg__WEBPACK_IMPORTED_MODULE_20___default=__webpack_require__.n(_static_glenorchy_lagoon_jpg__WEBPACK_IMPORTED_MODULE_20__),_static_andres_iga_7XKkJVw1d8c_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__(450),_static_andres_iga_7XKkJVw1d8c_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_21___default=__webpack_require__.n(_static_andres_iga_7XKkJVw1d8c_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_21__),_static_roell_de_ram_2DM7eOR5iyc_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__(451),_static_roell_de_ram_2DM7eOR5iyc_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_22___default=__webpack_require__.n(_static_roell_de_ram_2DM7eOR5iyc_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_22__),_static_pablo_heimplatz_PSF2RhUBORs_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__(452),_static_pablo_heimplatz_PSF2RhUBORs_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_23___default=__webpack_require__.n(_static_pablo_heimplatz_PSF2RhUBORs_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_23__),_static_nvidia_card_jpg__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__(453),_static_nvidia_card_jpg__WEBPACK_IMPORTED_MODULE_24___default=__webpack_require__.n(_static_nvidia_card_jpg__WEBPACK_IMPORTED_MODULE_24__),_static_rod_long_4dcsLxQxSHY_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__(454),_static_rod_long_4dcsLxQxSHY_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_25___default=__webpack_require__.n(_static_rod_long_4dcsLxQxSHY_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_25__),_static_petr_vysohlid_9fqwGqGLUxc_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__(459),_static_petr_vysohlid_9fqwGqGLUxc_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_26___default=__webpack_require__.n(_static_petr_vysohlid_9fqwGqGLUxc_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_26__),_static_omer_faruk_bekdemir_5BuxuWIJF1Q_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__(455),_static_omer_faruk_bekdemir_5BuxuWIJF1Q_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_27___default=__webpack_require__.n(_static_omer_faruk_bekdemir_5BuxuWIJF1Q_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_27__),_static_douglas_bagg_wRwa3Z6GtRI_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__(456),_static_douglas_bagg_wRwa3Z6GtRI_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_28___default=__webpack_require__.n(_static_douglas_bagg_wRwa3Z6GtRI_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_28__),_static_tobias_keller_73F4pKoUkM0_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_29__=__webpack_require__(457),_static_tobias_keller_73F4pKoUkM0_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_29___default=__webpack_require__.n(_static_tobias_keller_73F4pKoUkM0_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_29__),_static_laura_smetsers_H_TW2CoNtTk_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_30__=__webpack_require__(458),_static_laura_smetsers_H_TW2CoNtTk_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_30___default=__webpack_require__.n(_static_laura_smetsers_H_TW2CoNtTk_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_30__),_dist_esm__WEBPACK_IMPORTED_MODULE_32__=(__webpack_require__(1292),__webpack_require__(107)),_dist_esm__WEBPACK_IMPORTED_MODULE_33__=__webpack_require__(147);function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){if(!(Symbol.iterator in Object(arr)||"[object Arguments]"===Object.prototype.toString.call(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}var imgGlenorchyLagoon={alt:"Glenorchy lagoon, New Zealand by Robert Pearce",src:_static_glenorchy_lagoon_jpg__WEBPACK_IMPORTED_MODULE_20___default.a},imgHobbiton={alt:"Hobbiton, Matamata, New Zealand by Andres Iga",src:_static_andres_iga_7XKkJVw1d8c_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_21___default.a},imgHookerValleyTrack={alt:"Hooker Valley Track , New Zealand by Roll de Ram",src:_static_roell_de_ram_2DM7eOR5iyc_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_22___default.a},imgKea={alt:"Kea (alpine parrot) in Arthur's Pass, New Zealand by Pablo Heimplatz",src:_static_pablo_heimplatz_PSF2RhUBORs_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_23___default.a},imgNvidiaCard={alt:"NVIDIA Graphics Card",src:_static_nvidia_card_jpg__WEBPACK_IMPORTED_MODULE_24___default.a},imgNzBeach={alt:"New Zealand Beach by Rod Long",src:_static_rod_long_4dcsLxQxSHY_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_25___default.a},imgQueenstown={alt:"Queenstown, New Zealand by Omer Faruk",src:_static_omer_faruk_bekdemir_5BuxuWIJF1Q_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_27___default.a},imgTeAraiPoint={alt:"Te Arai Point, New Zealand by Douglas Bagg",src:_static_douglas_bagg_wRwa3Z6GtRI_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_28___default.a},imgTekapo={alt:"Lake Tekapo, New Zealand by Tobias Keller",src:_static_tobias_keller_73F4pKoUkM0_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_29___default.a},imgThatWanakaTree={alt:"That Wanaka Tree, New Zealand by Laura Smetsers",src:_static_laura_smetsers_H_TW2CoNtTk_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_30___default.a},imgPortWaikato={alt:"Port Waikato, Tuakau, Auckland, New Zealand by Petr Vysohlid",src:_static_petr_vysohlid_9fqwGqGLUxc_unsplash_smaller_jpg__WEBPACK_IMPORTED_MODULE_26___default.a},stories=Object(_storybook_react__WEBPACK_IMPORTED_MODULE_16__.storiesOf)("react-medium-image-zoom",module);stories.addDecorator(_storybook_addon_a11y__WEBPACK_IMPORTED_MODULE_17__.withA11y),stories.addDecorator(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.withKnobs),stories.add("<img />",(function(){return react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(ImgStory,{title:"Zoom an `img`"},react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(_dist_esm__WEBPACK_IMPORTED_MODULE_32__.a,{closeText:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.text)("Unzoom label","Unzoom image"),openText:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.text)("Zoom label","Zoom image"),overlayBgColorEnd:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.color)("Overlay bgColor end","rgba(255, 255, 255, 0.95)"),overlayBgColorStart:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.color)("Overlay bgColor start","rgba(255, 255, 255, 0)"),transitionDuration:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.number)("Transition duration",300,{min:0,max:5e3,range:!0,step:100}),zoomMargin:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.number)("Zoom margin",0,{min:0,max:500,range:!0,step:50}),zoomZindex:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.number)("Zoom z-index",2147483647,{min:0,max:2147483647,range:!0,step:1})},react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("img",{alt:imgThatWanakaTree.alt,src:imgThatWanakaTree.src,style:{height:"100%",maxWidth:"100%"},width:"500"})))})),stories.add("<picture />",(function(){return react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(ImgStory,{title:"Zoom a `picture` element with `img` and `source`"},react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(_dist_esm__WEBPACK_IMPORTED_MODULE_32__.a,{closeText:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.text)("Unzoom label","Unzoom image"),openText:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.text)("Zoom label","Zoom image"),overlayBgColorEnd:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.color)("Overlay bgColor end","rgba(255, 255, 255, 0.95)"),overlayBgColorStart:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.color)("Overlay bgColor start","rgba(255, 255, 255, 0)"),transitionDuration:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.number)("Transition duration",300,{min:0,max:5e3,range:!0,step:100}),zoomMargin:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.number)("Zoom margin",0,{min:0,max:500,range:!0,step:50}),zoomZindex:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.number)("Zoom z-index",2147483647,{min:0,max:2147483647,range:!0,step:1})},react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("picture",null,react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("source",{media:"(max-width: 800px)",srcSet:imgTeAraiPoint.src}),react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("img",{alt:imgNzBeach.alt,src:imgNzBeach.src,style:{height:"100%",maxWidth:"100%"},width:"500"}))))}));var _ref=react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("figcaption",null,"Hobbiton");stories.add("<figure />",(function(){return react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(ImgStory,{title:"Zoom a `figure` element"},react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("figure",null,react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(_dist_esm__WEBPACK_IMPORTED_MODULE_32__.a,{closeText:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.text)("Unzoom label","Unzoom image"),openText:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.text)("Zoom label","Zoom image"),overlayBgColorEnd:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.color)("Overlay bgColor end","rgba(255, 255, 255, 0.95)"),overlayBgColorStart:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.color)("Overlay bgColor start","rgba(255, 255, 255, 0)"),transitionDuration:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.number)("Transition duration",300,{min:0,max:5e3,range:!0,step:100}),zoomMargin:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.number)("Zoom margin",0,{min:0,max:500,range:!0,step:50}),zoomZindex:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.number)("Zoom z-index",2147483647,{min:0,max:2147483647,range:!0,step:1})},react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("img",{alt:imgHobbiton.alt,src:imgHobbiton.src,style:{height:"100%",maxWidth:"100%"},width:"500"})),_ref))})),stories.add("blue circle div",(function(){return react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(ImgStory,{title:"Zoom a blue circle `div`, if you want"},react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(_dist_esm__WEBPACK_IMPORTED_MODULE_32__.a,{closeText:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.text)("Unzoom label","Unzoom image"),openText:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.text)("Zoom label","Zoom image"),overlayBgColorEnd:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.color)("Overlay bgColor end","rgba(255, 255, 255, 0.95)"),overlayBgColorStart:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.color)("Overlay bgColor start","rgba(255, 255, 255, 0)"),transitionDuration:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.number)("Transition duration",300,{min:0,max:5e3,range:!0,step:100}),zoomMargin:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.number)("Zoom margin",0,{min:0,max:500,range:!0,step:50}),zoomZindex:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.number)("Zoom z-index",2147483647,{min:0,max:2147483647,range:!0,step:1})},react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("div",{"aria-label":"A blue circle",style:{width:300,height:300,borderRadius:"50%",backgroundColor:"#0099ff"}})))}));var _ref2=react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("h1",null,"Image gallery using divs & background images");stories.add("image gallery using divs & background images",(function(){return react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("div",null,_ref2,react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("ul",{style:{display:"flex",flexWrap:"wrap",listStyle:"none",margin:0,padding:0}},[imgGlenorchyLagoon,imgThatWanakaTree,imgNzBeach,imgHobbiton,imgHookerValleyTrack,imgQueenstown,imgTekapo,imgPortWaikato,imgKea].map((function(img,i){return react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("li",{key:i,style:{margin:"0 1rem 1rem 0",width:"calc(33% - 1rem)"}},react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(_dist_esm__WEBPACK_IMPORTED_MODULE_32__.a,{wrapStyle:{width:"100%"}},react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("div",{"aria-label":img.alt,role:"img",style:{backgroundColor:"#c2c2c2",backgroundImage:"url(".concat(img.src,")"),backgroundPosition:"center center",backgroundRepeat:"no-repeat",backgroundSize:"cover",height:"0",paddingBottom:"66%",width:"calc(100%)"}})))}))))}));var _ref3=react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("h1",null,"Image gallery and slideshow-style images"),_ref4=react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("p",null,"Once you click on an image, use the left and right arrows to navigate the images.");stories.add("image gallery + slideshow-style images",(function(){var images=[imgGlenorchyLagoon,imgThatWanakaTree,imgNzBeach,imgHobbiton,imgHookerValleyTrack,imgQueenstown,imgTekapo,imgPortWaikato,imgKea],_useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_14__.useState)(null),2),activeIndex=_useState2[0],setActiveIndex=_useState2[1],handleKeyDown=Object(react__WEBPACK_IMPORTED_MODULE_14__.useCallback)((function(e){null!==activeIndex&&("ArrowLeft"===e.key||37===e.keyCode?setActiveIndex(Math.max(activeIndex-1,0)):"ArrowRight"!==e.key&&39!==e.keyCode||setActiveIndex(Math.min(activeIndex+1,images.length-1)))}),[activeIndex,images.length]);return react_use_lib_useEvent__WEBPACK_IMPORTED_MODULE_15___default()("keydown",handleKeyDown,document),react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("div",null,_ref3,_ref4,react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("ul",{style:{display:"flex",flexWrap:"wrap",listStyle:"none",margin:0,padding:0}},images.map((function(img,i){var handleZoomChange=Object(react__WEBPACK_IMPORTED_MODULE_14__.useCallback)((function(isZoomed){setActiveIndex(isZoomed?i:null)}),[i]);return react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("li",{key:"".concat(i,"-").concat(img.src),style:{margin:"0 1rem 1rem 0",width:"calc(33% - 1rem)"}},react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(_dist_esm__WEBPACK_IMPORTED_MODULE_33__.a,{isZoomed:activeIndex===i,onZoomChange:handleZoomChange,transitionDuration:0,wrapStyle:{width:"100%"}},react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("div",{"aria-label":img.alt,role:"img",style:{backgroundColor:"#c2c2c2",backgroundImage:"url(".concat(img.src,")"),backgroundPosition:"center center",backgroundRepeat:"no-repeat",backgroundSize:"cover",height:"0",paddingBottom:"66%",width:"calc(100%)"}})))}))))})),stories.add("controlled: zooms when image loads",(function(){var _useState4=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_14__.useState)(!1),2),isZoomed=_useState4[0],setIsZoomed=_useState4[1],handleBtnClick=Object(react__WEBPACK_IMPORTED_MODULE_14__.useCallback)((function(){setIsZoomed(!0)}),[]),handleImgLoad=Object(react__WEBPACK_IMPORTED_MODULE_14__.useCallback)((function(){setIsZoomed(!0)}),[]),handleZoomChange=Object(react__WEBPACK_IMPORTED_MODULE_14__.useCallback)((function(shouldZoom){setIsZoomed(shouldZoom)}),[]);return react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(ImgStory,{title:"Controlled Component – zooms when image loads"},react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("button",{onClick:handleBtnClick,type:"button"},"Zoom image")),react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(_dist_esm__WEBPACK_IMPORTED_MODULE_33__.a,{closeText:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.text)("Unzoom label","Unzoom image"),openText:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.text)("Zoom label","Zoom image"),overlayBgColorEnd:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.color)("Overlay bgColor end","rgba(255, 255, 255, 0.95)"),overlayBgColorStart:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.color)("Overlay bgColor start","rgba(255, 255, 255, 0)"),transitionDuration:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.number)("Transition duration",300,{min:0,max:5e3,range:!0,step:100}),zoomMargin:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.number)("Zoom margin",0,{min:0,max:500,range:!0,step:50}),zoomZindex:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.number)("Zoom z-index",2147483647,{min:0,max:2147483647,range:!0,step:1}),isZoomed:isZoomed,onZoomChange:handleZoomChange},react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("img",{alt:imgThatWanakaTree.alt,onLoad:handleImgLoad,src:imgThatWanakaTree.src,style:{height:"100%",maxWidth:"100%"},width:"500"})))})),stories.add("controlled: specific keys",(function(){var _useState6=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_14__.useState)(!1),2),isZoomed=_useState6[0],setIsZoomed=_useState6[1],handleKeyDown=Object(react__WEBPACK_IMPORTED_MODULE_14__.useCallback)((function(e){"j"===e.key||74===e.keyCode?setIsZoomed(!0):"k"!==e.key&&75!==e.keyCode||setIsZoomed(!1)}),[]);return react_use_lib_useEvent__WEBPACK_IMPORTED_MODULE_15___default()("keydown",handleKeyDown,document),react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(ImgStory,{desc:"Use `j` to open and `k` to close",title:"Image zoom using specific keys"},react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(_dist_esm__WEBPACK_IMPORTED_MODULE_33__.a,{closeText:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.text)("Unzoom label","Unzoom image"),openText:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.text)("Zoom label","Zoom image"),overlayBgColorEnd:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.color)("Overlay bgColor end","rgba(255, 255, 255, 0.95)"),overlayBgColorStart:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.color)("Overlay bgColor start","rgba(255, 255, 255, 0)"),transitionDuration:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.number)("Transition duration",300,{min:0,max:5e3,range:!0,step:100}),zoomMargin:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.number)("Zoom margin",0,{min:0,max:500,range:!0,step:50}),zoomZindex:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.number)("Zoom z-index",2147483647,{min:0,max:2147483647,range:!0,step:1}),isZoomed:isZoomed,onZoomChange:Function.prototype},react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("img",{alt:imgThatWanakaTree.alt,src:imgThatWanakaTree.src,style:{height:"100%",maxWidth:"100%"},width:"500"})))}));var _ref6=react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("p",null,"Trust fund seitan chia, wolf lomo letterpress Bushwick before they sold out. Carles kogi fixie, squid twee Tonx readymade cred typewriter scenester locavore kale chips vegan organic. Meggings pug wolf Shoreditch typewriter skateboard. McSweeney's iPhone chillwave, food truck direct trade disrupt flannel irony tousled Cosby sweater single-origin coffee. Organic disrupt bicycle rights, tattooed messenger bag flannel craft beer fashion axe bitters. Readymade sartorial craft beer, quinoa sustainable butcher Marfa Echo Park Terry Richardson gluten-free flannel retro cred mlkshk banjo. Salvia 90's art party Blue Bottle, PBR&B cardigan 8-bit."),_ref7=react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("p",null,"Meggings irony fashion axe, tattooed master cleanse Blue Bottle stumptown bitters authentic flannel freegan paleo letterpress ugh sriracha. Wolf PBR&B art party aesthetic meh cliche. Sartorial before they sold out deep v, aesthetic PBR&B craft beer post-ironic synth keytar pork belly skateboard pour-over. Tonx cray pug Etsy, gastropub ennui wolf ethnic Odd Future viral master cleanse skateboard banjo. Pitchfork scenester cornhole, whatever try-hard ethnic banjo +1 gastropub American Apparel vinyl skateboard Shoreditch seitan. Blue Bottle keffiyeh Austin Helvetica art party. Portland ethnic fixie, beard retro direct trade ugh scenester Tumblr readymade authentic plaid pickled hashtag biodiesel."),_ref8=react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("p",null,"Thundercats freegan Truffaut, four loko twee Austin scenester lo-fi seitan High Life paleo quinoa cray. Schlitz butcher ethical Tumblr, pop-up DIY keytar ethnic iPhone PBR sriracha. Tonx direct trade bicycle rights gluten-free flexitarian asymmetrical. Whatever drinking vinegar PBR XOXO Bushwick gentrify. Cliche semiotics banjo retro squid Wes Anderson. Fashion axe dreamcatcher you probably haven't heard of them bicycle rights. Tote bag organic four loko ethical selfies gastropub, PBR fingerstache tattooed bicycle rights."),_ref9=react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("p",null,"Ugh Portland Austin, distillery tattooed typewriter polaroid pug Banksy Neutra keffiyeh. Shoreditch mixtape wolf PBR&B, tote bag dreamcatcher literally bespoke Odd Future selfies 90's master cleanse vegan. Flannel tofu deep v next level pickled, authentic Etsy Shoreditch literally swag photo booth iPhone pug semiotics banjo. Bicycle rights butcher Blue Bottle, actually DIY semiotics Banksy banjo mixtape Austin pork belly post-ironic. American Apparel gastropub hashtag, McSweeney's master cleanse occupy High Life bitters wayfarers next level bicycle rights. Wolf chia Terry Richardson, pop-up plaid kitsch ugh. Butcher +1 Carles, swag selfies Blue Bottle viral."),ImgStory=function(_ref5){var desc=_ref5.desc,title=_ref5.title,props=_objectWithoutProperties(_ref5,["desc","title"]);return react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("div",null,title&&react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("h1",null,title),desc&&react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("h2",null,desc),_ref6,_ref7,props.children,_ref8,_ref9)};ImgStory.displayName="ImgStory",stories.add("larger image size",(function(){return react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("div",{style:{width:"720px",margin:"0 auto"}},react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(ImgStory,{title:"Larger image size"},react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(_dist_esm__WEBPACK_IMPORTED_MODULE_32__.a,{closeText:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.text)("Unzoom label","Unzoom image"),openText:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.text)("Zoom label","Zoom image"),overlayBgColorEnd:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.color)("Overlay bgColor end","rgba(255, 255, 255, 0.95)"),overlayBgColorStart:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.color)("Overlay bgColor start","rgba(255, 255, 255, 0)"),transitionDuration:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.number)("Transition duration",300,{min:0,max:5e3,range:!0,step:100}),zoomMargin:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.number)("Zoom margin",0,{min:0,max:500,range:!0,step:50}),zoomZindex:Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_18__.number)("Zoom z-index",2147483647,{min:0,max:2147483647,range:!0,step:1})},react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("img",{alt:imgNvidiaCard.alt,src:imgNvidiaCard.src,width:"100%"}))))}))}.call(this,__webpack_require__(428)(module))},1290:function(module,exports,__webpack_require__){var api=__webpack_require__(431),content=__webpack_require__(1291);"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1},exported=(api(content,options),content.locals?content.locals:{});module.exports=exported},1291:function(module,exports,__webpack_require__){(exports=__webpack_require__(432)(!1)).push([module.i,"html {\n font-size: 16px;\n box-sizing: border-box;\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n}\nhtml,\nbody {\n min-height: 100%;\n}\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n}\nbody {\n margin: 2em;\n font-size: 1rem;\n font-family: monospace;\n color: #333;\n}\nbody,\ninput,\nbutton {\n -webkit-font-smoothing: antialiased;\n}\n",""]),module.exports=exports},1292:function(module,exports,__webpack_require__){var api=__webpack_require__(431),content=__webpack_require__(1293);"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1},exported=(api(content,options),content.locals?content.locals:{});module.exports=exported},1293:function(module,exports,__webpack_require__){(exports=__webpack_require__(432)(!1)).push([module.i,'[data-rmiz-wrap="visible"],\n[data-rmiz-wrap="hidden"] {\n position: relative;\n display: inline-flex;\n align-items: flex-start;\n}\n[data-rmiz-wrap="hidden"] {\n visibility: hidden;\n}\n[data-rmiz-overlay] {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n transition-property: background-color;\n}\n[data-rmiz-btn-open],\n[data-rmiz-btn-close] {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n\n /* reset styles */\n margin: 0;\n padding: 0;\n border: none;\n border-radius: 0;\n font: inherit;\n color: inherit;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n[data-rmiz-btn-open] {\n cursor: zoom-in;\n}\n[data-rmiz-btn-close] {\n cursor: zoom-out;\n}\n[data-rmiz-modal-content] {\n position: absolute;\n transition-property: transform;\n transform-origin: center center;\n}\n',""]),module.exports=exports},147:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__(85),__webpack_require__(433);var react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__),react_dom__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(89),react_use_lib_useEvent__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(75),react_use_lib_useEvent__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(react_use_lib_useEvent__WEBPACK_IMPORTED_MODULE_4__),react_use_lib_useWindowSize__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(199),react_use_lib_useWindowSize__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react_use_lib_useWindowSize__WEBPACK_IMPORTED_MODULE_5__),_helpers_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(91),react_use_lib_usePrevious__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(148),react_use_lib_usePrevious__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(react_use_lib_usePrevious__WEBPACK_IMPORTED_MODULE_7__),ControlledActivated$1=Object(react__WEBPACK_IMPORTED_MODULE_2__.memo)((function(_a){var children=_a.children,_b=_a.closeText,closeText=void 0===_b?"Unzoom Image":_b,isActiveFromParent=_a.isActive,onLoad=_a.onLoad,onUnload=_a.onUnload,onZoomChange=_a.onZoomChange,_c=_a.overlayBgColorEnd,overlayBgColorEnd=void 0===_c?"rgba(255, 255, 255, 0.95)":_c,_d=_a.overlayBgColorStart,overlayBgColorStart=void 0===_d?"rgba(255, 255, 255, 0)":_d,parentRef=_a.parentRef,_e=_a.portalEl,portalEl=void 0===_e?document.body:_e,_f=_a.scrollableEl,scrollableEl=void 0===_f?window:_f,_g=_a.transitionDuration,transitionDuration=void 0===_g?300:_g,_h=_a.zoomMargin,zoomMargin=void 0===_h?0:_h,_j=_a.zoomZindex,zoomZindex=void 0===_j?2147483647:_j,btnRef=Object(react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null),forceUpdate=Object(react__WEBPACK_IMPORTED_MODULE_2__.useState)(0)[1],_l=Object(react__WEBPACK_IMPORTED_MODULE_2__.useState)(isActiveFromParent),isActive=_l[0],setIsActive=_l[1],_m=Object(react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),isLoaded=_m[0],setIsLoaded=_m[1],_o=Object(react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),isUnloading=_o[0],setIsUnloading=_o[1],prevIsActive=react_use_lib_usePrevious__WEBPACK_IMPORTED_MODULE_7___default()(isActive),prevIsActiveFromParent=react_use_lib_usePrevious__WEBPACK_IMPORTED_MODULE_7___default()(isActiveFromParent),prevIsLoaded=react_use_lib_usePrevious__WEBPACK_IMPORTED_MODULE_7___default()(isLoaded),_p=react_use_lib_useWindowSize__WEBPACK_IMPORTED_MODULE_5___default()(),innerWidth=_p.width,innerHeight=_p.height,handleClick=Object(react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((function(e){e.preventDefault(),onZoomChange&&onZoomChange(!1)}),[onZoomChange]),handleKeyDown=Object(react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((function(e){"Escape"!==e.key&&27!==e.keyCode||(e.stopPropagation(),onZoomChange&&onZoomChange(!1))}),[onZoomChange]),handleScroll=Object(react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((function(){forceUpdate((function(n){return n+1})),!isUnloading&&onZoomChange&&onZoomChange(!1)}),[isUnloading,onZoomChange]);react_use_lib_useEvent__WEBPACK_IMPORTED_MODULE_4___default()("keydown",handleKeyDown,document),react_use_lib_useEvent__WEBPACK_IMPORTED_MODULE_4___default()("scroll",handleScroll,scrollableEl),Object(react__WEBPACK_IMPORTED_MODULE_2__.useEffect)((function(){!prevIsActive&&isActive&&(setIsLoaded(!0),btnRef.current&&btnRef.current.focus({preventScroll:!0}))}),[isActive,prevIsActive]),Object(react__WEBPACK_IMPORTED_MODULE_2__.useEffect)((function(){prevIsActiveFromParent&&!isActiveFromParent&&setIsUnloading(!0),!prevIsActiveFromParent&&isActiveFromParent&&setIsActive(!0)}),[isActiveFromParent,prevIsActiveFromParent]),Object(react__WEBPACK_IMPORTED_MODULE_2__.useEffect)((function(){var unloadTimeout;return isUnloading&&(unloadTimeout=setTimeout((function(){setIsLoaded(!1),setIsActive(!1),setIsUnloading(!1)}),transitionDuration)),function(){clearTimeout(unloadTimeout)}}),[isUnloading,transitionDuration]),Object(react__WEBPACK_IMPORTED_MODULE_2__.useEffect)((function(){!prevIsLoaded&&isLoaded&&onLoad(),prevIsLoaded&&!isLoaded&&onUnload()}),[isLoaded,onLoad,onUnload,prevIsLoaded]);var parentEl=parentRef.current||_helpers_js__WEBPACK_IMPORTED_MODULE_6__.c,_q=parentEl.getBoundingClientRect(),height=_q.height,left=_q.left,top=_q.top,width=_q.width,overlayStyle=Object(_helpers_js__WEBPACK_IMPORTED_MODULE_6__.b)({isLoaded:isLoaded,isUnloading:isUnloading,overlayBgColorEnd:overlayBgColorEnd,overlayBgColorStart:overlayBgColorStart,transitionDuration:transitionDuration,zoomZindex:zoomZindex}),contentStyle=Object(_helpers_js__WEBPACK_IMPORTED_MODULE_6__.a)({height:height,isLoaded:isLoaded,innerHeight:innerHeight,innerWidth:innerWidth,isUnloading:isUnloading,left:left,originalTransform:parentEl.style.transform,top:top,transitionDuration:transitionDuration,width:width,zoomMargin:zoomMargin});return isActive?Object(react_dom__WEBPACK_IMPORTED_MODULE_3__.createPortal)(react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div",{"aria-modal":!0,"data-rmiz-overlay":!0,role:"dialog",style:overlayStyle},react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div",{"data-rmiz-modal-content":!0,style:contentStyle},children),react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("button",{"aria-label":closeText,"data-rmiz-btn-close":!0,onClick:handleClick,ref:btnRef,type:"button"})),portalEl):null})),Controlled=function(_a){var wrap,children=_a.children,_b=_a.closeText,closeText=void 0===_b?"Unzoom image":_b,isActive=_a.isZoomed,_c=_a.overlayBgColorEnd,overlayBgColorEnd=void 0===_c?"rgba(255, 255, 255, 0.95)":_c,_d=_a.overlayBgColorStart,overlayBgColorStart=void 0===_d?"rgba(255, 255, 255, 0)":_d,portalEl=_a.portalEl,onZoomChange=_a.onZoomChange,_e=_a.openText,openText=void 0===_e?"Zoom image":_e,scrollableEl=_a.scrollableEl,_f=_a.transitionDuration,transitionDuration=void 0===_f?300:_f,_g=_a.wrapElement,wrapElement=void 0===_g?"div":_g,wrapStyle=_a.wrapStyle,_h=_a.zoomMargin,zoomMargin=void 0===_h?0:_h,_j=_a.zoomZindex,zoomZindex=void 0===_j?2147483647:_j,_k=Object(react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),isChildLoaded=_k[0],setIsChildLoaded=_k[1],wrapRef=Object(react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null),btnRef=Object(react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null),handleClickTrigger=Object(react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((function(e){!isActive&&onZoomChange&&(e.preventDefault(),onZoomChange(!0))}),[isActive,onZoomChange]),handleChildLoad=Object(react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((function(){setIsChildLoaded(!0)}),[]),handleChildUnload=Object(react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((function(){setIsChildLoaded(!1),btnRef.current&&btnRef.current.focus({preventScroll:!0})}),[]),wrapType=isChildLoaded?"hidden":"visible",content=react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_2___default.a.Fragment,null,children,react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("button",{"aria-label":openText,"data-rmiz-btn-open":!0,onClick:handleClickTrigger,ref:btnRef,type:"button"}),"undefined"!=typeof window&&react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(ControlledActivated$1,{closeText:closeText,isActive:isActive,onLoad:handleChildLoad,onUnload:handleChildUnload,onZoomChange:onZoomChange,overlayBgColorEnd:overlayBgColorEnd,overlayBgColorStart:overlayBgColorStart,parentRef:wrapRef,portalEl:portalEl,scrollableEl:scrollableEl,transitionDuration:transitionDuration,zoomMargin:zoomMargin,zoomZindex:zoomZindex},children));return wrap="span"===wrapElement?react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span",{"data-rmiz-wrap":wrapType,ref:wrapRef,style:wrapStyle},content):react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div",{"data-rmiz-wrap":wrapType,ref:wrapRef,style:wrapStyle},content),react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_2__.StrictMode,null,wrap)},Controlled$1=Object(react__WEBPACK_IMPORTED_MODULE_2__.memo)(Controlled);__webpack_exports__.a=Controlled$1,Controlled.__docgenInfo={description:"",methods:[],displayName:"Controlled"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["dist/esm/Controlled.js"]={name:"Controlled",docgenInfo:Controlled.__docgenInfo,path:"dist/esm/Controlled.js"})},449:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/glenorchy-lagoon.af1399d2.jpg"},450:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/andres-iga-7XKkJVw1d8c-unsplash-smaller.287bb291.jpg"},451:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/roell-de-ram-2DM7eOR5iyc-unsplash-smaller.e5a0a3dc.jpg"},452:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/pablo-heimplatz-PSF2RhUBORs-unsplash-smaller.11ef41d7.jpg"},453:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/nvidia-card.0f0f309b.jpg"},454:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/rod-long-4dcsLxQxSHY-unsplash-smaller.f2b20209.jpg"},455:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/omer-faruk-bekdemir-5BuxuWIJF1Q-unsplash-smaller.58f46807.jpg"},456:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/douglas-bagg-wRwa3Z6GtRI-unsplash-smaller.edb54010.jpg"},457:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/tobias-keller-73F4pKoUkM0-unsplash-smaller.fe3f4d81.jpg"},458:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/laura-smetsers-H-TW2CoNtTk-unsplash-smaller.4a4f33ea.jpg"},459:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/petr-vysohlid-9fqwGqGLUxc-unsplash-smaller.c5bcf70a.jpg"},460:function(module,exports,__webpack_require__){__webpack_require__(461),__webpack_require__(604),__webpack_require__(605),__webpack_require__(1255),module.exports=__webpack_require__(1256)},523:function(module,exports){},91:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return getModalContentStyle})),__webpack_require__.d(__webpack_exports__,"b",(function(){return getModalOverlayStyle})),__webpack_require__.d(__webpack_exports__,"c",(function(){return pseudoParentEl}));__webpack_require__(73);var tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(88),toDurationString=function(duration){return duration+"ms"},getModalContentStyle=function(_a){var height=_a.height,innerHeight=_a.innerHeight,innerWidth=_a.innerWidth,isLoaded=_a.isLoaded,isUnloading=_a.isUnloading,left=_a.left,originalTransform=_a.originalTransform,top=_a.top,transitionDuration=_a.transitionDuration,width=_a.width,zoomMargin=_a.zoomMargin,transitionDurationString=toDurationString(transitionDuration);if(!isLoaded||isUnloading){var initTransform=Object(tslib__WEBPACK_IMPORTED_MODULE_1__.__spreadArrays)(["scale(1)","translate(0, 0)"],originalTransform?[originalTransform]:[]).join(" ");return{height:height,left:left,top:top,transform:initTransform,WebkitTransform:initTransform,transitionDuration:transitionDurationString,width:width}}var scale=function(_a){var height=_a.height,innerHeight=_a.innerHeight,innerWidth=_a.innerWidth,width=_a.width,zoomMargin=_a.zoomMargin;return Math.min(innerWidth/(width+zoomMargin),innerHeight/(height+zoomMargin))}({height:height,innerWidth:innerWidth,innerHeight:innerHeight,width:width,zoomMargin:zoomMargin}),transform=Object(tslib__WEBPACK_IMPORTED_MODULE_1__.__spreadArrays)(["scale("+scale+")","translate("+(innerWidth/2-(left+width/2))/scale+"px, "+(innerHeight/2-(top+height/2))/scale+"px)"],originalTransform?[originalTransform]:[]).join(" ");return{height:height,left:left,top:top,transform:transform,WebkitTransform:transform,transitionDuration:transitionDurationString,width:width}},getModalOverlayStyle=function(_a){var isLoaded=_a.isLoaded,isUnloading=_a.isUnloading,overlayBgColorEnd=_a.overlayBgColorEnd,overlayBgColorStart=_a.overlayBgColorStart,transitionDuration=_a.transitionDuration,zoomZindex=_a.zoomZindex,style={backgroundColor:overlayBgColorStart,transitionDuration:toDurationString(transitionDuration),zIndex:zoomZindex};return isLoaded&&!isUnloading&&(style.backgroundColor=overlayBgColorEnd),style},pseudoParentEl={getBoundingClientRect:function getBoundingClientRect(){return{height:0,left:0,top:0,width:0}},style:{transform:null}}}},[[460,1,2]]]);
//# sourceMappingURL=main.58afbba722ed970ea954.bundle.js.map