playbook_ui 15.4.0.pre.alpha.revert5471PLAY2622richtexteditortiptaponlyrails12345 → 15.4.0.pre.alpha.testingseparation12395
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling.jsx +2 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_column_headers.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_fullscreen.jsx +3 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_editing.jsx +3 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling.jsx +2 -1
- data/app/pb_kits/playbook/pb_currency/docs/_currency_abbreviated.md +1 -0
- data/app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals_rails.md +1 -0
- data/app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals_react.md +1 -0
- data/app/pb_kits/playbook/pb_currency/docs/_currency_negative.html.erb +10 -0
- data/app/pb_kits/playbook/pb_currency/docs/_currency_negative.jsx +10 -0
- data/app/pb_kits/playbook/pb_currency/docs/_currency_negative.md +1 -0
- data/app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol_rails.md +1 -0
- data/app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol_react.md +1 -0
- data/app/pb_kits/playbook/pb_currency/docs/_currency_variants.html.erb +7 -0
- data/app/pb_kits/playbook/pb_currency/docs/_currency_variants.jsx +7 -0
- data/app/pb_kits/playbook/pb_currency/docs/_description.md +2 -2
- data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.jsx +2 -1
- data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.jsx +2 -1
- data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.jsx +2 -1
- data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.jsx +2 -1
- data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.jsx +4 -1
- data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_variant.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_horizontal.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_non_clickable.jsx +1 -2
- data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_negative_numbers.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_secondary_y_axis.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_spline.jsx +1 -2
- data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_stacked.jsx +1 -2
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_block_content.jsx +2 -1
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.jsx +2 -1
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.jsx +2 -1
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_labels.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_legend.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_live_data.jsx +2 -1
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_rounded.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_with_title.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_color.jsx +1 -1
- data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_complex.jsx +2 -1
- data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_full_circle.jsx +2 -1
- data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_height.jsx +2 -1
- data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_min_max.jsx +2 -1
- data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_units.jsx +2 -1
- data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_colors.jsx +1 -1
- data/app/pb_kits/playbook/pb_popover/docs/_popover_append_to.jsx +4 -1
- data/app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.jsx +3 -1
- data/app/pb_kits/playbook/pb_select/docs/_select_react_hook.jsx +3 -1
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.jsx +4 -1
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.jsx +2 -1
- data/app/pb_kits/playbook/pb_user/docs/_user_font_options.jsx +1 -1
- data/dist/chunks/_typeahead-DYoSbiJE.js +6 -0
- data/dist/chunks/lib-BrAPgXB5.js +29 -0
- data/dist/chunks/vendor.js +17 -1
- data/dist/playbook-rails-react-bindings.js +1 -1
- data/dist/playbook-rails.js +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +10 -9
- data/dist/chunks/_line_graph-DDvq7zE7.js +0 -1
- data/dist/chunks/_typeahead-D2bVH5Fk.js +0 -6
- data/dist/chunks/_weekday_stacked-DB8t2C4f.js +0 -37
- data/dist/chunks/componentRegistry-DzmmLR2x.js +0 -1
- data/dist/chunks/lib-COXg9aPA.js +0 -29
- data/dist/chunks/pb_form_validation-DR765aoq.js +0 -1
- data/dist/playbook-doc.js +0 -19
data/dist/chunks/vendor.js
CHANGED
|
@@ -1 +1,17 @@
|
|
|
1
|
-
import"./
|
|
1
|
+
import{r as requireLazysizes}from"./lazysizes-B7xYodB-.js";import{r as requireWarning,b as buildAriaProps,a as buildDataProps,c as buildHtmlProps,d as classnames,e as buildCss,g as globalProps,D as Draggable,B as Body,I as Icon,T as TextInput,F as Flex,f as FormPill,h as FlexItem,C as Caption,i as domSafeProps}from"./_typeahead-DYoSbiJE.js";import{jsx,Fragment,jsxs}from"react/jsx-runtime";import React__default,{createContext,useContext,createElement,forwardRef,useState,useMemo,useRef,useEffect,useImperativeHandle}from"react";import{g as getAllIcons,a as getAugmentedNamespace,D as DateTime,u as useDropdown,P as PbTextarea}from"./lib-BrAPgXB5.js";import ReactDOM__default from"react-dom";import"react-trix";import"trix";import"react-is";var ls_attrchange={exports:{}};var hasRequiredLs_attrchange;function requireLs_attrchange(){if(hasRequiredLs_attrchange)return ls_attrchange.exports;hasRequiredLs_attrchange=1;(function(module){(function(window2,factory){if(!window2){return}var globalInstall=function(){factory(window2.lazySizes);window2.removeEventListener("lazyunveilread",globalInstall,true)};factory=factory.bind(null,window2,window2.document);if(module.exports){factory(requireLazysizes())}else if(window2.lazySizes){globalInstall()}else{window2.addEventListener("lazyunveilread",globalInstall,true)}})(typeof window!="undefined"?window:0,(function(window2,document2,lazySizes){var addObserver=function(){var connect,disconnect,observer,connected;var lsCfg=lazySizes.cfg;var attributes={"data-bgset":1,"data-include":1,"data-poster":1,"data-bg":1,"data-script":1};var regClassTest="(\\s|^)("+lsCfg.loadedClass;var docElem=document2.documentElement;var setClass=function(target){lazySizes.rAF((function(){lazySizes.rC(target,lsCfg.loadedClass);if(lsCfg.unloadedClass){lazySizes.rC(target,lsCfg.unloadedClass)}lazySizes.aC(target,lsCfg.lazyClass);if(target.style.display=="none"||target.parentNode&&target.parentNode.style.display=="none"){setTimeout((function(){lazySizes.loader.unveil(target)}),0)}}))};var onMutation=function(mutations){var i,len,mutation,target;for(i=0,len=mutations.length;i<len;i++){mutation=mutations[i];target=mutation.target;if(!target.getAttribute(mutation.attributeName)){continue}if(target.localName=="source"&&target.parentNode){target=target.parentNode.querySelector("img")}if(target&®ClassTest.test(target.className)){setClass(target)}}};if(lsCfg.unloadedClass){regClassTest+="|"+lsCfg.unloadedClass}regClassTest+="|"+lsCfg.loadingClass+")(\\s|$)";regClassTest=new RegExp(regClassTest);attributes[lsCfg.srcAttr]=1;attributes[lsCfg.srcsetAttr]=1;if(window2.MutationObserver){observer=new MutationObserver(onMutation);connect=function(){if(!connected){connected=true;observer.observe(docElem,{subtree:true,attributes:true,attributeFilter:Object.keys(attributes)})}};disconnect=function(){if(connected){connected=false;observer.disconnect()}}}else{docElem.addEventListener("DOMAttrModified",function(){var runs;var modifications=[];var callMutations=function(){onMutation(modifications);modifications=[];runs=false};return function(e){if(connected&&attributes[e.attrName]&&e.newValue){modifications.push({target:e.target,attributeName:e.attrName});if(!runs){setTimeout(callMutations);runs=true}}}}(),true);connect=function(){connected=true};disconnect=function(){connected=false}}addEventListener("lazybeforeunveil",disconnect,true);addEventListener("lazybeforeunveil",connect);addEventListener("lazybeforesizes",disconnect,true);addEventListener("lazybeforesizes",connect);connect();removeEventListener("lazybeforeunveil",addObserver)};addEventListener("lazybeforeunveil",addObserver)}))})(ls_attrchange);return ls_attrchange.exports}requireLs_attrchange();createContext({});getAllIcons()["envelope"].icon;var lib={exports:{}};var Modal={};var propTypes={exports:{}};var ReactPropTypesSecret_1;var hasRequiredReactPropTypesSecret;function requireReactPropTypesSecret(){if(hasRequiredReactPropTypesSecret)return ReactPropTypesSecret_1;hasRequiredReactPropTypesSecret=1;var ReactPropTypesSecret="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";ReactPropTypesSecret_1=ReactPropTypesSecret;return ReactPropTypesSecret_1}var factoryWithThrowingShims;var hasRequiredFactoryWithThrowingShims;function requireFactoryWithThrowingShims(){if(hasRequiredFactoryWithThrowingShims)return factoryWithThrowingShims;hasRequiredFactoryWithThrowingShims=1;var ReactPropTypesSecret=requireReactPropTypesSecret();function emptyFunction(){}function emptyFunctionWithReset(){}emptyFunctionWithReset.resetWarningCache=emptyFunction;factoryWithThrowingShims=function(){function shim(props,propName,componentName,location,propFullName,secret){if(secret===ReactPropTypesSecret){return}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");err.name="Invariant Violation";throw err}shim.isRequired=shim;function getShim(){return shim}var ReactPropTypes={array:shim,bigint: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};ReactPropTypes.PropTypes=ReactPropTypes;return ReactPropTypes};return factoryWithThrowingShims}var hasRequiredPropTypes;function requirePropTypes(){if(hasRequiredPropTypes)return propTypes.exports;hasRequiredPropTypes=1;{propTypes.exports=requireFactoryWithThrowingShims()()}return propTypes.exports}var ModalPortal={exports:{}};var focusManager={};var tabbable={exports:{}};var hasRequiredTabbable;function requireTabbable(){if(hasRequiredTabbable)return tabbable.exports;hasRequiredTabbable=1;(function(module,exports){Object.defineProperty(exports,"__esModule",{value:true});exports.default=findTabbableDescendants;
|
|
2
|
+
/*!
|
|
3
|
+
* Adapted from jQuery UI core
|
|
4
|
+
*
|
|
5
|
+
* http://jqueryui.com
|
|
6
|
+
*
|
|
7
|
+
* Copyright 2014 jQuery Foundation and other contributors
|
|
8
|
+
* Released under the MIT license.
|
|
9
|
+
* http://jquery.org/license
|
|
10
|
+
*
|
|
11
|
+
* http://api.jqueryui.com/category/ui-core/
|
|
12
|
+
*/var DISPLAY_NONE="none";var DISPLAY_CONTENTS="contents";var tabbableNode=/input|select|textarea|button|object|iframe/;function isNotOverflowing(element,style){return style.getPropertyValue("overflow")!=="visible"||element.scrollWidth<=0&&element.scrollHeight<=0}function hidesContents(element){var zeroSize=element.offsetWidth<=0&&element.offsetHeight<=0;if(zeroSize&&!element.innerHTML)return true;try{var style=window.getComputedStyle(element);var displayValue=style.getPropertyValue("display");return zeroSize?displayValue!==DISPLAY_CONTENTS&&isNotOverflowing(element,style):displayValue===DISPLAY_NONE}catch(exception){console.warn("Failed to inspect element style");return false}}function visible(element){var parentElement=element;var rootNode=element.getRootNode&&element.getRootNode();while(parentElement){if(parentElement===document.body)break;if(rootNode&&parentElement===rootNode)parentElement=rootNode.host.parentNode;if(hidesContents(parentElement))return false;parentElement=parentElement.parentNode}return true}function focusable(element,isTabIndexNotNaN){var nodeName=element.nodeName.toLowerCase();var res=tabbableNode.test(nodeName)&&!element.disabled||(nodeName==="a"?element.href||isTabIndexNotNaN:isTabIndexNotNaN);return res&&visible(element)}function tabbable2(element){var tabIndex=element.getAttribute("tabindex");if(tabIndex===null)tabIndex=void 0;var isTabIndexNaN=isNaN(tabIndex);return(isTabIndexNaN||tabIndex>=0)&&focusable(element,!isTabIndexNaN)}function findTabbableDescendants(element){var descendants=[].slice.call(element.querySelectorAll("*"),0).reduce((function(finished,el){return finished.concat(!el.shadowRoot?[el]:findTabbableDescendants(el.shadowRoot))}),[]);return descendants.filter(tabbable2)}module.exports=exports["default"]})(tabbable,tabbable.exports);return tabbable.exports}var hasRequiredFocusManager;function requireFocusManager(){if(hasRequiredFocusManager)return focusManager;hasRequiredFocusManager=1;Object.defineProperty(focusManager,"__esModule",{value:true});focusManager.resetState=resetState;focusManager.log=log;focusManager.handleBlur=handleBlur;focusManager.handleFocus=handleFocus;focusManager.markForFocusLater=markForFocusLater;focusManager.returnFocus=returnFocus;focusManager.popWithoutFocus=popWithoutFocus;focusManager.setupScopedFocus=setupScopedFocus;focusManager.teardownScopedFocus=teardownScopedFocus;var _tabbable=requireTabbable();var _tabbable2=_interopRequireDefault(_tabbable);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var focusLaterElements=[];var modalElement=null;var needToFocus=false;function resetState(){focusLaterElements=[]}function log(){}function handleBlur(){needToFocus=true}function handleFocus(){if(needToFocus){needToFocus=false;if(!modalElement){return}setTimeout((function(){if(modalElement.contains(document.activeElement)){return}var el=(0,_tabbable2.default)(modalElement)[0]||modalElement;el.focus()}),0)}}function markForFocusLater(){focusLaterElements.push(document.activeElement)}function returnFocus(){var preventScroll=arguments.length>0&&arguments[0]!==void 0?arguments[0]:false;var toFocus=null;try{if(focusLaterElements.length!==0){toFocus=focusLaterElements.pop();toFocus.focus({preventScroll:preventScroll})}return}catch(e){console.warn(["You tried to return focus to",toFocus,"but it is not in the DOM anymore"].join(" "))}}function popWithoutFocus(){focusLaterElements.length>0&&focusLaterElements.pop()}function setupScopedFocus(element){modalElement=element;if(window.addEventListener){window.addEventListener("blur",handleBlur,false);document.addEventListener("focus",handleFocus,true)}else{window.attachEvent("onBlur",handleBlur);document.attachEvent("onFocus",handleFocus)}}function teardownScopedFocus(){modalElement=null;if(window.addEventListener){window.removeEventListener("blur",handleBlur);document.removeEventListener("focus",handleFocus)}else{window.detachEvent("onBlur",handleBlur);document.detachEvent("onFocus",handleFocus)}}return focusManager}var scopeTab={exports:{}};var hasRequiredScopeTab;function requireScopeTab(){if(hasRequiredScopeTab)return scopeTab.exports;hasRequiredScopeTab=1;(function(module,exports){Object.defineProperty(exports,"__esModule",{value:true});exports.default=scopeTab2;var _tabbable=requireTabbable();var _tabbable2=_interopRequireDefault(_tabbable);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function getActiveElement(){var el=arguments.length>0&&arguments[0]!==void 0?arguments[0]:document;return el.activeElement.shadowRoot?getActiveElement(el.activeElement.shadowRoot):el.activeElement}function scopeTab2(node,event){var tabbable2=(0,_tabbable2.default)(node);if(!tabbable2.length){event.preventDefault();return}var target=void 0;var shiftKey=event.shiftKey;var head=tabbable2[0];var tail=tabbable2[tabbable2.length-1];var activeElement=getActiveElement();if(node===activeElement){if(!shiftKey)return;target=tail}if(tail===activeElement&&!shiftKey){target=head}if(head===activeElement&&shiftKey){target=tail}if(target){event.preventDefault();target.focus();return}var checkSafari=/(\bChrome\b|\bSafari\b)\//.exec(navigator.userAgent);var isSafariDesktop=checkSafari!=null&&checkSafari[1]!="Chrome"&&/\biPod\b|\biPad\b/g.exec(navigator.userAgent)==null;if(!isSafariDesktop)return;var x=tabbable2.indexOf(activeElement);if(x>-1){x+=shiftKey?-1:1}target=tabbable2[x];if(typeof target==="undefined"){event.preventDefault();target=shiftKey?tail:head;target.focus();return}event.preventDefault();target.focus()}module.exports=exports["default"]})(scopeTab,scopeTab.exports);return scopeTab.exports}var ariaAppHider={};var safeHTMLElement={};var exenv={exports:{}};
|
|
13
|
+
/*!
|
|
14
|
+
Copyright (c) 2015 Jed Watson.
|
|
15
|
+
Based on code that is Copyright 2013-2015, Facebook, Inc.
|
|
16
|
+
All rights reserved.
|
|
17
|
+
*/var hasRequiredExenv;function requireExenv(){if(hasRequiredExenv)return exenv.exports;hasRequiredExenv=1;(function(module){(function(){var canUseDOM=!!(typeof window!=="undefined"&&window.document&&window.document.createElement);var ExecutionEnvironment={canUseDOM:canUseDOM,canUseWorkers:typeof Worker!=="undefined",canUseEventListeners:canUseDOM&&!!(window.addEventListener||window.attachEvent),canUseViewport:canUseDOM&&!!window.screen};if(module.exports){module.exports=ExecutionEnvironment}else{window.ExecutionEnvironment=ExecutionEnvironment}})()})(exenv);return exenv.exports}var hasRequiredSafeHTMLElement;function requireSafeHTMLElement(){if(hasRequiredSafeHTMLElement)return safeHTMLElement;hasRequiredSafeHTMLElement=1;Object.defineProperty(safeHTMLElement,"__esModule",{value:true});safeHTMLElement.canUseDOM=safeHTMLElement.SafeNodeList=safeHTMLElement.SafeHTMLCollection=void 0;var _exenv=requireExenv();var _exenv2=_interopRequireDefault(_exenv);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var EE=_exenv2.default;var SafeHTMLElement=EE.canUseDOM?window.HTMLElement:{};safeHTMLElement.SafeHTMLCollection=EE.canUseDOM?window.HTMLCollection:{};safeHTMLElement.SafeNodeList=EE.canUseDOM?window.NodeList:{};safeHTMLElement.canUseDOM=EE.canUseDOM;safeHTMLElement.default=SafeHTMLElement;return safeHTMLElement}var hasRequiredAriaAppHider;function requireAriaAppHider(){if(hasRequiredAriaAppHider)return ariaAppHider;hasRequiredAriaAppHider=1;Object.defineProperty(ariaAppHider,"__esModule",{value:true});ariaAppHider.resetState=resetState;ariaAppHider.log=log;ariaAppHider.assertNodeList=assertNodeList;ariaAppHider.setElement=setElement;ariaAppHider.validateElement=validateElement;ariaAppHider.hide=hide;ariaAppHider.show=show;ariaAppHider.documentNotReadyOrSSRTesting=documentNotReadyOrSSRTesting;var _warning=requireWarning();var _warning2=_interopRequireDefault(_warning);var _safeHTMLElement=requireSafeHTMLElement();function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var globalElement=null;function resetState(){if(globalElement){if(globalElement.removeAttribute){globalElement.removeAttribute("aria-hidden")}else if(globalElement.length!=null){globalElement.forEach((function(element){return element.removeAttribute("aria-hidden")}))}else{document.querySelectorAll(globalElement).forEach((function(element){return element.removeAttribute("aria-hidden")}))}}globalElement=null}function log(){}function assertNodeList(nodeList,selector){if(!nodeList||!nodeList.length){throw new Error("react-modal: No elements were found for selector "+selector+".")}}function setElement(element){var useElement=element;if(typeof useElement==="string"&&_safeHTMLElement.canUseDOM){var el=document.querySelectorAll(useElement);assertNodeList(el,useElement);useElement=el}globalElement=useElement||globalElement;return globalElement}function validateElement(appElement){var el=appElement||globalElement;if(el){return Array.isArray(el)||el instanceof HTMLCollection||el instanceof NodeList?el:[el]}else{(0,_warning2.default)(false,["react-modal: App element is not defined.","Please use `Modal.setAppElement(el)` or set `appElement={el}`.","This is needed so screen readers don't see main content","when modal is opened. It is not recommended, but you can opt-out","by setting `ariaHideApp={false}`."].join(" "));return[]}}function hide(appElement){var _iteratorNormalCompletion=true;var _didIteratorError=false;var _iteratorError=void 0;try{for(var _iterator=validateElement(appElement)[Symbol.iterator](),_step;!(_iteratorNormalCompletion=(_step=_iterator.next()).done);_iteratorNormalCompletion=true){var el=_step.value;el.setAttribute("aria-hidden","true")}}catch(err){_didIteratorError=true;_iteratorError=err}finally{try{if(!_iteratorNormalCompletion&&_iterator.return){_iterator.return()}}finally{if(_didIteratorError){throw _iteratorError}}}}function show(appElement){var _iteratorNormalCompletion2=true;var _didIteratorError2=false;var _iteratorError2=void 0;try{for(var _iterator2=validateElement(appElement)[Symbol.iterator](),_step2;!(_iteratorNormalCompletion2=(_step2=_iterator2.next()).done);_iteratorNormalCompletion2=true){var el=_step2.value;el.removeAttribute("aria-hidden")}}catch(err){_didIteratorError2=true;_iteratorError2=err}finally{try{if(!_iteratorNormalCompletion2&&_iterator2.return){_iterator2.return()}}finally{if(_didIteratorError2){throw _iteratorError2}}}}function documentNotReadyOrSSRTesting(){globalElement=null}return ariaAppHider}var classList={};var hasRequiredClassList;function requireClassList(){if(hasRequiredClassList)return classList;hasRequiredClassList=1;Object.defineProperty(classList,"__esModule",{value:true});classList.resetState=resetState;classList.log=log;var htmlClassList={};var docBodyClassList={};function removeClass(at,cls){at.classList.remove(cls)}function resetState(){var htmlElement=document.getElementsByTagName("html")[0];for(var cls in htmlClassList){removeClass(htmlElement,htmlClassList[cls])}var body=document.body;for(var _cls in docBodyClassList){removeClass(body,docBodyClassList[_cls])}htmlClassList={};docBodyClassList={}}function log(){}var incrementReference=function incrementReference2(poll,className){if(!poll[className]){poll[className]=0}poll[className]+=1;return className};var decrementReference=function decrementReference2(poll,className){if(poll[className]){poll[className]-=1}return className};var trackClass=function trackClass2(classListRef,poll,classes){classes.forEach((function(className){incrementReference(poll,className);classListRef.add(className)}))};var untrackClass=function untrackClass2(classListRef,poll,classes){classes.forEach((function(className){decrementReference(poll,className);poll[className]===0&&classListRef.remove(className)}))};classList.add=function add2(element,classString){return trackClass(element.classList,element.nodeName.toLowerCase()=="html"?htmlClassList:docBodyClassList,classString.split(" "))};classList.remove=function remove2(element,classString){return untrackClass(element.classList,element.nodeName.toLowerCase()=="html"?htmlClassList:docBodyClassList,classString.split(" "))};return classList}var portalOpenInstances={};var hasRequiredPortalOpenInstances;function requirePortalOpenInstances(){if(hasRequiredPortalOpenInstances)return portalOpenInstances;hasRequiredPortalOpenInstances=1;Object.defineProperty(portalOpenInstances,"__esModule",{value:true});portalOpenInstances.log=log;portalOpenInstances.resetState=resetState;function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}var PortalOpenInstances=function PortalOpenInstances2(){var _this=this;_classCallCheck(this,PortalOpenInstances2);this.register=function(openInstance){if(_this.openInstances.indexOf(openInstance)!==-1){return}_this.openInstances.push(openInstance);_this.emit("register")};this.deregister=function(openInstance){var index=_this.openInstances.indexOf(openInstance);if(index===-1){return}_this.openInstances.splice(index,1);_this.emit("deregister")};this.subscribe=function(callback){_this.subscribers.push(callback)};this.emit=function(eventType){_this.subscribers.forEach((function(subscriber){return subscriber(eventType,_this.openInstances.slice())}))};this.openInstances=[];this.subscribers=[]};var portalOpenInstances$1=new PortalOpenInstances;function log(){console.log("portalOpenInstances ----------");console.log(portalOpenInstances$1.openInstances.length);portalOpenInstances$1.openInstances.forEach((function(p){return console.log(p)}));console.log("end portalOpenInstances ----------")}function resetState(){portalOpenInstances$1=new PortalOpenInstances}portalOpenInstances.default=portalOpenInstances$1;return portalOpenInstances}var bodyTrap={};var hasRequiredBodyTrap;function requireBodyTrap(){if(hasRequiredBodyTrap)return bodyTrap;hasRequiredBodyTrap=1;Object.defineProperty(bodyTrap,"__esModule",{value:true});bodyTrap.resetState=resetState;bodyTrap.log=log;var _portalOpenInstances=requirePortalOpenInstances();var _portalOpenInstances2=_interopRequireDefault(_portalOpenInstances);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var before=void 0,after=void 0,instances=[];function resetState(){var _arr=[before,after];for(var _i=0;_i<_arr.length;_i++){var item=_arr[_i];if(!item)continue;item.parentNode&&item.parentNode.removeChild(item)}before=after=null;instances=[]}function log(){console.log("bodyTrap ----------");console.log(instances.length);var _arr2=[before,after];for(var _i2=0;_i2<_arr2.length;_i2++){var item=_arr2[_i2];var check=item||{};console.log(check.nodeName,check.className,check.id)}console.log("edn bodyTrap ----------")}function focusContent(){if(instances.length===0){return}instances[instances.length-1].focusContent()}function bodyTrap$1(eventType,openInstances){if(!before&&!after){before=document.createElement("div");before.setAttribute("data-react-modal-body-trap","");before.style.position="absolute";before.style.opacity="0";before.setAttribute("tabindex","0");before.addEventListener("focus",focusContent);after=before.cloneNode();after.addEventListener("focus",focusContent)}instances=openInstances;if(instances.length>0){if(document.body.firstChild!==before){document.body.insertBefore(before,document.body.firstChild)}if(document.body.lastChild!==after){document.body.appendChild(after)}}else{if(before.parentElement){before.parentElement.removeChild(before)}if(after.parentElement){after.parentElement.removeChild(after)}}}_portalOpenInstances2.default.subscribe(bodyTrap$1);return bodyTrap}var hasRequiredModalPortal;function requireModalPortal(){if(hasRequiredModalPortal)return ModalPortal.exports;hasRequiredModalPortal=1;(function(module,exports){Object.defineProperty(exports,"__esModule",{value:true});var _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};var _typeof=typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"?function(obj){return typeof obj}:function(obj){return obj&&typeof Symbol==="function"&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj};var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();var _react=React__default;var _propTypes=requirePropTypes();var _propTypes2=_interopRequireDefault(_propTypes);var _focusManager=requireFocusManager();var focusManager2=_interopRequireWildcard(_focusManager);var _scopeTab=requireScopeTab();var _scopeTab2=_interopRequireDefault(_scopeTab);var _ariaAppHider=requireAriaAppHider();var ariaAppHider2=_interopRequireWildcard(_ariaAppHider);var _classList=requireClassList();var classList2=_interopRequireWildcard(_classList);var _safeHTMLElement=requireSafeHTMLElement();var _safeHTMLElement2=_interopRequireDefault(_safeHTMLElement);var _portalOpenInstances=requirePortalOpenInstances();var _portalOpenInstances2=_interopRequireDefault(_portalOpenInstances);requireBodyTrap();function _interopRequireWildcard(obj){if(obj&&obj.__esModule){return obj}else{var newObj={};if(obj!=null){for(var key in obj){if(Object.prototype.hasOwnProperty.call(obj,key))newObj[key]=obj[key]}}newObj.default=obj;return newObj}}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var CLASS_NAMES={overlay:"ReactModal__Overlay",content:"ReactModal__Content"};var isTabKey=function isTabKey2(event){return event.code==="Tab"||event.keyCode===9};var isEscKey=function isEscKey2(event){return event.code==="Escape"||event.keyCode===27};var ariaHiddenInstances=0;var ModalPortal2=function(_Component){_inherits(ModalPortal22,_Component);function ModalPortal22(props){_classCallCheck(this,ModalPortal22);var _this=_possibleConstructorReturn(this,(ModalPortal22.__proto__||Object.getPrototypeOf(ModalPortal22)).call(this,props));_this.setOverlayRef=function(overlay){_this.overlay=overlay;_this.props.overlayRef&&_this.props.overlayRef(overlay)};_this.setContentRef=function(content){_this.content=content;_this.props.contentRef&&_this.props.contentRef(content)};_this.afterClose=function(){var _this$props=_this.props,appElement=_this$props.appElement,ariaHideApp=_this$props.ariaHideApp,htmlOpenClassName=_this$props.htmlOpenClassName,bodyOpenClassName=_this$props.bodyOpenClassName,parentSelector=_this$props.parentSelector;var parentDocument=parentSelector&&parentSelector().ownerDocument||document;bodyOpenClassName&&classList2.remove(parentDocument.body,bodyOpenClassName);htmlOpenClassName&&classList2.remove(parentDocument.getElementsByTagName("html")[0],htmlOpenClassName);if(ariaHideApp&&ariaHiddenInstances>0){ariaHiddenInstances-=1;if(ariaHiddenInstances===0){ariaAppHider2.show(appElement)}}if(_this.props.shouldFocusAfterRender){if(_this.props.shouldReturnFocusAfterClose){focusManager2.returnFocus(_this.props.preventScroll);focusManager2.teardownScopedFocus()}else{focusManager2.popWithoutFocus()}}if(_this.props.onAfterClose){_this.props.onAfterClose()}_portalOpenInstances2.default.deregister(_this)};_this.open=function(){_this.beforeOpen();if(_this.state.afterOpen&&_this.state.beforeClose){clearTimeout(_this.closeTimer);_this.setState({beforeClose:false})}else{if(_this.props.shouldFocusAfterRender){focusManager2.setupScopedFocus(_this.node);focusManager2.markForFocusLater()}_this.setState({isOpen:true},(function(){_this.openAnimationFrame=requestAnimationFrame((function(){_this.setState({afterOpen:true});if(_this.props.isOpen&&_this.props.onAfterOpen){_this.props.onAfterOpen({overlayEl:_this.overlay,contentEl:_this.content})}}))}))}};_this.close=function(){if(_this.props.closeTimeoutMS>0){_this.closeWithTimeout()}else{_this.closeWithoutTimeout()}};_this.focusContent=function(){return _this.content&&!_this.contentHasFocus()&&_this.content.focus({preventScroll:true})};_this.closeWithTimeout=function(){var closesAt=Date.now()+_this.props.closeTimeoutMS;_this.setState({beforeClose:true,closesAt:closesAt},(function(){_this.closeTimer=setTimeout(_this.closeWithoutTimeout,_this.state.closesAt-Date.now())}))};_this.closeWithoutTimeout=function(){_this.setState({beforeClose:false,isOpen:false,afterOpen:false,closesAt:null},_this.afterClose)};_this.handleKeyDown=function(event){if(isTabKey(event)){(0,_scopeTab2.default)(_this.content,event)}if(_this.props.shouldCloseOnEsc&&isEscKey(event)){event.stopPropagation();_this.requestClose(event)}};_this.handleOverlayOnClick=function(event){if(_this.shouldClose===null){_this.shouldClose=true}if(_this.shouldClose&&_this.props.shouldCloseOnOverlayClick){if(_this.ownerHandlesClose()){_this.requestClose(event)}else{_this.focusContent()}}_this.shouldClose=null};_this.handleContentOnMouseUp=function(){_this.shouldClose=false};_this.handleOverlayOnMouseDown=function(event){if(!_this.props.shouldCloseOnOverlayClick&&event.target==_this.overlay){event.preventDefault()}};_this.handleContentOnClick=function(){_this.shouldClose=false};_this.handleContentOnMouseDown=function(){_this.shouldClose=false};_this.requestClose=function(event){return _this.ownerHandlesClose()&&_this.props.onRequestClose(event)};_this.ownerHandlesClose=function(){return _this.props.onRequestClose};_this.shouldBeClosed=function(){return!_this.state.isOpen&&!_this.state.beforeClose};_this.contentHasFocus=function(){return document.activeElement===_this.content||_this.content.contains(document.activeElement)};_this.buildClassName=function(which,additional){var classNames=(typeof additional==="undefined"?"undefined":_typeof(additional))==="object"?additional:{base:CLASS_NAMES[which],afterOpen:CLASS_NAMES[which]+"--after-open",beforeClose:CLASS_NAMES[which]+"--before-close"};var className=classNames.base;if(_this.state.afterOpen){className=className+" "+classNames.afterOpen}if(_this.state.beforeClose){className=className+" "+classNames.beforeClose}return typeof additional==="string"&&additional?className+" "+additional:className};_this.attributesFromObject=function(prefix,items){return Object.keys(items).reduce((function(acc,name){acc[prefix+"-"+name]=items[name];return acc}),{})};_this.state={afterOpen:false,beforeClose:false};_this.shouldClose=null;_this.moveFromContentToOverlay=null;return _this}_createClass(ModalPortal22,[{key:"componentDidMount",value:function componentDidMount(){if(this.props.isOpen){this.open()}}},{key:"componentDidUpdate",value:function componentDidUpdate(prevProps,prevState){if(this.props.isOpen&&!prevProps.isOpen){this.open()}else if(!this.props.isOpen&&prevProps.isOpen){this.close()}if(this.props.shouldFocusAfterRender&&this.state.isOpen&&!prevState.isOpen){this.focusContent()}}},{key:"componentWillUnmount",value:function componentWillUnmount(){if(this.state.isOpen){this.afterClose()}clearTimeout(this.closeTimer);cancelAnimationFrame(this.openAnimationFrame)}},{key:"beforeOpen",value:function beforeOpen(){var _props=this.props,appElement=_props.appElement,ariaHideApp=_props.ariaHideApp,htmlOpenClassName=_props.htmlOpenClassName,bodyOpenClassName=_props.bodyOpenClassName,parentSelector=_props.parentSelector;var parentDocument=parentSelector&&parentSelector().ownerDocument||document;bodyOpenClassName&&classList2.add(parentDocument.body,bodyOpenClassName);htmlOpenClassName&&classList2.add(parentDocument.getElementsByTagName("html")[0],htmlOpenClassName);if(ariaHideApp){ariaHiddenInstances+=1;ariaAppHider2.hide(appElement)}_portalOpenInstances2.default.register(this)}},{key:"render",value:function render(){var _props2=this.props,id=_props2.id,className=_props2.className,overlayClassName=_props2.overlayClassName,defaultStyles=_props2.defaultStyles,children=_props2.children;var contentStyles=className?{}:defaultStyles.content;var overlayStyles=overlayClassName?{}:defaultStyles.overlay;if(this.shouldBeClosed()){return null}var overlayProps={ref:this.setOverlayRef,className:this.buildClassName("overlay",overlayClassName),style:_extends({},overlayStyles,this.props.style.overlay),onClick:this.handleOverlayOnClick,onMouseDown:this.handleOverlayOnMouseDown};var contentProps=_extends({id:id,ref:this.setContentRef,style:_extends({},contentStyles,this.props.style.content),className:this.buildClassName("content",className),tabIndex:"-1",onKeyDown:this.handleKeyDown,onMouseDown:this.handleContentOnMouseDown,onMouseUp:this.handleContentOnMouseUp,onClick:this.handleContentOnClick,role:this.props.role,"aria-label":this.props.contentLabel},this.attributesFromObject("aria",_extends({modal:true},this.props.aria)),this.attributesFromObject("data",this.props.data||{}),{"data-testid":this.props.testId});var contentElement=this.props.contentElement(contentProps,children);return this.props.overlayElement(overlayProps,contentElement)}}]);return ModalPortal22}(_react.Component);ModalPortal2.defaultProps={style:{overlay:{},content:{}},defaultStyles:{}};ModalPortal2.propTypes={isOpen:_propTypes2.default.bool.isRequired,defaultStyles:_propTypes2.default.shape({content:_propTypes2.default.object,overlay:_propTypes2.default.object}),style:_propTypes2.default.shape({content:_propTypes2.default.object,overlay:_propTypes2.default.object}),className:_propTypes2.default.oneOfType([_propTypes2.default.string,_propTypes2.default.object]),overlayClassName:_propTypes2.default.oneOfType([_propTypes2.default.string,_propTypes2.default.object]),parentSelector:_propTypes2.default.func,bodyOpenClassName:_propTypes2.default.string,htmlOpenClassName:_propTypes2.default.string,ariaHideApp:_propTypes2.default.bool,appElement:_propTypes2.default.oneOfType([_propTypes2.default.instanceOf(_safeHTMLElement2.default),_propTypes2.default.instanceOf(_safeHTMLElement.SafeHTMLCollection),_propTypes2.default.instanceOf(_safeHTMLElement.SafeNodeList),_propTypes2.default.arrayOf(_propTypes2.default.instanceOf(_safeHTMLElement2.default))]),onAfterOpen:_propTypes2.default.func,onAfterClose:_propTypes2.default.func,onRequestClose:_propTypes2.default.func,closeTimeoutMS:_propTypes2.default.number,shouldFocusAfterRender:_propTypes2.default.bool,shouldCloseOnOverlayClick:_propTypes2.default.bool,shouldReturnFocusAfterClose:_propTypes2.default.bool,preventScroll:_propTypes2.default.bool,role:_propTypes2.default.string,contentLabel:_propTypes2.default.string,aria:_propTypes2.default.object,data:_propTypes2.default.object,children:_propTypes2.default.node,shouldCloseOnEsc:_propTypes2.default.bool,overlayRef:_propTypes2.default.func,contentRef:_propTypes2.default.func,id:_propTypes2.default.string,overlayElement:_propTypes2.default.func,contentElement:_propTypes2.default.func,testId:_propTypes2.default.string};exports.default=ModalPortal2;module.exports=exports["default"]})(ModalPortal,ModalPortal.exports);return ModalPortal.exports}function componentWillMount(){var state=this.constructor.getDerivedStateFromProps(this.props,this.state);if(state!==null&&state!==void 0){this.setState(state)}}function componentWillReceiveProps(nextProps){function updater(prevState){var state=this.constructor.getDerivedStateFromProps(nextProps,prevState);return state!==null&&state!==void 0?state:null}this.setState(updater.bind(this))}function componentWillUpdate(nextProps,nextState){try{var prevProps=this.props;var prevState=this.state;this.props=nextProps;this.state=nextState;this.__reactInternalSnapshotFlag=true;this.__reactInternalSnapshot=this.getSnapshotBeforeUpdate(prevProps,prevState)}finally{this.props=prevProps;this.state=prevState}}componentWillMount.__suppressDeprecationWarning=true;componentWillReceiveProps.__suppressDeprecationWarning=true;componentWillUpdate.__suppressDeprecationWarning=true;function polyfill(Component){var prototype=Component.prototype;if(!prototype||!prototype.isReactComponent){throw new Error("Can only polyfill class components")}if(typeof Component.getDerivedStateFromProps!=="function"&&typeof prototype.getSnapshotBeforeUpdate!=="function"){return Component}var foundWillMountName=null;var foundWillReceivePropsName=null;var foundWillUpdateName=null;if(typeof prototype.componentWillMount==="function"){foundWillMountName="componentWillMount"}else if(typeof prototype.UNSAFE_componentWillMount==="function"){foundWillMountName="UNSAFE_componentWillMount"}if(typeof prototype.componentWillReceiveProps==="function"){foundWillReceivePropsName="componentWillReceiveProps"}else if(typeof prototype.UNSAFE_componentWillReceiveProps==="function"){foundWillReceivePropsName="UNSAFE_componentWillReceiveProps"}if(typeof prototype.componentWillUpdate==="function"){foundWillUpdateName="componentWillUpdate"}else if(typeof prototype.UNSAFE_componentWillUpdate==="function"){foundWillUpdateName="UNSAFE_componentWillUpdate"}if(foundWillMountName!==null||foundWillReceivePropsName!==null||foundWillUpdateName!==null){var componentName=Component.displayName||Component.name;var newApiName=typeof Component.getDerivedStateFromProps==="function"?"getDerivedStateFromProps()":"getSnapshotBeforeUpdate()";throw Error("Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n"+componentName+" uses "+newApiName+" but also contains the following legacy lifecycles:"+(foundWillMountName!==null?"\n "+foundWillMountName:"")+(foundWillReceivePropsName!==null?"\n "+foundWillReceivePropsName:"")+(foundWillUpdateName!==null?"\n "+foundWillUpdateName:"")+"\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://fb.me/react-async-component-lifecycle-hooks")}if(typeof Component.getDerivedStateFromProps==="function"){prototype.componentWillMount=componentWillMount;prototype.componentWillReceiveProps=componentWillReceiveProps}if(typeof prototype.getSnapshotBeforeUpdate==="function"){if(typeof prototype.componentDidUpdate!=="function"){throw new Error("Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype")}prototype.componentWillUpdate=componentWillUpdate;var componentDidUpdate=prototype.componentDidUpdate;prototype.componentDidUpdate=function componentDidUpdatePolyfill(prevProps,prevState,maybeSnapshot){var snapshot=this.__reactInternalSnapshotFlag?this.__reactInternalSnapshot:maybeSnapshot;componentDidUpdate.call(this,prevProps,prevState,snapshot)}}return Component}const reactLifecyclesCompat_es=Object.freeze(Object.defineProperty({__proto__:null,polyfill:polyfill},Symbol.toStringTag,{value:"Module"}));const require$$6=getAugmentedNamespace(reactLifecyclesCompat_es);var hasRequiredModal;function requireModal(){if(hasRequiredModal)return Modal;hasRequiredModal=1;Object.defineProperty(Modal,"__esModule",{value:true});Modal.bodyOpenClassName=Modal.portalClassName=void 0;var _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();var _react=React__default;var _react2=_interopRequireDefault(_react);var _reactDom=ReactDOM__default;var _reactDom2=_interopRequireDefault(_reactDom);var _propTypes=requirePropTypes();var _propTypes2=_interopRequireDefault(_propTypes);var _ModalPortal=requireModalPortal();var _ModalPortal2=_interopRequireDefault(_ModalPortal);var _ariaAppHider=requireAriaAppHider();var ariaAppHider2=_interopRequireWildcard(_ariaAppHider);var _safeHTMLElement=requireSafeHTMLElement();var _safeHTMLElement2=_interopRequireDefault(_safeHTMLElement);var _reactLifecyclesCompat=require$$6;function _interopRequireWildcard(obj){if(obj&&obj.__esModule){return obj}else{var newObj={};if(obj!=null){for(var key in obj){if(Object.prototype.hasOwnProperty.call(obj,key))newObj[key]=obj[key]}}newObj.default=obj;return newObj}}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var portalClassName=Modal.portalClassName="ReactModalPortal";var bodyOpenClassName=Modal.bodyOpenClassName="ReactModal__Body--open";var isReact16=_safeHTMLElement.canUseDOM&&_reactDom2.default.createPortal!==void 0;var createHTMLElement=function createHTMLElement2(name){return document.createElement(name)};var getCreatePortal=function getCreatePortal2(){return isReact16?_reactDom2.default.createPortal:_reactDom2.default.unstable_renderSubtreeIntoContainer};function getParentElement(parentSelector2){return parentSelector2()}var Modal$1=function(_Component){_inherits(Modal2,_Component);function Modal2(){var _ref;var _temp,_this,_ret;_classCallCheck(this,Modal2);for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key]}return _ret=(_temp=(_this=_possibleConstructorReturn(this,(_ref=Modal2.__proto__||Object.getPrototypeOf(Modal2)).call.apply(_ref,[this].concat(args))),_this),_this.removePortal=function(){!isReact16&&_reactDom2.default.unmountComponentAtNode(_this.node);var parent=getParentElement(_this.props.parentSelector);if(parent&&parent.contains(_this.node)){parent.removeChild(_this.node)}else{console.warn('React-Modal: "parentSelector" prop did not returned any DOM element. Make sure that the parent element is unmounted to avoid any memory leaks.')}},_this.portalRef=function(ref){_this.portal=ref},_this.renderPortal=function(props){var createPortal=getCreatePortal();var portal=createPortal(_this,_react2.default.createElement(_ModalPortal2.default,_extends({defaultStyles:Modal2.defaultStyles},props)),_this.node);_this.portalRef(portal)},_temp),_possibleConstructorReturn(_this,_ret)}_createClass(Modal2,[{key:"componentDidMount",value:function componentDidMount(){if(!_safeHTMLElement.canUseDOM)return;if(!isReact16){this.node=createHTMLElement("div")}this.node.className=this.props.portalClassName;var parent=getParentElement(this.props.parentSelector);parent.appendChild(this.node);!isReact16&&this.renderPortal(this.props)}},{key:"getSnapshotBeforeUpdate",value:function getSnapshotBeforeUpdate(prevProps){var prevParent=getParentElement(prevProps.parentSelector);var nextParent=getParentElement(this.props.parentSelector);return{prevParent:prevParent,nextParent:nextParent}}},{key:"componentDidUpdate",value:function componentDidUpdate(prevProps,_,snapshot){if(!_safeHTMLElement.canUseDOM)return;var _props=this.props,isOpen=_props.isOpen,portalClassName2=_props.portalClassName;if(prevProps.portalClassName!==portalClassName2){this.node.className=portalClassName2}var prevParent=snapshot.prevParent,nextParent=snapshot.nextParent;if(nextParent!==prevParent){prevParent.removeChild(this.node);nextParent.appendChild(this.node)}if(!prevProps.isOpen&&!isOpen)return;!isReact16&&this.renderPortal(this.props)}},{key:"componentWillUnmount",value:function componentWillUnmount(){if(!_safeHTMLElement.canUseDOM||!this.node||!this.portal)return;var state=this.portal.state;var now=Date.now();var closesAt=state.isOpen&&this.props.closeTimeoutMS&&(state.closesAt||now+this.props.closeTimeoutMS);if(closesAt){if(!state.beforeClose){this.portal.closeWithTimeout()}setTimeout(this.removePortal,closesAt-now)}else{this.removePortal()}}},{key:"render",value:function render(){if(!_safeHTMLElement.canUseDOM||!isReact16){return null}if(!this.node&&isReact16){this.node=createHTMLElement("div")}var createPortal=getCreatePortal();return createPortal(_react2.default.createElement(_ModalPortal2.default,_extends({ref:this.portalRef,defaultStyles:Modal2.defaultStyles},this.props)),this.node)}}],[{key:"setAppElement",value:function setAppElement(element){ariaAppHider2.setElement(element)}}]);return Modal2}(_react.Component);Modal$1.propTypes={isOpen:_propTypes2.default.bool.isRequired,style:_propTypes2.default.shape({content:_propTypes2.default.object,overlay:_propTypes2.default.object}),portalClassName:_propTypes2.default.string,bodyOpenClassName:_propTypes2.default.string,htmlOpenClassName:_propTypes2.default.string,className:_propTypes2.default.oneOfType([_propTypes2.default.string,_propTypes2.default.shape({base:_propTypes2.default.string.isRequired,afterOpen:_propTypes2.default.string.isRequired,beforeClose:_propTypes2.default.string.isRequired})]),overlayClassName:_propTypes2.default.oneOfType([_propTypes2.default.string,_propTypes2.default.shape({base:_propTypes2.default.string.isRequired,afterOpen:_propTypes2.default.string.isRequired,beforeClose:_propTypes2.default.string.isRequired})]),appElement:_propTypes2.default.oneOfType([_propTypes2.default.instanceOf(_safeHTMLElement2.default),_propTypes2.default.instanceOf(_safeHTMLElement.SafeHTMLCollection),_propTypes2.default.instanceOf(_safeHTMLElement.SafeNodeList),_propTypes2.default.arrayOf(_propTypes2.default.instanceOf(_safeHTMLElement2.default))]),onAfterOpen:_propTypes2.default.func,onRequestClose:_propTypes2.default.func,closeTimeoutMS:_propTypes2.default.number,ariaHideApp:_propTypes2.default.bool,shouldFocusAfterRender:_propTypes2.default.bool,shouldCloseOnOverlayClick:_propTypes2.default.bool,shouldReturnFocusAfterClose:_propTypes2.default.bool,preventScroll:_propTypes2.default.bool,parentSelector:_propTypes2.default.func,aria:_propTypes2.default.object,data:_propTypes2.default.object,role:_propTypes2.default.string,contentLabel:_propTypes2.default.string,shouldCloseOnEsc:_propTypes2.default.bool,overlayRef:_propTypes2.default.func,contentRef:_propTypes2.default.func,id:_propTypes2.default.string,overlayElement:_propTypes2.default.func,contentElement:_propTypes2.default.func};Modal$1.defaultProps={isOpen:false,portalClassName:portalClassName,bodyOpenClassName:bodyOpenClassName,role:"dialog",ariaHideApp:true,closeTimeoutMS:0,shouldFocusAfterRender:true,shouldCloseOnEsc:true,shouldCloseOnOverlayClick:true,shouldReturnFocusAfterClose:true,preventScroll:false,parentSelector:function parentSelector(){return document.body},overlayElement:function overlayElement(props,contentEl){return _react2.default.createElement("div",props,contentEl)},contentElement:function contentElement(props,children){return _react2.default.createElement("div",props,children)}};Modal$1.defaultStyles={overlay:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(255, 255, 255, 0.75)"},content:{position:"absolute",top:"40px",left:"40px",right:"40px",bottom:"40px",border:"1px solid #ccc",background:"#fff",overflow:"auto",WebkitOverflowScrolling:"touch",borderRadius:"4px",outline:"none",padding:"20px"}};(0,_reactLifecyclesCompat.polyfill)(Modal$1);Modal.default=Modal$1;return Modal}var hasRequiredLib;function requireLib(){if(hasRequiredLib)return lib.exports;hasRequiredLib=1;(function(module,exports){Object.defineProperty(exports,"__esModule",{value:true});var _Modal=requireModal();var _Modal2=_interopRequireDefault(_Modal);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}exports.default=_Modal2.default;module.exports=exports["default"]})(lib,lib.exports);return lib.exports}requireLib();React__default.createContext(null);const DropdownContext=createContext({});const List=props=>{const{aria:aria={},borderless:borderless=false,children:children,className:className,dark:dark=false,data:data={},enableDrag:enableDrag=false,htmlOptions:htmlOptions={},id:id,layout:layout="",ordered:ordered=false,role:role,size:size="",tabIndex:tabIndex,xpadding:xpadding=false,variant:variant,text:text}=props;const layoutClass={left:"layout_left",right:"layout_right",default:""};const childrenWithProps=React__default.Children.map(children,(child=>React__default.cloneElement(child,{text:text,variant:variant,enableDrag:enableDrag})));const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_list_kit",layoutClass[layout],size,{dark:dark,borderless:borderless,ordered:ordered,xpadding:xpadding}),globalProps(props),className);return jsx(Fragment,{children:enableDrag?jsx(Draggable.Container,{children:jsx("div",{className:classes,children:ordered?jsx("ol",{...ariaProps,...dataProps,...htmlProps,className:className,id:id,role:role,tabIndex:tabIndex,children:childrenWithProps}):jsx("ul",{...ariaProps,...dataProps,...htmlProps,className:className,id:id,role:role,tabIndex:tabIndex,children:childrenWithProps})})}):jsx("div",{className:classes,children:ordered?jsx("ol",{...ariaProps,...dataProps,...htmlProps,className:className,id:id,role:role,tabIndex:tabIndex,children:childrenWithProps}):jsx("ul",{...ariaProps,...dataProps,...htmlProps,className:className,id:id,role:role,tabIndex:tabIndex,children:childrenWithProps})})})};const ListItem=props=>{const{aria:aria={},children:children,className:className,data:data={},enableDrag:enableDrag,dragId:dragId,dragHandle:dragHandle=true,htmlOptions:htmlOptions={},id:id,tabIndex:tabIndex}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_item_kit"),globalProps(props),className);return jsx(Fragment,{children:enableDrag?jsx(Draggable.Item,{dragId:dragId,children:jsxs("li",{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,tabIndex:tabIndex,children:[dragHandle&&jsx("span",{style:{verticalAlign:"middle"},children:jsx(Body,{color:"light",children:jsx(Icon,{icon:"grip-dots-vertical",verticalAlign:"middle"})})}),children]})}):jsx("li",{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,tabIndex:tabIndex,children:children})})};const DropdownContainer=props=>{const{aria:aria={},children:children,className:className,dark:dark=false,data:data={},htmlOptions:htmlOptions={},id:id,searchbar:searchbar=false}=props;const{dropdownContainerRef:dropdownContainerRef,filteredOptions:filteredOptions,filterItem:filterItem,handleChange:handleChange,inputRef:inputRef,isDropDownClosed:isDropDownClosed,setFocusedOptionIndex:setFocusedOptionIndex}=useContext(DropdownContext);const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_dropdown_container"),`${isDropDownClosed?"close":"open"}`,globalProps(props),className);return jsxs("div",{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,onMouseEnter:()=>setFocusedOptionIndex(-1),ref:dropdownContainerRef,style:{position:"absolute"},children:[searchbar&&jsx(TextInput,{dark:dark,paddingTop:"xs",paddingX:"xs",children:jsx("input",{onChange:handleChange,placeholder:"Select...",ref:inputRef,value:filterItem})}),jsx(List,{dark:dark,children:(filteredOptions==null?void 0:filteredOptions.length)===0?jsx(ListItem,{dark:dark,display:"flex",justifyContent:"center",padding:"xs",children:jsx(Body,{color:"light",dark:dark,text:"no option"})}):children})]})};const DropdownOption=props=>{const{aria:aria={},children:children,className:className,dark:dark=false,data:data={},htmlOptions:htmlOptions={},id:id,key:key,option:option}=props;const{activeStyle:activeStyle,filteredOptions:filteredOptions,filterItem:filterItem,focusedOptionIndex:focusedOptionIndex,handleOptionClick:handleOptionClick,multiSelect:multiSelect,selected:selected}=useContext(DropdownContext);const isItemMatchingFilter=option2=>{const label=typeof(option2==null?void 0:option2.label)==="string"?option2.label.toLowerCase():option2==null?void 0:option2.label;return String(label).toLowerCase().includes(filterItem.toLowerCase())};const isSelected=Array.isArray(selected)?selected.some((item=>item.label===(option==null?void 0:option.label))):(selected==null?void 0:selected.label)===(option==null?void 0:option.label);if(!isItemMatchingFilter(option)||multiSelect&&isSelected){return null}const isFocused=focusedOptionIndex>=0&&filteredOptions[focusedOptionIndex].label===(option==null?void 0:option.label);const focusedClass=isFocused&&"focused";const selectedClass=isSelected?"selected":"list";const bgTokenClass=(activeStyle==null?void 0:activeStyle.backgroundColor)?`bg-${activeStyle.backgroundColor}`:"";const fontTokenClass=(activeStyle==null?void 0:activeStyle.fontColor)?`font-${activeStyle.fontColor}`:"";const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_dropdown_option",selectedClass,focusedClass),bgTokenClass,fontTokenClass,globalProps(props),className);return createElement("div",{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,key:key,onClick:()=>handleOptionClick(option)},jsx(ListItem,{cursor:"pointer",dark:dark,"data-name":option==null?void 0:option.value,padding:"none",children:children?jsx("div",{className:"dropdown_option_wrapper",children:children}):jsx(Body,{dark:dark,text:option==null?void 0:option.label})},option==null?void 0:option.label))};const useHandleOnKeyDown=()=>{const{autocomplete:autocomplete,filteredOptions:filteredOptions,focusedOptionIndex:focusedOptionIndex,handleBackspace:handleBackspace,handleOptionClick:handleOptionClick,selected:selected,setFocusedOptionIndex:setFocusedOptionIndex,setIsDropDownClosed:setIsDropDownClosed}=useContext(DropdownContext);return e=>{if(e.key!=="Tab"&&autocomplete&&selected&&selected.label){handleBackspace()}switch(e.key){case"ArrowDown":{e.preventDefault();setIsDropDownClosed(false);const nextIndex=(focusedOptionIndex+1)%filteredOptions.length;setFocusedOptionIndex(nextIndex);break}case"ArrowUp":{e.preventDefault();const nextIndexUp=(focusedOptionIndex-1+filteredOptions.length)%filteredOptions.length;setFocusedOptionIndex(nextIndexUp);break}case"Enter":if(focusedOptionIndex!==-1){e.preventDefault();handleOptionClick(filteredOptions[focusedOptionIndex]);setFocusedOptionIndex(-1)}else if(focusedOptionIndex===-1){setIsDropDownClosed(false)}break;case"Tab":setIsDropDownClosed(true);setFocusedOptionIndex(-1);break}}};const MultiSelectTriggerDisplay=({autocomplete:autocomplete,selected:selected,placeholder:placeholder,dark:dark=false})=>{const{setSelected:setSelected,onSelect:onSelect,formPillProps:formPillProps}=useContext(DropdownContext);if(selected.length===0){if(autocomplete)return null;return jsx(Body,{dark:dark,text:placeholder?placeholder:"Select..."})}const handleRemoveIconClick=option=>{setSelected((prev=>{const next=prev.filter((item=>item.label!==option.label));onSelect&&onSelect(next);return next}))};return jsx(Flex,{wrap:true,children:selected.map(((option,i)=>jsx(FormPill,{dark:dark,marginRight:"xs",onClick:e=>{e.stopPropagation();handleRemoveIconClick(option)},tabIndex:0,text:option.label,...formPillProps},i)))})};const DropdownTrigger=props=>{const{aria:aria={},children:children,className:className,customDisplay:customDisplay,dark:dark=false,data:data={},htmlOptions:htmlOptions={},id:id,placeholder:placeholder}=props;const{autocomplete:autocomplete,filterItem:filterItem,handleBackspace:handleBackspace,handleChange:handleChange,handleWrapperClick:handleWrapperClick,inputRef:inputRef,inputWrapperRef:inputWrapperRef,isDropDownClosed:isDropDownClosed,isInputFocused:isInputFocused,multiSelect:multiSelect,selected:selected,setIsInputFocused:setIsInputFocused,toggleDropdown:toggleDropdown}=useContext(DropdownContext);const handleKeyDown=useHandleOnKeyDown();const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_dropdown_trigger"),globalProps(props),className);const triggerWrapperClasses=buildCss("dropdown_trigger_wrapper",isInputFocused&&"focus",!autocomplete&&!multiSelect&&"select_only");const selectedArray=Array.isArray(selected)?selected:selected&&Object.keys(selected).length?[selected]:[];const joinedLabels=multiSelect?"":selectedArray.map((option=>option.label)).join(", ");const customDisplayPlaceholder=(selected==null?void 0:selected.label)?"":autocomplete?"":placeholder?placeholder:"Select...";const defaultDisplayPlaceholder=joinedLabels?joinedLabels:autocomplete?"":placeholder?placeholder:"Select...";return jsx("div",{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,children:children?jsx("div",{onClick:()=>toggleDropdown(),onKeyDown:handleKeyDown,ref:inputWrapperRef,style:{display:"inline-block"},tabIndex:0,children:children}):jsx(Fragment,{children:jsxs(Flex,{align:"center",borderRadius:"lg",className:triggerWrapperClasses,cursor:`${autocomplete?"text":"pointer"}`,htmlOptions:{onClick:()=>handleWrapperClick(),onKeyDown:handleKeyDown,tabIndex:"0",ref:inputWrapperRef},justify:"between",paddingX:"sm",paddingY:"xs",children:[jsx(FlexItem,{fixedSize:multiSelect?"85%":"",children:jsxs(Flex,{align:"center",wrap:true,children:[customDisplay?jsxs(Flex,{align:"center",children:[customDisplay,jsx(Body,{dark:dark,paddingLeft:`${joinedLabels?"xs":"none"}`,children:customDisplayPlaceholder})]}):multiSelect?jsxs(Fragment,{children:[jsx(MultiSelectTriggerDisplay,{autocomplete:autocomplete,dark:dark,placeholder:placeholder,selected:selectedArray}),autocomplete&&jsx("input",{className:"dropdown_input",onChange:handleChange,onClick:e=>{e.stopPropagation();toggleDropdown()},onFocus:()=>setIsInputFocused(true),onKeyDown:e=>{handleKeyDown(e);e.stopPropagation()},placeholder:joinedLabels?"":placeholder?placeholder:"Select...",ref:inputRef,value:filterItem})]}):jsx(Body,{dark:dark,text:defaultDisplayPlaceholder}),autocomplete&&!multiSelect&&jsx("input",{className:"dropdown_input",onChange:handleChange,onClick:e=>{e.stopPropagation();toggleDropdown()},onFocus:()=>setIsInputFocused(true),onKeyDown:handleKeyDown,placeholder:joinedLabels?"":placeholder?placeholder:"Select...",ref:inputRef,value:filterItem})]})}),jsx(FlexItem,{children:jsxs(Body,{alignItems:"center",dark:dark,display:"flex",htmlOptions:{onClick:e=>{e.stopPropagation();handleWrapperClick()}},children:[selectedArray.length>0&&jsx("div",{onClick:e=>{e.stopPropagation();handleBackspace()},children:jsx(Icon,{cursor:"pointer",dark:dark,icon:"times",paddingRight:"xs",size:"sm"})}),jsx(Icon,{cursor:"pointer",dark:dark,icon:`${isDropDownClosed?"chevron-down":"chevron-up"}`,size:"sm"})]},`${isDropDownClosed?"chevron-down":"chevron-up"}`)})]})})})};const getQuickPickOptions=(rangeEndsToday=false)=>{const today=new Date;const yesterday=DateTime.getYesterdayDate(new Date);const thisWeekStartDate=DateTime.getFirstDayOfWeek(new Date);const thisWeekEndDate=rangeEndsToday?new Date:DateTime.getLastDayOfWeek(new Date);const lastWeekStartDate=DateTime.getPreviousWeekStartDate(new Date);const lastWeekEndDate=DateTime.getPreviousWeekEndDate(new Date);const thisMonthStartDate=DateTime.getMonthStartDate(new Date);const thisMonthEndDate=rangeEndsToday?new Date:DateTime.getMonthEndDate(new Date);const lastMonthStartDate=DateTime.getPreviousMonthStartDate(new Date);const lastMonthEndDate=DateTime.getPreviousMonthEndDate(new Date);const thisQuarterStartDate=DateTime.getQuarterStartDate(new Date);const thisQuarterEndDate=rangeEndsToday?new Date:DateTime.getQuarterEndDate(new Date);const lastQuarterStartDate=DateTime.getPreviousQuarterStartDate(new Date);const lastQuarterEndDate=DateTime.getPreviousQuarterEndDate(new Date);const thisYearStartDate=DateTime.getYearStartDate(new Date);const thisYearEndDate=rangeEndsToday?new Date:DateTime.getYearEndDate(new Date);const lastYearStartDate=DateTime.getPreviousYearStartDate(new Date);const lastYearEndDate=DateTime.getPreviousYearEndDate(new Date);const formatDate=date=>{const day=String(date.getDate()).padStart(2,"0");const month=String(date.getMonth()+1).padStart(2,"0");const year=date.getFullYear();return`${month}/${day}/${year}`};return[{label:"Today",value:[today,today],id:"quickpick-today"},{label:"Yesterday",value:[yesterday,yesterday],formattedStartDate:`${formatDate(yesterday)}`,formattedEndDate:`${formatDate(yesterday)}`,id:"quickpick-yesterday"},{label:"This Week",value:[thisWeekStartDate,thisWeekEndDate],formattedStartDate:`${formatDate(thisWeekStartDate)}`,formattedEndDate:`${formatDate(thisWeekEndDate)}`,id:"quickpick-this-week"},{label:"This Month",value:[thisMonthStartDate,thisMonthEndDate],formattedStartDate:`${formatDate(thisMonthStartDate)}`,formattedEndDate:`${formatDate(thisMonthEndDate)}`,id:"quickpick-this-month"},{label:"This Quarter",value:[thisQuarterStartDate,thisQuarterEndDate],formattedStartDate:`${formatDate(thisQuarterStartDate)}`,formattedEndDate:`${formatDate(thisQuarterEndDate)}`,id:"quickpick-this-quarter"},{label:"This Year",value:[thisYearStartDate,thisYearEndDate],formattedStartDate:`${formatDate(thisYearStartDate)}`,formattedEndDate:`${formatDate(thisYearEndDate)}`,id:"quickpick-this-year"},{label:"Last Week",value:[lastWeekStartDate,lastWeekEndDate],formattedStartDate:`${formatDate(lastWeekStartDate)}`,formattedEndDate:`${formatDate(lastWeekEndDate)}`,id:"quickpick-last-week"},{label:"Last Month",value:[lastMonthStartDate,lastMonthEndDate],formattedStartDate:`${formatDate(lastMonthStartDate)}`,formattedEndDate:`${formatDate(lastMonthEndDate)}`,id:"quickpick-last-month"},{label:"Last Quarter",value:[lastQuarterStartDate,lastQuarterEndDate],formattedStartDate:`${formatDate(lastQuarterStartDate)}`,formattedEndDate:`${formatDate(lastQuarterEndDate)}`,id:"quickpick-last-quarter"},{label:"Last Year",value:[lastYearStartDate,lastYearEndDate],formattedStartDate:`${formatDate(lastYearStartDate)}`,formattedEndDate:`${formatDate(lastYearEndDate)}`,id:"quickpick-last-year"}]};const separateChildComponents=children=>{let trigger=null;let container=null;const otherChildren=[];React__default.Children.forEach(children,(child=>{const element=child;const childType=element==null?void 0:element.type;const childDisplayName=(childType==null?void 0:childType.displayName)||(childType==null?void 0:childType.name);if(childType===DropdownTrigger||childDisplayName==="DropdownTrigger"){trigger=child}else if(childType===DropdownContainer||childDisplayName==="DropdownContainer"){container=child}else{otherChildren.push(child)}}));return{trigger:trigger,container:container,otherChildren:otherChildren}};const prepareSubcomponents=({children:children,hasTriggerSubcomponent:hasTriggerSubcomponent,hasContainerSubcomponent:hasContainerSubcomponent,trigger:trigger,container:container,otherChildren:otherChildren,dark:dark})=>{const componentsToRender=[];if(!hasTriggerSubcomponent&&!hasContainerSubcomponent){componentsToRender.push(jsx(DropdownTrigger,{dark:dark}));componentsToRender.push(jsx(DropdownContainer,{dark:dark,children:children}))}else if(!hasTriggerSubcomponent&&hasContainerSubcomponent){componentsToRender.push(jsx(DropdownTrigger,{dark:dark}));componentsToRender.push(children)}else if(hasTriggerSubcomponent&&!hasContainerSubcomponent){componentsToRender.push(trigger);componentsToRender.push(jsx(DropdownContainer,{dark:dark,children:otherChildren}))}else{componentsToRender.push(trigger);componentsToRender.push(container)}return componentsToRender};const handleClickOutside=({inputWrapperRef:inputWrapperRef,dropdownContainerRef:dropdownContainerRef,setIsDropDownClosed:setIsDropDownClosed,setFocusedOptionIndex:setFocusedOptionIndex,setIsInputFocused:setIsInputFocused})=>e=>{let targetElement=e.target;let shouldClose=true;while(targetElement&&shouldClose){if(targetElement.getAttribute("data-dropdown")==="pb-dropdown-trigger"){shouldClose=false}targetElement=targetElement.parentElement}if(inputWrapperRef.current&&!inputWrapperRef.current.contains(e.target)&&dropdownContainerRef.current&&!dropdownContainerRef.current.contains(e.target)&&shouldClose){setIsDropDownClosed(true);setFocusedOptionIndex(-1);setIsInputFocused(false)}};let Dropdown=(props,ref)=>{const{aria:aria={},autocomplete:autocomplete=false,blankSelection:blankSelection="",children:children,className:className,dark:dark=false,data:data={},defaultValue:defaultValue={},error:error,htmlOptions:htmlOptions={},id:id,isClosed:isClosed=true,label:label,multiSelect:multiSelect=false,formPillProps:formPillProps,onSelect:onSelect,options:options,rangeEndsToday:rangeEndsToday=false,controlsStartId:controlsStartId,controlsEndId:controlsEndId,separators:separators=true,variant:variant="default",activeStyle:activeStyle}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const separatorsClass=separators?"":"separators_hidden";const classes=classnames(buildCss("pb_dropdown",variant,separatorsClass),globalProps(props),className);const dropdownOptions=variant==="quickpick"?getQuickPickOptions(rangeEndsToday):options||[];const[isDropDownClosed,setIsDropDownClosed,toggleDropdown]=useDropdown(isClosed);const[filterItem,setFilterItem]=useState("");const initialSelected=useMemo((()=>{if(variant==="quickpick"&&typeof defaultValue==="string"&&defaultValue){const matchedOption=dropdownOptions.find((opt=>{var _a;return((_a=opt.label)==null?void 0:_a.toLowerCase())===defaultValue.toLowerCase()}));return matchedOption||{}}if(multiSelect){if(Array.isArray(defaultValue))return defaultValue;return defaultValue&&Object.keys(defaultValue).length?[defaultValue]:[]}return defaultValue||{}}),[multiSelect,defaultValue,variant,dropdownOptions]);const[selected,setSelected]=useState(initialSelected);const[isInputFocused,setIsInputFocused]=useState(false);const[hasTriggerSubcomponent,setHasTriggerSubcomponent]=useState(true);const[hasContainerSubcomponent,setHasContainerSubcomponent]=useState(true);const[focusedOptionIndex,setFocusedOptionIndex]=useState(-1);const dropdownRef=useRef(null);const inputRef=useRef(null);const inputWrapperRef=useRef(null);const dropdownContainerRef=useRef(null);const selectedArray=Array.isArray(selected)?selected:selected&&Object.keys(selected).length?[selected]:[];const{trigger:trigger,container:container,otherChildren:otherChildren}=separateChildComponents(children);useEffect((()=>{const handleClick=handleClickOutside({inputWrapperRef:inputWrapperRef,dropdownContainerRef:dropdownContainerRef,setIsDropDownClosed:setIsDropDownClosed,setFocusedOptionIndex:setFocusedOptionIndex,setIsInputFocused:setIsInputFocused});window.addEventListener("click",handleClick);return()=>{window.removeEventListener("click",handleClick)}}),[]);useEffect((()=>{setHasTriggerSubcomponent(!!trigger);setHasContainerSubcomponent(!!container)}),[]);useEffect((()=>{setIsDropDownClosed(isClosed)}),[isClosed]);const blankSelectionOption=blankSelection?[{label:blankSelection,value:""}]:[];const optionsWithBlankSelection=blankSelectionOption.concat(dropdownOptions);const availableOptions=useMemo((()=>{if(!multiSelect)return optionsWithBlankSelection;return optionsWithBlankSelection.filter((option=>!selectedArray.some((sel=>sel.label===option.label))))}),[optionsWithBlankSelection,selectedArray,multiSelect]);const filteredOptions=useMemo((()=>availableOptions.filter((opt=>String(opt.label).toLowerCase().includes(filterItem.toLowerCase())))),[availableOptions,filterItem]);useEffect((()=>{if(!isDropDownClosed){let newIndex=0;if(selected&&!Array.isArray(selected)&&selected.label){const selectedIndex=filteredOptions.findIndex((option=>option.label===selected.label));if(selectedIndex>=0){newIndex=selectedIndex}}setFocusedOptionIndex(newIndex)}}),[isDropDownClosed]);const handleChange=e=>{setFilterItem(e.target.value);setIsDropDownClosed(false)};const handleOptionClick=clickedItem=>{var _a,_b;if(multiSelect){setSelected((prev=>{const list=prev;const exists=list.find((option=>option.value===clickedItem.value));const next=exists?list.filter((option=>option.value!==clickedItem.value)):[...list,clickedItem];onSelect&&onSelect(next);return next}));setFilterItem("");setIsDropDownClosed(true)}else{setSelected(clickedItem);setFilterItem("");setIsDropDownClosed(true);onSelect&&onSelect(clickedItem);if(variant==="quickpick"&&Array.isArray(clickedItem.value)){const[start,end]=clickedItem.value;if(controlsStartId){const startPicker=(_a=document.querySelector(`#${controlsStartId}`))==null?void 0:_a._flatpickr;startPicker==null?void 0:startPicker.setDate(start,true)}if(controlsEndId){const endPicker=(_b=document.querySelector(`#${controlsEndId}`))==null?void 0:_b._flatpickr;endPicker==null?void 0:endPicker.setDate(end,true)}}}};const handleWrapperClick=()=>{var _a;autocomplete&&((_a=inputRef==null?void 0:inputRef.current)==null?void 0:_a.focus());toggleDropdown()};const handleBackspace=()=>{var _a,_b;if(multiSelect){setSelected([]);onSelect&&onSelect([])}else{setSelected({});onSelect&&onSelect(null);setFocusedOptionIndex(-1);if(variant==="quickpick"){if(controlsStartId){const startPicker=(_a=document.querySelector(`#${controlsStartId}`))==null?void 0:_a._flatpickr;startPicker==null?void 0:startPicker.clear()}if(controlsEndId){const endPicker=(_b=document.querySelector(`#${controlsEndId}`))==null?void 0:_b._flatpickr;endPicker==null?void 0:endPicker.clear()}}}};const componentsToRender=prepareSubcomponents({children:children,hasTriggerSubcomponent:hasTriggerSubcomponent,hasContainerSubcomponent:hasContainerSubcomponent,trigger:trigger,container:container,otherChildren:otherChildren,dark:dark});const imperativeRef=useRef({clearSelected:()=>{if(multiSelect){setSelected([]);onSelect&&onSelect([])}else{setSelected({});onSelect&&onSelect(null)}setFilterItem("");setIsDropDownClosed(true)}});useEffect((()=>{imperativeRef.current={clearSelected:()=>{if(multiSelect){setSelected([]);onSelect&&onSelect([])}else{setSelected({});onSelect&&onSelect(null)}setFilterItem("");setIsDropDownClosed(true)}}}),[multiSelect,onSelect,setSelected,setFilterItem,setIsDropDownClosed]);useImperativeHandle(ref,(()=>imperativeRef.current));const outerDivRef=useRef(null);useEffect((()=>{if(outerDivRef.current&&variant==="quickpick"&&id){outerDivRef.current._dropdownRef=imperativeRef}}),[variant,id]);useEffect((()=>{if(variant==="quickpick"&&initialSelected&&typeof initialSelected==="object"&&!Array.isArray(initialSelected)){const value=initialSelected.value;if(Array.isArray(value)&&value.length===2){const[start,end]=value;setTimeout((()=>{var _a,_b;if(controlsStartId){const startPicker=(_a=document.querySelector(`#${controlsStartId}`))==null?void 0:_a._flatpickr;startPicker==null?void 0:startPicker.setDate(start,true)}if(controlsEndId){const endPicker=(_b=document.querySelector(`#${controlsEndId}`))==null?void 0:_b._flatpickr;endPicker==null?void 0:endPicker.setDate(end,true)}}),0)}}}),[variant,initialSelected,controlsStartId,controlsEndId]);return jsx("div",{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,ref:outerDivRef,style:{position:"relative"},children:jsxs(DropdownContext.Provider,{value:{activeStyle:activeStyle,autocomplete:autocomplete,dropdownContainerRef:dropdownContainerRef,filteredOptions:filteredOptions,filterItem:filterItem,focusedOptionIndex:focusedOptionIndex,formPillProps:formPillProps,handleBackspace:handleBackspace,handleChange:handleChange,handleOptionClick:handleOptionClick,handleWrapperClick:handleWrapperClick,inputRef:inputRef,inputWrapperRef:inputWrapperRef,isDropDownClosed:isDropDownClosed,isInputFocused:isInputFocused,multiSelect:multiSelect,onSelect:onSelect,optionsWithBlankSelection:optionsWithBlankSelection,selected:selected,setFocusedOptionIndex:setFocusedOptionIndex,setIsDropDownClosed:setIsDropDownClosed,setIsInputFocused:setIsInputFocused,setSelected:setSelected,toggleDropdown:toggleDropdown},children:[label&&jsx(Caption,{dark:dark,marginBottom:"xs",text:label}),jsxs("div",{className:`dropdown_wrapper ${error?"error":""}`,onBlur:()=>{setTimeout((()=>{if(!dropdownRef.current.contains(document.activeElement)){setIsInputFocused(false)}}),0)},onFocus:()=>setIsInputFocused(true),ref:dropdownRef,children:[children?jsx(Fragment,{children:componentsToRender.map(((component,index)=>jsx(React__default.Fragment,{children:component},index)))}):jsxs(Fragment,{children:[jsx(DropdownTrigger,{}),jsx(DropdownContainer,{children:optionsWithBlankSelection&&(optionsWithBlankSelection==null?void 0:optionsWithBlankSelection.map((option=>jsx(DropdownOption,{option:option},option.id))))})]}),error&&jsx(Body,{status:"negative",text:error})]})]})})};Dropdown=forwardRef(Dropdown);Dropdown.displayName="Dropdown";Dropdown.Option=DropdownOption;Dropdown.Trigger=DropdownTrigger;Dropdown.Container=DropdownContainer;React__default.createContext({});var roundNumber=function(num,decimal){return Number(num.toFixed(decimal))};var checkIsNumber=function(num,defaultValue){return defaultValue};var handleCallback=function(context,event,callback){if(callback&&typeof callback==="function"){callback(context,event)}};var easeOut=function(t){return-Math.cos(t*Math.PI)/2+.5};var linear=function(t){return t};var easeInQuad=function(t){return t*t};var easeOutQuad=function(t){return t*(2-t)};var easeInOutQuad=function(t){return t<.5?2*t*t:-1+(4-2*t)*t};var easeInCubic=function(t){return t*t*t};var easeOutCubic=function(t){return--t*t*t+1};var easeInOutCubic=function(t){return t<.5?4*t*t*t:(t-1)*(2*t-2)*(2*t-2)+1};var easeInQuart=function(t){return t*t*t*t};var easeOutQuart=function(t){return 1- --t*t*t*t};var easeInOutQuart=function(t){return t<.5?8*t*t*t*t:1-8*--t*t*t*t};var easeInQuint=function(t){return t*t*t*t*t};var easeOutQuint=function(t){return 1+--t*t*t*t*t};var easeInOutQuint=function(t){return t<.5?16*t*t*t*t*t:1+16*--t*t*t*t*t};var animations={easeOut:easeOut,linear:linear,easeInQuad:easeInQuad,easeOutQuad:easeOutQuad,easeInOutQuad:easeInOutQuad,easeInCubic:easeInCubic,easeOutCubic:easeOutCubic,easeInOutCubic:easeInOutCubic,easeInQuart:easeInQuart,easeOutQuart:easeOutQuart,easeInOutQuart:easeInOutQuart,easeInQuint:easeInQuint,easeOutQuint:easeOutQuint,easeInOutQuint:easeInOutQuint};var handleCancelAnimationFrame=function(animation){if(typeof animation==="number"){cancelAnimationFrame(animation)}};var handleCancelAnimation=function(contextInstance){if(!contextInstance.mounted)return;handleCancelAnimationFrame(contextInstance.animation);contextInstance.animate=false;contextInstance.animation=null;contextInstance.velocity=null};function handleSetupAnimation(contextInstance,animationName,animationTime,callback){if(!contextInstance.mounted)return;var startTime=(new Date).getTime();var lastStep=1;handleCancelAnimation(contextInstance);contextInstance.animation=function(){if(!contextInstance.mounted){return handleCancelAnimationFrame(contextInstance.animation)}var frameTime=(new Date).getTime()-startTime;var animationProgress=frameTime/animationTime;var animationType=animations[animationName];var step=animationType(animationProgress);if(frameTime>=animationTime){callback(lastStep);contextInstance.animation=null}else if(contextInstance.animation){callback(step);requestAnimationFrame(contextInstance.animation)}};requestAnimationFrame(contextInstance.animation)}function isValidTargetState(targetState){var scale=targetState.scale,positionX=targetState.positionX,positionY=targetState.positionY;if(Number.isNaN(scale)||Number.isNaN(positionX)||Number.isNaN(positionY)){return false}return true}function animate(contextInstance,targetState,animationTime,animationName){var isValid=isValidTargetState(targetState);if(!contextInstance.mounted||!isValid)return;var setTransformState=contextInstance.setTransformState;var _a=contextInstance.transformState,scale=_a.scale,positionX=_a.positionX,positionY=_a.positionY;var scaleDiff=targetState.scale-scale;var positionXDiff=targetState.positionX-positionX;var positionYDiff=targetState.positionY-positionY;if(animationTime===0){setTransformState(targetState.scale,targetState.positionX,targetState.positionY)}else{handleSetupAnimation(contextInstance,animationName,animationTime,(function(step){var newScale=scale+scaleDiff*step;var newPositionX=positionX+positionXDiff*step;var newPositionY=positionY+positionYDiff*step;setTransformState(newScale,newPositionX,newPositionY)}))}}function getComponentsSizes(wrapperComponent,contentComponent,newScale){var wrapperWidth=wrapperComponent.offsetWidth;var wrapperHeight=wrapperComponent.offsetHeight;var contentWidth=contentComponent.offsetWidth;var contentHeight=contentComponent.offsetHeight;var newContentWidth=contentWidth*newScale;var newContentHeight=contentHeight*newScale;var newDiffWidth=wrapperWidth-newContentWidth;var newDiffHeight=wrapperHeight-newContentHeight;return{wrapperWidth:wrapperWidth,wrapperHeight:wrapperHeight,newContentWidth:newContentWidth,newDiffWidth:newDiffWidth,newContentHeight:newContentHeight,newDiffHeight:newDiffHeight}}var getBounds=function(wrapperWidth,newContentWidth,diffWidth,wrapperHeight,newContentHeight,diffHeight,centerZoomedOut){var scaleWidthFactor=wrapperWidth>newContentWidth?diffWidth*(centerZoomedOut?1:.5):0;var scaleHeightFactor=wrapperHeight>newContentHeight?diffHeight*(centerZoomedOut?1:.5):0;var minPositionX=wrapperWidth-newContentWidth-scaleWidthFactor;var maxPositionX=scaleWidthFactor;var minPositionY=wrapperHeight-newContentHeight-scaleHeightFactor;var maxPositionY=scaleHeightFactor;return{minPositionX:minPositionX,maxPositionX:maxPositionX,minPositionY:minPositionY,maxPositionY:maxPositionY}};var calculateBounds=function(contextInstance,newScale){var wrapperComponent=contextInstance.wrapperComponent,contentComponent=contextInstance.contentComponent;var centerZoomedOut=contextInstance.setup.centerZoomedOut;if(!wrapperComponent||!contentComponent){throw new Error("Components are not mounted")}var _a=getComponentsSizes(wrapperComponent,contentComponent,newScale),wrapperWidth=_a.wrapperWidth,wrapperHeight=_a.wrapperHeight,newContentWidth=_a.newContentWidth,newDiffWidth=_a.newDiffWidth,newContentHeight=_a.newContentHeight,newDiffHeight=_a.newDiffHeight;var bounds=getBounds(wrapperWidth,newContentWidth,newDiffWidth,wrapperHeight,newContentHeight,newDiffHeight,Boolean(centerZoomedOut));return bounds};var boundLimiter=function(value,minBound,maxBound,isActive){if(!isActive)return roundNumber(value,2);if(value<minBound)return roundNumber(minBound,2);if(value>maxBound)return roundNumber(maxBound,2);return roundNumber(value,2)};var handleCalculateBounds=function(contextInstance,newScale){var bounds=calculateBounds(contextInstance,newScale);contextInstance.bounds=bounds;return bounds};function getMouseBoundedPosition(positionX,positionY,bounds,limitToBounds,paddingValueX,paddingValueY,wrapperComponent){var minPositionX=bounds.minPositionX,minPositionY=bounds.minPositionY,maxPositionX=bounds.maxPositionX,maxPositionY=bounds.maxPositionY;var paddingX=0;var paddingY=0;if(wrapperComponent){paddingX=paddingValueX;paddingY=paddingValueY}var x=boundLimiter(positionX,minPositionX-paddingX,maxPositionX+paddingX,limitToBounds);var y=boundLimiter(positionY,minPositionY-paddingY,maxPositionY+paddingY,limitToBounds);return{x:x,y:y}}function handleCalculateZoomPositions(contextInstance,mouseX,mouseY,newScale,bounds,limitToBounds){var _a=contextInstance.transformState,scale=_a.scale,positionX=_a.positionX,positionY=_a.positionY;var scaleDifference=newScale-scale;if(typeof mouseX!=="number"||typeof mouseY!=="number"){console.error("Mouse X and Y position were not provided!");return{x:positionX,y:positionY}}var calculatedPositionX=positionX-mouseX*scaleDifference;var calculatedPositionY=positionY-mouseY*scaleDifference;var newPositions=getMouseBoundedPosition(calculatedPositionX,calculatedPositionY,bounds,limitToBounds,0,0,null);return newPositions}function checkZoomBounds(zoom,minScale,maxScale,zoomPadding,enablePadding){var scalePadding=enablePadding?zoomPadding:0;var minScaleWithPadding=minScale-scalePadding;if(!Number.isNaN(maxScale)&&zoom>=maxScale)return maxScale;if(!Number.isNaN(minScale)&&zoom<=minScaleWithPadding)return minScaleWithPadding;return zoom}var isPanningStartAllowed=function(contextInstance,event){var excluded=contextInstance.setup.panning.excluded;var isInitialized=contextInstance.isInitialized,wrapperComponent=contextInstance.wrapperComponent;var target=event.target;var targetIsShadowDom="shadowRoot"in target&&"composedPath"in event;var isWrapperChild=targetIsShadowDom?event.composedPath().some((function(el){if(!(el instanceof Element)){return false}return wrapperComponent===null||wrapperComponent===void 0?void 0:wrapperComponent.contains(el)})):wrapperComponent===null||wrapperComponent===void 0?void 0:wrapperComponent.contains(target);var isAllowed=isInitialized&&target&&isWrapperChild;if(!isAllowed)return false;var isExcluded=isExcludedNode(target,excluded);if(isExcluded)return false;return true};var isPanningAllowed=function(contextInstance){var isInitialized=contextInstance.isInitialized,isPanning=contextInstance.isPanning,setup=contextInstance.setup;var disabled=setup.panning.disabled;var isAllowed=isInitialized&&isPanning&&!disabled;if(!isAllowed)return false;return true};var handlePanningSetup=function(contextInstance,event){var _a=contextInstance.transformState,positionX=_a.positionX,positionY=_a.positionY;contextInstance.isPanning=true;var x=event.clientX;var y=event.clientY;contextInstance.startCoords={x:x-positionX,y:y-positionY}};var handleTouchPanningSetup=function(contextInstance,event){var touches=event.touches;var _a=contextInstance.transformState,positionX=_a.positionX,positionY=_a.positionY;contextInstance.isPanning=true;var oneFingerTouch=touches.length===1;if(oneFingerTouch){var x=touches[0].clientX;var y=touches[0].clientY;contextInstance.startCoords={x:x-positionX,y:y-positionY}}};function handlePanToBounds(contextInstance){var _a=contextInstance.transformState,positionX=_a.positionX,positionY=_a.positionY,scale=_a.scale;var _b=contextInstance.setup,disabled=_b.disabled,limitToBounds=_b.limitToBounds,centerZoomedOut=_b.centerZoomedOut;var wrapperComponent=contextInstance.wrapperComponent;if(disabled||!wrapperComponent||!contextInstance.bounds)return;var _c=contextInstance.bounds,maxPositionX=_c.maxPositionX,minPositionX=_c.minPositionX,maxPositionY=_c.maxPositionY,minPositionY=_c.minPositionY;var xChanged=positionX>maxPositionX||positionX<minPositionX;var yChanged=positionY>maxPositionY||positionY<minPositionY;var mousePosX=positionX>maxPositionX?wrapperComponent.offsetWidth:contextInstance.setup.minPositionX||0;var mousePosY=positionY>maxPositionY?wrapperComponent.offsetHeight:contextInstance.setup.minPositionY||0;var _d=handleCalculateZoomPositions(contextInstance,mousePosX,mousePosY,scale,contextInstance.bounds,limitToBounds||centerZoomedOut),x=_d.x,y=_d.y;return{scale:scale,positionX:xChanged?x:positionX,positionY:yChanged?y:positionY}}function handleNewPosition(contextInstance,newPositionX,newPositionY,paddingValueX,paddingValueY){var limitToBounds=contextInstance.setup.limitToBounds;var wrapperComponent=contextInstance.wrapperComponent,bounds=contextInstance.bounds;var _a=contextInstance.transformState,scale=_a.scale,positionX=_a.positionX,positionY=_a.positionY;if(wrapperComponent===null||bounds===null||newPositionX===positionX&&newPositionY===positionY){return}var _b=getMouseBoundedPosition(newPositionX,newPositionY,bounds,limitToBounds,paddingValueX,paddingValueY,wrapperComponent),x=_b.x,y=_b.y;contextInstance.setTransformState(scale,x,y)}var getPanningClientPosition=function(contextInstance,clientX,clientY){var startCoords=contextInstance.startCoords,transformState=contextInstance.transformState;var panning=contextInstance.setup.panning;var lockAxisX=panning.lockAxisX,lockAxisY=panning.lockAxisY;var positionX=transformState.positionX,positionY=transformState.positionY;if(!startCoords){return{x:positionX,y:positionY}}var mouseX=clientX-startCoords.x;var mouseY=clientY-startCoords.y;var newPositionX=lockAxisX?positionX:mouseX;var newPositionY=lockAxisY?positionY:mouseY;return{x:newPositionX,y:newPositionY}};var getPaddingValue=function(contextInstance,size){var setup=contextInstance.setup,transformState=contextInstance.transformState;var scale=transformState.scale;var minScale=setup.minScale,disablePadding=setup.disablePadding;if(size>0&&scale>=minScale&&!disablePadding){return size}return 0};var isVelocityCalculationAllowed=function(contextInstance){var mounted=contextInstance.mounted;var _a=contextInstance.setup,disabled=_a.disabled,velocityAnimation=_a.velocityAnimation;var scale=contextInstance.transformState.scale;var disabledVelocity=velocityAnimation.disabled;var isAllowed=!disabledVelocity||scale>1||!disabled||mounted;if(!isAllowed)return false;return true};var isVelocityAllowed=function(contextInstance){var mounted=contextInstance.mounted,velocity=contextInstance.velocity,bounds=contextInstance.bounds;var _a=contextInstance.setup,disabled=_a.disabled,velocityAnimation=_a.velocityAnimation;var scale=contextInstance.transformState.scale;var disabledVelocity=velocityAnimation.disabled;var isAllowed=!disabledVelocity||scale>1||!disabled||mounted;if(!isAllowed)return false;if(!velocity||!bounds)return false;return true};function getVelocityMoveTime(contextInstance,velocity){var velocityAnimation=contextInstance.setup.velocityAnimation;var equalToMove=velocityAnimation.equalToMove,animationTime=velocityAnimation.animationTime,sensitivity=velocityAnimation.sensitivity;if(equalToMove){return animationTime*velocity*sensitivity}return animationTime}function getVelocityPosition(newPosition,startPosition,currentPosition,isLocked,limitToBounds,minPosition,maxPosition,minTarget,maxTarget,step){if(limitToBounds){if(startPosition>maxPosition&¤tPosition>maxPosition){var calculatedPosition=maxPosition+(newPosition-maxPosition)*step;if(calculatedPosition>maxTarget)return maxTarget;if(calculatedPosition<maxPosition)return maxPosition;return calculatedPosition}if(startPosition<minPosition&¤tPosition<minPosition){var calculatedPosition=minPosition+(newPosition-minPosition)*step;if(calculatedPosition<minTarget)return minTarget;if(calculatedPosition>minPosition)return minPosition;return calculatedPosition}}if(isLocked)return startPosition;return boundLimiter(newPosition,minPosition,maxPosition,limitToBounds)}function getSizeMultiplier(wrapperComponent,equalToMove){var defaultMultiplier=1;if(equalToMove){return Math.min(defaultMultiplier,wrapperComponent.offsetWidth/window.innerWidth)}return defaultMultiplier}function handleCalculateVelocity(contextInstance,position){var isAllowed=isVelocityCalculationAllowed(contextInstance);if(!isAllowed){return}var lastMousePosition=contextInstance.lastMousePosition,velocityTime=contextInstance.velocityTime,setup=contextInstance.setup;var wrapperComponent=contextInstance.wrapperComponent;var equalToMove=setup.velocityAnimation.equalToMove;var now=Date.now();if(lastMousePosition&&velocityTime&&wrapperComponent){var sizeMultiplier=getSizeMultiplier(wrapperComponent,equalToMove);var distanceX=position.x-lastMousePosition.x;var distanceY=position.y-lastMousePosition.y;var velocityX=distanceX/sizeMultiplier;var velocityY=distanceY/sizeMultiplier;var interval=now-velocityTime;var speed=distanceX*distanceX+distanceY*distanceY;var velocity=Math.sqrt(speed)/interval;contextInstance.velocity={velocityX:velocityX,velocityY:velocityY,total:velocity}}contextInstance.lastMousePosition=position;contextInstance.velocityTime=now}function handleVelocityPanning(contextInstance){var velocity=contextInstance.velocity,bounds=contextInstance.bounds,setup=contextInstance.setup,wrapperComponent=contextInstance.wrapperComponent;var isAllowed=isVelocityAllowed(contextInstance);if(!isAllowed||!velocity||!bounds||!wrapperComponent){return}var velocityX=velocity.velocityX,velocityY=velocity.velocityY,total=velocity.total;var maxPositionX=bounds.maxPositionX,minPositionX=bounds.minPositionX,maxPositionY=bounds.maxPositionY,minPositionY=bounds.minPositionY;var limitToBounds=setup.limitToBounds,alignmentAnimation=setup.alignmentAnimation;var zoomAnimation=setup.zoomAnimation,panning=setup.panning;var lockAxisY=panning.lockAxisY,lockAxisX=panning.lockAxisX;var animationType=zoomAnimation.animationType;var sizeX=alignmentAnimation.sizeX,sizeY=alignmentAnimation.sizeY,velocityAlignmentTime=alignmentAnimation.velocityAlignmentTime;var alignAnimationTime=velocityAlignmentTime;var moveAnimationTime=getVelocityMoveTime(contextInstance,total);var finalAnimationTime=Math.max(moveAnimationTime,alignAnimationTime);var paddingValueX=getPaddingValue(contextInstance,sizeX);var paddingValueY=getPaddingValue(contextInstance,sizeY);var paddingX=paddingValueX*wrapperComponent.offsetWidth/100;var paddingY=paddingValueY*wrapperComponent.offsetHeight/100;var maxTargetX=maxPositionX+paddingX;var minTargetX=minPositionX-paddingX;var maxTargetY=maxPositionY+paddingY;var minTargetY=minPositionY-paddingY;var startState=contextInstance.transformState;var startTime=(new Date).getTime();handleSetupAnimation(contextInstance,animationType,finalAnimationTime,(function(step){var _a=contextInstance.transformState,scale=_a.scale,positionX=_a.positionX,positionY=_a.positionY;var frameTime=(new Date).getTime()-startTime;var animationProgress=frameTime/alignAnimationTime;var alignAnimation=animations[alignmentAnimation.animationType];var alignStep=1-alignAnimation(Math.min(1,animationProgress));var customStep=1-step;var newPositionX=positionX+velocityX*customStep;var newPositionY=positionY+velocityY*customStep;var currentPositionX=getVelocityPosition(newPositionX,startState.positionX,positionX,lockAxisX,limitToBounds,minPositionX,maxPositionX,minTargetX,maxTargetX,alignStep);var currentPositionY=getVelocityPosition(newPositionY,startState.positionY,positionY,lockAxisY,limitToBounds,minPositionY,maxPositionY,minTargetY,maxTargetY,alignStep);if(positionX!==newPositionX||positionY!==newPositionY){contextInstance.setTransformState(scale,currentPositionX,currentPositionY)}}))}function handlePanningStart(contextInstance,event){var scale=contextInstance.transformState.scale;handleCancelAnimation(contextInstance);handleCalculateBounds(contextInstance,scale);if(window.TouchEvent!==void 0&&event instanceof TouchEvent){handleTouchPanningSetup(contextInstance,event)}else{handlePanningSetup(contextInstance,event)}}function handleAlignToBounds(contextInstance){var scale=contextInstance.transformState.scale;var _a=contextInstance.setup,minScale=_a.minScale,alignmentAnimation=_a.alignmentAnimation;var disabled=alignmentAnimation.disabled,sizeX=alignmentAnimation.sizeX,sizeY=alignmentAnimation.sizeY,animationTime=alignmentAnimation.animationTime,animationType=alignmentAnimation.animationType;var isDisabled=disabled||scale<minScale||!sizeX&&!sizeY;if(isDisabled)return;var targetState=handlePanToBounds(contextInstance);if(targetState){animate(contextInstance,targetState,animationTime,animationType)}}function handlePanning(contextInstance,clientX,clientY){var startCoords=contextInstance.startCoords,setup=contextInstance.setup;var _a=setup.alignmentAnimation,sizeX=_a.sizeX,sizeY=_a.sizeY;if(!startCoords)return;var _b=getPanningClientPosition(contextInstance,clientX,clientY),x=_b.x,y=_b.y;var paddingValueX=getPaddingValue(contextInstance,sizeX);var paddingValueY=getPaddingValue(contextInstance,sizeY);handleCalculateVelocity(contextInstance,{x:x,y:y});handleNewPosition(contextInstance,x,y,paddingValueX,paddingValueY)}function handlePanningEnd(contextInstance){if(contextInstance.isPanning){var velocityDisabled=contextInstance.setup.panning.velocityDisabled;var velocity=contextInstance.velocity,wrapperComponent=contextInstance.wrapperComponent,contentComponent=contextInstance.contentComponent;contextInstance.isPanning=false;contextInstance.animate=false;contextInstance.animation=null;var wrapperRect=wrapperComponent===null||wrapperComponent===void 0?void 0:wrapperComponent.getBoundingClientRect();var contentRect=contentComponent===null||contentComponent===void 0?void 0:contentComponent.getBoundingClientRect();var wrapperWidth=(wrapperRect===null||wrapperRect===void 0?void 0:wrapperRect.width)||0;var wrapperHeight=(wrapperRect===null||wrapperRect===void 0?void 0:wrapperRect.height)||0;var contentWidth=(contentRect===null||contentRect===void 0?void 0:contentRect.width)||0;var contentHeight=(contentRect===null||contentRect===void 0?void 0:contentRect.height)||0;var isZoomed=wrapperWidth<contentWidth||wrapperHeight<contentHeight;var shouldAnimate=!velocityDisabled&&velocity&&(velocity===null||velocity===void 0?void 0:velocity.total)>.1&&isZoomed;if(shouldAnimate){handleVelocityPanning(contextInstance)}else{handleAlignToBounds(contextInstance)}}}function handleZoomToPoint(contextInstance,scale,mouseX,mouseY){var _a=contextInstance.setup,minScale=_a.minScale,maxScale=_a.maxScale,limitToBounds=_a.limitToBounds;var newScale=checkZoomBounds(roundNumber(scale,2),minScale,maxScale,0,false);var bounds=handleCalculateBounds(contextInstance,newScale);var _b=handleCalculateZoomPositions(contextInstance,mouseX,mouseY,newScale,bounds,limitToBounds),x=_b.x,y=_b.y;return{scale:newScale,positionX:x,positionY:y}}function handleAlignToScaleBounds(contextInstance,mousePositionX,mousePositionY){var scale=contextInstance.transformState.scale;var wrapperComponent=contextInstance.wrapperComponent;var _a=contextInstance.setup,minScale=_a.minScale,limitToBounds=_a.limitToBounds,zoomAnimation=_a.zoomAnimation;var disabled=zoomAnimation.disabled,animationTime=zoomAnimation.animationTime,animationType=zoomAnimation.animationType;var isDisabled=disabled||scale>=minScale;if(scale>=1||limitToBounds){handleAlignToBounds(contextInstance)}if(isDisabled||!wrapperComponent||!contextInstance.mounted)return;var mouseX=mousePositionX||wrapperComponent.offsetWidth/2;var mouseY=mousePositionY||wrapperComponent.offsetHeight/2;var targetState=handleZoomToPoint(contextInstance,minScale,mouseX,mouseY);if(targetState){animate(contextInstance,targetState,animationTime,animationType)}}var __assign=function(){__assign=Object.assign||function __assign2(t){for(var s,i=1,n=arguments.length;i<n;i++){s=arguments[i];for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))t[p]=s[p]}return t};return __assign.apply(this,arguments)};function __spreadArray(to,from,pack){for(var i=0,l=from.length,ar;i<l;i++){if(ar||!(i in from)){if(!ar)ar=Array.prototype.slice.call(from,0,i);ar[i]=from[i]}}return to.concat(ar||Array.prototype.slice.call(from))}var initialState={scale:1,positionX:0,positionY:0};var initialSetup={disabled:false,minPositionX:null,maxPositionX:null,minPositionY:null,maxPositionY:null,minScale:1,maxScale:8,limitToBounds:true,centerZoomedOut:false,centerOnInit:false,disablePadding:false,smooth:true,wheel:{step:.2,disabled:false,smoothStep:.001,wheelDisabled:false,touchPadDisabled:false,activationKeys:[],excluded:[]},panning:{disabled:false,velocityDisabled:false,lockAxisX:false,lockAxisY:false,allowLeftClickPan:true,allowMiddleClickPan:true,allowRightClickPan:true,wheelPanning:false,activationKeys:[],excluded:[]},pinch:{step:5,disabled:false,excluded:[]},doubleClick:{disabled:false,step:.7,mode:"zoomIn",animationType:"easeOut",animationTime:200,excluded:[]},zoomAnimation:{disabled:false,size:.4,animationTime:200,animationType:"easeOut"},alignmentAnimation:{disabled:false,sizeX:100,sizeY:100,animationTime:200,velocityAlignmentTime:400,animationType:"easeOut"},velocityAnimation:{disabled:false,sensitivity:1,animationTime:400,animationType:"easeOut",equalToMove:true}};var baseClasses={wrapperClass:"react-transform-wrapper"};var createState=function(props){var _a,_b,_c,_d;return{previousScale:(_a=props.initialScale)!==null&&_a!==void 0?_a:initialState.scale,scale:(_b=props.initialScale)!==null&&_b!==void 0?_b:initialState.scale,positionX:(_c=props.initialPositionX)!==null&&_c!==void 0?_c:initialState.positionX,positionY:(_d=props.initialPositionY)!==null&&_d!==void 0?_d:initialState.positionY}};var createSetup=function(props){var newSetup=__assign({},initialSetup);Object.keys(props).forEach((function(key){var validValue=typeof props[key]!=="undefined";var validParameter=typeof initialSetup[key]!=="undefined";if(validParameter&&validValue){var dataType=Object.prototype.toString.call(initialSetup[key]);var isObject=dataType==="[object Object]";var isArray=dataType==="[object Array]";if(isObject){newSetup[key]=__assign(__assign({},initialSetup[key]),props[key])}else if(isArray){newSetup[key]=__spreadArray(__spreadArray([],initialSetup[key],true),props[key])}else{newSetup[key]=props[key]}}}));return newSetup};var handleCalculateButtonZoom=function(contextInstance,delta,step){var scale=contextInstance.transformState.scale;var wrapperComponent=contextInstance.wrapperComponent,setup=contextInstance.setup;var maxScale=setup.maxScale,minScale=setup.minScale,zoomAnimation=setup.zoomAnimation,smooth=setup.smooth;var size=zoomAnimation.size;if(!wrapperComponent){throw new Error("Wrapper is not mounted")}var targetScale=smooth?scale*Math.exp(delta*step):scale+delta*step;var newScale=checkZoomBounds(roundNumber(targetScale,3),minScale,maxScale,size,false);return newScale};function handleZoomToViewCenter(contextInstance,delta,step,animationTime,animationType){var wrapperComponent=contextInstance.wrapperComponent;var _a=contextInstance.transformState,scale=_a.scale,positionX=_a.positionX,positionY=_a.positionY;if(!wrapperComponent)return console.error("No WrapperComponent found");var wrapperWidth=wrapperComponent.offsetWidth;var wrapperHeight=wrapperComponent.offsetHeight;var mouseX=(wrapperWidth/2-positionX)/scale;var mouseY=(wrapperHeight/2-positionY)/scale;var newScale=handleCalculateButtonZoom(contextInstance,delta,step);var targetState=handleZoomToPoint(contextInstance,newScale,mouseX,mouseY);if(!targetState){return console.error("Error during zoom event. New transformation state was not calculated.")}animate(contextInstance,targetState,animationTime,animationType)}function resetTransformations(contextInstance,animationTime,animationType,onResetTransformation){var setup=contextInstance.setup,wrapperComponent=contextInstance.wrapperComponent;var limitToBounds=setup.limitToBounds;var initialTransformation=createState(contextInstance.props);var _a=contextInstance.transformState,scale=_a.scale,positionX=_a.positionX,positionY=_a.positionY;if(!wrapperComponent)return;var newBounds=calculateBounds(contextInstance,initialTransformation.scale);var boundedPositions=getMouseBoundedPosition(initialTransformation.positionX,initialTransformation.positionY,newBounds,limitToBounds,0,0,wrapperComponent);var newState={scale:initialTransformation.scale,positionX:boundedPositions.x,positionY:boundedPositions.y};if(scale===initialTransformation.scale&&positionX===initialTransformation.positionX&&positionY===initialTransformation.positionY){return}onResetTransformation===null||onResetTransformation===void 0?void 0:onResetTransformation();animate(contextInstance,newState,animationTime,animationType)}function getOffset(element,wrapper,content,state){var offset=element.getBoundingClientRect();var wrapperOffset=wrapper.getBoundingClientRect();var contentOffset=content.getBoundingClientRect();var xOff=wrapperOffset.x*state.scale;var yOff=wrapperOffset.y*state.scale;return{x:(offset.x-contentOffset.x+xOff)/state.scale,y:(offset.y-contentOffset.y+yOff)/state.scale}}function calculateZoomToNode(contextInstance,node,customZoom){var wrapperComponent=contextInstance.wrapperComponent,contentComponent=contextInstance.contentComponent,transformState=contextInstance.transformState;var _a=contextInstance.setup,limitToBounds=_a.limitToBounds,minScale=_a.minScale,maxScale=_a.maxScale;if(!wrapperComponent||!contentComponent)return transformState;var wrapperRect=wrapperComponent.getBoundingClientRect();var nodeRect=node.getBoundingClientRect();var nodeOffset=getOffset(node,wrapperComponent,contentComponent,transformState);var nodeLeft=nodeOffset.x;var nodeTop=nodeOffset.y;var nodeWidth=nodeRect.width/transformState.scale;var nodeHeight=nodeRect.height/transformState.scale;var scaleX=wrapperComponent.offsetWidth/nodeWidth;var scaleY=wrapperComponent.offsetHeight/nodeHeight;var newScale=checkZoomBounds(customZoom||Math.min(scaleX,scaleY),minScale,maxScale,0,false);var offsetX=(wrapperRect.width-nodeWidth*newScale)/2;var offsetY=(wrapperRect.height-nodeHeight*newScale)/2;var newPositionX=(wrapperRect.left-nodeLeft)*newScale+offsetX;var newPositionY=(wrapperRect.top-nodeTop)*newScale+offsetY;var bounds=calculateBounds(contextInstance,newScale);var _b=getMouseBoundedPosition(newPositionX,newPositionY,bounds,limitToBounds,0,0,wrapperComponent),x=_b.x,y=_b.y;return{positionX:x,positionY:y,scale:newScale}}var zoomIn=function(contextInstance){return function(step,animationTime,animationType){if(step===void 0){step=.5}if(animationTime===void 0){animationTime=300}if(animationType===void 0){animationType="easeOut"}handleZoomToViewCenter(contextInstance,1,step,animationTime,animationType)}};var zoomOut=function(contextInstance){return function(step,animationTime,animationType){if(step===void 0){step=.5}if(animationTime===void 0){animationTime=300}if(animationType===void 0){animationType="easeOut"}handleZoomToViewCenter(contextInstance,-1,step,animationTime,animationType)}};var setTransform=function(contextInstance){return function(newPositionX,newPositionY,newScale,animationTime,animationType){if(animationTime===void 0){animationTime=300}if(animationType===void 0){animationType="easeOut"}var _a=contextInstance.transformState,positionX=_a.positionX,positionY=_a.positionY,scale=_a.scale;var wrapperComponent=contextInstance.wrapperComponent,contentComponent=contextInstance.contentComponent;var disabled=contextInstance.setup.disabled;if(disabled||!wrapperComponent||!contentComponent)return;var targetState={positionX:Number.isNaN(newPositionX)?positionX:newPositionX,positionY:Number.isNaN(newPositionY)?positionY:newPositionY,scale:Number.isNaN(newScale)?scale:newScale};animate(contextInstance,targetState,animationTime,animationType)}};var resetTransform=function(contextInstance){return function(animationTime,animationType){if(animationTime===void 0){animationTime=200}if(animationType===void 0){animationType="easeOut"}resetTransformations(contextInstance,animationTime,animationType)}};var centerView=function(contextInstance){return function(scale,animationTime,animationType){if(animationTime===void 0){animationTime=200}if(animationType===void 0){animationType="easeOut"}var transformState=contextInstance.transformState,wrapperComponent=contextInstance.wrapperComponent,contentComponent=contextInstance.contentComponent;if(wrapperComponent&&contentComponent){var targetState=getCenterPosition(scale||transformState.scale,wrapperComponent,contentComponent);animate(contextInstance,targetState,animationTime,animationType)}}};var zoomToElement=function(contextInstance){return function(node,scale,animationTime,animationType){if(animationTime===void 0){animationTime=600}if(animationType===void 0){animationType="easeOut"}handleCancelAnimation(contextInstance);var wrapperComponent=contextInstance.wrapperComponent;var target=typeof node==="string"?document.getElementById(node):node;if(wrapperComponent&&target&&wrapperComponent.contains(target)){var targetState=calculateZoomToNode(contextInstance,target,scale);animate(contextInstance,targetState,animationTime,animationType)}}};var getControls=function(contextInstance){return{instance:contextInstance,zoomIn:zoomIn(contextInstance),zoomOut:zoomOut(contextInstance),setTransform:setTransform(contextInstance),resetTransform:resetTransform(contextInstance),centerView:centerView(contextInstance),zoomToElement:zoomToElement(contextInstance)}};var getState=function(contextInstance){return{instance:contextInstance,state:contextInstance.transformState}};var getContext=function(contextInstance){var ref={};Object.assign(ref,getState(contextInstance));Object.assign(ref,getControls(contextInstance));return ref};var passiveSupported=false;function makePassiveEventOption(){try{var options={get passive(){passiveSupported=true;return false}};return options}catch(err){passiveSupported=false;return passiveSupported}}var matchPrefix=".".concat(baseClasses.wrapperClass);var isExcludedNode=function(node,excluded){return excluded.some((function(exclude){return node.matches("".concat(matchPrefix," ").concat(exclude,", ").concat(matchPrefix," .").concat(exclude,", ").concat(matchPrefix," ").concat(exclude," *, ").concat(matchPrefix," .").concat(exclude," *"))}))};var cancelTimeout=function(timeout){if(timeout){clearTimeout(timeout)}};var getTransformStyles=function(x,y,scale){return"translate(".concat(x,"px, ").concat(y,"px) scale(").concat(scale,")")};var getCenterPosition=function(scale,wrapperComponent,contentComponent){var contentWidth=contentComponent.offsetWidth*scale;var contentHeight=contentComponent.offsetHeight*scale;var centerPositionX=(wrapperComponent.offsetWidth-contentWidth)/2;var centerPositionY=(wrapperComponent.offsetHeight-contentHeight)/2;return{scale:scale,positionX:centerPositionX,positionY:centerPositionY}};function mergeRefs(refs){return function(value){refs.forEach((function(ref){if(typeof ref==="function"){ref(value)}else if(ref!=null){ref.current=value}}))}}var isWheelAllowed=function(contextInstance,event){var _a=contextInstance.setup.wheel,disabled=_a.disabled,wheelDisabled=_a.wheelDisabled,touchPadDisabled=_a.touchPadDisabled,excluded=_a.excluded;var isInitialized=contextInstance.isInitialized,isPanning=contextInstance.isPanning;var target=event.target;var isAllowed=isInitialized&&!isPanning&&!disabled&⌖if(!isAllowed)return false;if(wheelDisabled&&!event.ctrlKey)return false;if(touchPadDisabled&&event.ctrlKey)return false;var isExcluded=isExcludedNode(target,excluded);if(isExcluded)return false;return true};var getDeltaY=function(event){if(event){return event.deltaY<0?1:-1}return 0};function getDelta(event,customDelta){var deltaY=getDeltaY(event);var delta=checkIsNumber(customDelta,deltaY);return delta}function getMousePosition(event,contentComponent,scale){var contentRect=contentComponent.getBoundingClientRect();var mouseX=0;var mouseY=0;if("clientX"in event){mouseX=(event.clientX-contentRect.left)/scale;mouseY=(event.clientY-contentRect.top)/scale}else{var touch=event.touches[0];mouseX=(touch.clientX-contentRect.left)/scale;mouseY=(touch.clientY-contentRect.top)/scale}if(Number.isNaN(mouseX)||Number.isNaN(mouseY))console.error("No mouse or touch offset found");return{x:mouseX,y:mouseY}}var handleCalculateWheelZoom=function(contextInstance,delta,step,disable,getTarget){var scale=contextInstance.transformState.scale;var wrapperComponent=contextInstance.wrapperComponent,setup=contextInstance.setup;var maxScale=setup.maxScale,minScale=setup.minScale,zoomAnimation=setup.zoomAnimation,disablePadding=setup.disablePadding;var size=zoomAnimation.size,disabled=zoomAnimation.disabled;if(!wrapperComponent){throw new Error("Wrapper is not mounted")}var targetScale=scale+delta*step;var paddingEnabled=disable?false:!disabled;var newScale=checkZoomBounds(roundNumber(targetScale,3),minScale,maxScale,size,paddingEnabled&&!disablePadding);return newScale};var handleWheelZoomStop=function(contextInstance,event){var previousWheelEvent=contextInstance.previousWheelEvent;var scale=contextInstance.transformState.scale;var _a=contextInstance.setup,maxScale=_a.maxScale,minScale=_a.minScale;if(!previousWheelEvent)return false;if(scale<maxScale||scale>minScale)return true;if(Math.sign(previousWheelEvent.deltaY)!==Math.sign(event.deltaY))return true;if(previousWheelEvent.deltaY>0&&previousWheelEvent.deltaY<event.deltaY)return true;if(previousWheelEvent.deltaY<0&&previousWheelEvent.deltaY>event.deltaY)return true;if(Math.sign(previousWheelEvent.deltaY)!==Math.sign(event.deltaY))return true;return false};var isPinchStartAllowed=function(contextInstance,event){var _a=contextInstance.setup.pinch,disabled=_a.disabled,excluded=_a.excluded;var isInitialized=contextInstance.isInitialized;var target=event.target;var isAllowed=isInitialized&&!disabled&⌖if(!isAllowed)return false;var isExcluded=isExcludedNode(target,excluded);if(isExcluded)return false;return true};var isPinchAllowed=function(contextInstance){var disabled=contextInstance.setup.pinch.disabled;var isInitialized=contextInstance.isInitialized,pinchStartDistance=contextInstance.pinchStartDistance;var isAllowed=isInitialized&&!disabled&&pinchStartDistance;if(!isAllowed)return false;return true};var calculateTouchMidPoint=function(event,scale,contentComponent){var contentRect=contentComponent.getBoundingClientRect();var touches=event.touches;var firstPointX=roundNumber(touches[0].clientX-contentRect.left,5);var firstPointY=roundNumber(touches[0].clientY-contentRect.top,5);var secondPointX=roundNumber(touches[1].clientX-contentRect.left,5);var secondPointY=roundNumber(touches[1].clientY-contentRect.top,5);return{x:(firstPointX+secondPointX)/2/scale,y:(firstPointY+secondPointY)/2/scale}};var getTouchDistance=function(event){return Math.sqrt(Math.pow(event.touches[0].pageX-event.touches[1].pageX,2)+Math.pow(event.touches[0].pageY-event.touches[1].pageY,2))};var calculatePinchZoom=function(contextInstance,currentDistance){var pinchStartScale=contextInstance.pinchStartScale,pinchStartDistance=contextInstance.pinchStartDistance,setup=contextInstance.setup;var maxScale=setup.maxScale,minScale=setup.minScale,zoomAnimation=setup.zoomAnimation,disablePadding=setup.disablePadding;var size=zoomAnimation.size,disabled=zoomAnimation.disabled;if(!pinchStartScale||pinchStartDistance===null||!currentDistance){throw new Error("Pinch touches distance was not provided")}if(currentDistance<0){return contextInstance.transformState.scale}var touchProportion=currentDistance/pinchStartDistance;var scaleDifference=touchProportion*pinchStartScale;return checkZoomBounds(roundNumber(scaleDifference,2),minScale,maxScale,size,!disabled&&!disablePadding)};var wheelStopEventTime=160;var wheelAnimationTime=100;var handleWheelStart=function(contextInstance,event){var _a=contextInstance.props,onWheelStart=_a.onWheelStart,onZoomStart=_a.onZoomStart;if(!contextInstance.wheelStopEventTimer){handleCancelAnimation(contextInstance);handleCallback(getContext(contextInstance),event,onWheelStart);handleCallback(getContext(contextInstance),event,onZoomStart)}};var handleWheelZoom=function(contextInstance,event){var _a=contextInstance.props,onWheel=_a.onWheel,onZoom=_a.onZoom;var contentComponent=contextInstance.contentComponent,setup=contextInstance.setup,transformState=contextInstance.transformState;var scale=transformState.scale;var limitToBounds=setup.limitToBounds,centerZoomedOut=setup.centerZoomedOut,zoomAnimation=setup.zoomAnimation,wheel=setup.wheel,disablePadding=setup.disablePadding,smooth=setup.smooth;var size=zoomAnimation.size,disabled=zoomAnimation.disabled;var step=wheel.step,smoothStep=wheel.smoothStep;if(!contentComponent){throw new Error("Component not mounted")}event.preventDefault();event.stopPropagation();var delta=getDelta(event,null);var zoomStep=smooth?smoothStep*Math.abs(event.deltaY):step;var newScale=handleCalculateWheelZoom(contextInstance,delta,zoomStep,!event.ctrlKey);if(scale===newScale)return;var bounds=handleCalculateBounds(contextInstance,newScale);var mousePosition=getMousePosition(event,contentComponent,scale);var isPaddingDisabled=disabled||size===0||centerZoomedOut||disablePadding;var isLimitedToBounds=limitToBounds&&isPaddingDisabled;var _b=handleCalculateZoomPositions(contextInstance,mousePosition.x,mousePosition.y,newScale,bounds,isLimitedToBounds),x=_b.x,y=_b.y;contextInstance.previousWheelEvent=event;contextInstance.setTransformState(newScale,x,y);handleCallback(getContext(contextInstance),event,onWheel);handleCallback(getContext(contextInstance),event,onZoom)};var handleWheelStop=function(contextInstance,event){var _a=contextInstance.props,onWheelStop=_a.onWheelStop,onZoomStop=_a.onZoomStop;cancelTimeout(contextInstance.wheelAnimationTimer);contextInstance.wheelAnimationTimer=setTimeout((function(){if(!contextInstance.mounted)return;handleAlignToScaleBounds(contextInstance,event.x,event.y);contextInstance.wheelAnimationTimer=null}),wheelAnimationTime);var hasStoppedZooming=handleWheelZoomStop(contextInstance,event);if(hasStoppedZooming){cancelTimeout(contextInstance.wheelStopEventTimer);contextInstance.wheelStopEventTimer=setTimeout((function(){if(!contextInstance.mounted)return;contextInstance.wheelStopEventTimer=null;handleCallback(getContext(contextInstance),event,onWheelStop);handleCallback(getContext(contextInstance),event,onZoomStop)}),wheelStopEventTime)}};var getTouchCenter=function(event){var totalX=0;var totalY=0;for(var i=0;i<2;i+=1){totalX+=event.touches[i].clientX;totalY+=event.touches[i].clientY}var x=totalX/2;var y=totalY/2;return{x:x,y:y}};var handlePinchStart=function(contextInstance,event){var distance=getTouchDistance(event);contextInstance.pinchStartDistance=distance;contextInstance.lastDistance=distance;contextInstance.pinchStartScale=contextInstance.transformState.scale;contextInstance.isPanning=false;var center=getTouchCenter(event);contextInstance.pinchLastCenterX=center.x;contextInstance.pinchLastCenterY=center.y;handleCancelAnimation(contextInstance)};var handlePinchZoom=function(contextInstance,event){var contentComponent=contextInstance.contentComponent,pinchStartDistance=contextInstance.pinchStartDistance,wrapperComponent=contextInstance.wrapperComponent;var scale=contextInstance.transformState.scale;var _a=contextInstance.setup,limitToBounds=_a.limitToBounds,centerZoomedOut=_a.centerZoomedOut,zoomAnimation=_a.zoomAnimation,alignmentAnimation=_a.alignmentAnimation;var disabled=zoomAnimation.disabled,size=zoomAnimation.size;if(pinchStartDistance===null||!contentComponent)return;var midPoint=calculateTouchMidPoint(event,scale,contentComponent);if(!Number.isFinite(midPoint.x)||!Number.isFinite(midPoint.y))return;var currentDistance=getTouchDistance(event);var newScale=calculatePinchZoom(contextInstance,currentDistance);var center=getTouchCenter(event);var panX=center.x-(contextInstance.pinchLastCenterX||0);var panY=center.y-(contextInstance.pinchLastCenterY||0);if(newScale===scale&&panX===0&&panY===0)return;contextInstance.pinchLastCenterX=center.x;contextInstance.pinchLastCenterY=center.y;var bounds=handleCalculateBounds(contextInstance,newScale);var isPaddingDisabled=disabled||size===0||centerZoomedOut;var isLimitedToBounds=limitToBounds&&isPaddingDisabled;var _b=handleCalculateZoomPositions(contextInstance,midPoint.x,midPoint.y,newScale,bounds,isLimitedToBounds),x=_b.x,y=_b.y;contextInstance.pinchMidpoint=midPoint;contextInstance.lastDistance=currentDistance;var sizeX=alignmentAnimation.sizeX,sizeY=alignmentAnimation.sizeY;var paddingValueX=getPaddingValue(contextInstance,sizeX);var paddingValueY=getPaddingValue(contextInstance,sizeY);var newPositionX=x+panX;var newPositionY=y+panY;var _c=getMouseBoundedPosition(newPositionX,newPositionY,bounds,limitToBounds,paddingValueX,paddingValueY,wrapperComponent),finalX=_c.x,finalY=_c.y;contextInstance.setTransformState(newScale,finalX,finalY)};var handlePinchStop=function(contextInstance){var pinchMidpoint=contextInstance.pinchMidpoint;contextInstance.velocity=null;contextInstance.lastDistance=null;contextInstance.pinchMidpoint=null;contextInstance.pinchStartScale=null;contextInstance.pinchStartDistance=null;handleAlignToScaleBounds(contextInstance,pinchMidpoint===null||pinchMidpoint===void 0?void 0:pinchMidpoint.x,pinchMidpoint===null||pinchMidpoint===void 0?void 0:pinchMidpoint.y)};var handleDoubleClickStop=function(contextInstance,event){var onZoomStop=contextInstance.props.onZoomStop;var animationTime=contextInstance.setup.doubleClick.animationTime;cancelTimeout(contextInstance.doubleClickStopEventTimer);contextInstance.doubleClickStopEventTimer=setTimeout((function(){contextInstance.doubleClickStopEventTimer=null;handleCallback(getContext(contextInstance),event,onZoomStop)}),animationTime)};var handleDoubleClickResetMode=function(contextInstance,event){var _a=contextInstance.props,onZoomStart=_a.onZoomStart,onZoom=_a.onZoom;var _b=contextInstance.setup.doubleClick,animationTime=_b.animationTime,animationType=_b.animationType;handleCallback(getContext(contextInstance),event,onZoomStart);resetTransformations(contextInstance,animationTime,animationType,(function(){return handleCallback(getContext(contextInstance),event,onZoom)}));handleDoubleClickStop(contextInstance,event)};function getDoubleClickScale(mode,scale){if(mode==="toggle"){return scale===1?1:-1}return mode==="zoomOut"?-1:1}function handleDoubleClick(contextInstance,event){var setup=contextInstance.setup,doubleClickStopEventTimer=contextInstance.doubleClickStopEventTimer,transformState=contextInstance.transformState,contentComponent=contextInstance.contentComponent;var scale=transformState.scale;var _a=contextInstance.props,onZoomStart=_a.onZoomStart,onZoom=_a.onZoom;var _b=setup.doubleClick,disabled=_b.disabled,mode=_b.mode,step=_b.step,animationTime=_b.animationTime,animationType=_b.animationType;if(disabled)return;if(doubleClickStopEventTimer)return;if(mode==="reset"){return handleDoubleClickResetMode(contextInstance,event)}if(!contentComponent)return console.error("No ContentComponent found");var delta=getDoubleClickScale(mode,contextInstance.transformState.scale);var newScale=handleCalculateButtonZoom(contextInstance,delta,step);if(scale===newScale)return;handleCallback(getContext(contextInstance),event,onZoomStart);var mousePosition=getMousePosition(event,contentComponent,scale);var targetState=handleZoomToPoint(contextInstance,newScale,mousePosition.x,mousePosition.y);if(!targetState){return console.error("Error during zoom event. New transformation state was not calculated.")}handleCallback(getContext(contextInstance),event,onZoom);animate(contextInstance,targetState,animationTime,animationType);handleDoubleClickStop(contextInstance,event)}var isDoubleClickAllowed=function(contextInstance,event){var isInitialized=contextInstance.isInitialized,setup=contextInstance.setup,wrapperComponent=contextInstance.wrapperComponent;var _a=setup.doubleClick,disabled=_a.disabled,excluded=_a.excluded;var target=event.target;var isWrapperChild=wrapperComponent===null||wrapperComponent===void 0?void 0:wrapperComponent.contains(target);var isAllowed=isInitialized&&target&&isWrapperChild&&!disabled;if(!isAllowed)return false;var isExcluded=isExcludedNode(target,excluded);if(isExcluded)return false;return true};var ZoomPanPinch=function(){function ZoomPanPinch2(props){var _this=this;this.mounted=true;this.pinchLastCenterX=null;this.pinchLastCenterY=null;this.onChangeCallbacks=new Set;this.onInitCallbacks=new Set;this.wrapperComponent=null;this.contentComponent=null;this.isInitialized=false;this.bounds=null;this.previousWheelEvent=null;this.wheelStopEventTimer=null;this.wheelAnimationTimer=null;this.isPanning=false;this.isWheelPanning=false;this.startCoords=null;this.lastTouch=null;this.distance=null;this.lastDistance=null;this.pinchStartDistance=null;this.pinchStartScale=null;this.pinchMidpoint=null;this.doubleClickStopEventTimer=null;this.velocity=null;this.velocityTime=null;this.lastMousePosition=null;this.animate=false;this.animation=null;this.maxBounds=null;this.pressedKeys={};this.mount=function(){_this.initializeWindowEvents()};this.unmount=function(){_this.cleanupWindowEvents()};this.update=function(newProps){_this.props=newProps;handleCalculateBounds(_this,_this.transformState.scale);_this.setup=createSetup(newProps)};this.initializeWindowEvents=function(){var _a,_b;var passive=makePassiveEventOption();var currentDocument=(_a=_this.wrapperComponent)===null||_a===void 0?void 0:_a.ownerDocument;var currentWindow=currentDocument===null||currentDocument===void 0?void 0:currentDocument.defaultView;(_b=_this.wrapperComponent)===null||_b===void 0?void 0:_b.addEventListener("wheel",_this.onWheelPanning,passive);currentWindow===null||currentWindow===void 0?void 0:currentWindow.addEventListener("mousedown",_this.onPanningStart,passive);currentWindow===null||currentWindow===void 0?void 0:currentWindow.addEventListener("mousemove",_this.onPanning,passive);currentWindow===null||currentWindow===void 0?void 0:currentWindow.addEventListener("mouseup",_this.onPanningStop,passive);currentDocument===null||currentDocument===void 0?void 0:currentDocument.addEventListener("mouseleave",_this.clearPanning,passive);currentWindow===null||currentWindow===void 0?void 0:currentWindow.addEventListener("keyup",_this.setKeyUnPressed,passive);currentWindow===null||currentWindow===void 0?void 0:currentWindow.addEventListener("keydown",_this.setKeyPressed,passive)};this.cleanupWindowEvents=function(){var _a,_b;var passive=makePassiveEventOption();var currentDocument=(_a=_this.wrapperComponent)===null||_a===void 0?void 0:_a.ownerDocument;var currentWindow=currentDocument===null||currentDocument===void 0?void 0:currentDocument.defaultView;currentWindow===null||currentWindow===void 0?void 0:currentWindow.removeEventListener("mousedown",_this.onPanningStart,passive);currentWindow===null||currentWindow===void 0?void 0:currentWindow.removeEventListener("mousemove",_this.onPanning,passive);currentWindow===null||currentWindow===void 0?void 0:currentWindow.removeEventListener("mouseup",_this.onPanningStop,passive);currentDocument===null||currentDocument===void 0?void 0:currentDocument.removeEventListener("mouseleave",_this.clearPanning,passive);currentWindow===null||currentWindow===void 0?void 0:currentWindow.removeEventListener("keyup",_this.setKeyUnPressed,passive);currentWindow===null||currentWindow===void 0?void 0:currentWindow.removeEventListener("keydown",_this.setKeyPressed,passive);document.removeEventListener("mouseleave",_this.clearPanning,passive);handleCancelAnimation(_this);(_b=_this.observer)===null||_b===void 0?void 0:_b.disconnect()};this.handleInitializeWrapperEvents=function(wrapper){var passive=makePassiveEventOption();wrapper.addEventListener("wheel",_this.onWheelZoom,passive);wrapper.addEventListener("dblclick",_this.onDoubleClick,passive);wrapper.addEventListener("touchstart",_this.onTouchPanningStart,passive);wrapper.addEventListener("touchmove",_this.onTouchPanning,passive);wrapper.addEventListener("touchend",_this.onTouchPanningStop,passive)};this.handleInitialize=function(contentComponent){var centerOnInit=_this.setup.centerOnInit;_this.applyTransformation();_this.onInitCallbacks.forEach((function(callback){return callback(getContext(_this))}));if(centerOnInit){_this.setCenter();_this.observer=new ResizeObserver((function(){var _a;var currentWidth=contentComponent.offsetWidth;var currentHeight=contentComponent.offsetHeight;if(currentWidth>0||currentHeight>0){_this.onInitCallbacks.forEach((function(callback){return callback(getContext(_this))}));_this.setCenter();(_a=_this.observer)===null||_a===void 0?void 0:_a.disconnect()}}));setTimeout((function(){var _a;(_a=_this.observer)===null||_a===void 0?void 0:_a.disconnect()}),5e3);_this.observer.observe(contentComponent)}};this.onWheelZoom=function(event){var disabled=_this.setup.disabled;if(disabled)return;var isAllowed=isWheelAllowed(_this,event);if(!isAllowed)return;var keysPressed=_this.isPressingKeys(_this.setup.wheel.activationKeys);if(!keysPressed)return;handleWheelStart(_this,event);handleWheelZoom(_this,event);handleWheelStop(_this,event)};this.onWheelPanning=function(event){var _a=_this.setup,disabled=_a.disabled,wheel=_a.wheel,panning=_a.panning;if(!_this.wrapperComponent||!_this.contentComponent||disabled||!wheel.wheelDisabled||panning.disabled||!panning.wheelPanning||event.ctrlKey){return}event.preventDefault();event.stopPropagation();var _b=_this.transformState,positionX=_b.positionX,positionY=_b.positionY;var mouseX=positionX-event.deltaX;var mouseY=positionY-event.deltaY;var newPositionX=panning.lockAxisX?positionX:mouseX;var newPositionY=panning.lockAxisY?positionY:mouseY;var _c=_this.setup.alignmentAnimation,sizeX=_c.sizeX,sizeY=_c.sizeY;var paddingValueX=getPaddingValue(_this,sizeX);var paddingValueY=getPaddingValue(_this,sizeY);if(newPositionX===positionX&&newPositionY===positionY)return;handleNewPosition(_this,newPositionX,newPositionY,paddingValueX,paddingValueY)};this.onPanningStart=function(event){var disabled=_this.setup.disabled;var onPanningStart=_this.props.onPanningStart;if(disabled)return;var isAllowed=isPanningStartAllowed(_this,event);if(!isAllowed)return;var keysPressed=_this.isPressingKeys(_this.setup.panning.activationKeys);if(!keysPressed)return;if(event.button===0&&!_this.setup.panning.allowLeftClickPan)return;if(event.button===1&&!_this.setup.panning.allowMiddleClickPan)return;if(event.button===2&&!_this.setup.panning.allowRightClickPan)return;event.preventDefault();event.stopPropagation();handleCancelAnimation(_this);handlePanningStart(_this,event);handleCallback(getContext(_this),event,onPanningStart)};this.onPanning=function(event){var disabled=_this.setup.disabled;var onPanning=_this.props.onPanning;if(disabled)return;var isAllowed=isPanningAllowed(_this);if(!isAllowed)return;var keysPressed=_this.isPressingKeys(_this.setup.panning.activationKeys);if(!keysPressed)return;event.preventDefault();event.stopPropagation();handlePanning(_this,event.clientX,event.clientY);handleCallback(getContext(_this),event,onPanning)};this.onPanningStop=function(event){var onPanningStop=_this.props.onPanningStop;if(_this.isPanning){handlePanningEnd(_this);handleCallback(getContext(_this),event,onPanningStop)}};this.onPinchStart=function(event){var disabled=_this.setup.disabled;var _a=_this.props,onPinchingStart=_a.onPinchingStart,onZoomStart=_a.onZoomStart;if(disabled)return;var isAllowed=isPinchStartAllowed(_this,event);if(!isAllowed)return;handlePinchStart(_this,event);handleCancelAnimation(_this);handleCallback(getContext(_this),event,onPinchingStart);handleCallback(getContext(_this),event,onZoomStart)};this.onPinch=function(event){var disabled=_this.setup.disabled;var _a=_this.props,onPinching=_a.onPinching,onZoom=_a.onZoom;if(disabled)return;var isAllowed=isPinchAllowed(_this);if(!isAllowed)return;event.preventDefault();event.stopPropagation();handlePinchZoom(_this,event);handleCallback(getContext(_this),event,onPinching);handleCallback(getContext(_this),event,onZoom)};this.onPinchStop=function(event){var _a=_this.props,onPinchingStop=_a.onPinchingStop,onZoomStop=_a.onZoomStop;if(_this.pinchStartScale){handlePinchStop(_this);handleCallback(getContext(_this),event,onPinchingStop);handleCallback(getContext(_this),event,onZoomStop)}};this.onTouchPanningStart=function(event){var disabled=_this.setup.disabled;var onPanningStart=_this.props.onPanningStart;if(disabled)return;var isAllowed=isPanningStartAllowed(_this,event);if(!isAllowed)return;var isDoubleTap=_this.lastTouch&&+new Date-_this.lastTouch<200;if(isDoubleTap&&event.touches.length===1){_this.onDoubleClick(event)}else{_this.lastTouch=+new Date;handleCancelAnimation(_this);var touches=event.touches;var isPanningAction=touches.length===1;var isPinchAction=touches.length===2;if(isPanningAction){handleCancelAnimation(_this);handlePanningStart(_this,event);handleCallback(getContext(_this),event,onPanningStart)}if(isPinchAction){_this.onPinchStart(event)}}};this.onTouchPanning=function(event){var disabled=_this.setup.disabled;var onPanning=_this.props.onPanning;if(_this.isPanning&&event.touches.length===1){if(disabled)return;var isAllowed=isPanningAllowed(_this);if(!isAllowed)return;event.preventDefault();event.stopPropagation();var touch=event.touches[0];handlePanning(_this,touch.clientX,touch.clientY);handleCallback(getContext(_this),event,onPanning)}else if(event.touches.length>1){_this.onPinch(event)}};this.onTouchPanningStop=function(event){_this.onPanningStop(event);_this.onPinchStop(event)};this.onDoubleClick=function(event){var disabled=_this.setup.disabled;if(disabled)return;var isAllowed=isDoubleClickAllowed(_this,event);if(!isAllowed)return;handleDoubleClick(_this,event)};this.clearPanning=function(event){if(_this.isPanning){_this.onPanningStop(event)}};this.setKeyPressed=function(e){_this.pressedKeys[e.key]=true};this.setKeyUnPressed=function(e){_this.pressedKeys[e.key]=false};this.isPressingKeys=function(keys){if(!keys.length){return true}return Boolean(keys.find((function(key){return _this.pressedKeys[key]})))};this.setTransformState=function(scale,positionX,positionY){var onTransformed=_this.props.onTransformed;if(!Number.isNaN(scale)&&!Number.isNaN(positionX)&&!Number.isNaN(positionY)){if(scale!==_this.transformState.scale){_this.transformState.previousScale=_this.transformState.scale;_this.transformState.scale=scale}_this.transformState.positionX=positionX;_this.transformState.positionY=positionY;_this.applyTransformation();var ctx_1=getContext(_this);_this.onChangeCallbacks.forEach((function(callback){return callback(ctx_1)}));handleCallback(ctx_1,{scale:scale,positionX:positionX,positionY:positionY},onTransformed)}else{console.error("Detected NaN set state values")}};this.setCenter=function(){if(_this.wrapperComponent&&_this.contentComponent){var targetState=getCenterPosition(_this.transformState.scale,_this.wrapperComponent,_this.contentComponent);_this.setTransformState(targetState.scale,targetState.positionX,targetState.positionY)}};this.handleTransformStyles=function(x,y,scale){if(_this.props.customTransform){return _this.props.customTransform(x,y,scale)}return getTransformStyles(x,y,scale)};this.applyTransformation=function(){if(!_this.mounted||!_this.contentComponent)return;var _a=_this.transformState,scale=_a.scale,positionX=_a.positionX,positionY=_a.positionY;var transform=_this.handleTransformStyles(positionX,positionY,scale);_this.contentComponent.style.transform=transform};this.getContext=function(){return getContext(_this)};this.onChange=function(callback){if(!_this.onChangeCallbacks.has(callback)){_this.onChangeCallbacks.add(callback)}return function(){_this.onChangeCallbacks.delete(callback)}};this.onInit=function(callback){if(!_this.onInitCallbacks.has(callback)){_this.onInitCallbacks.add(callback)}return function(){_this.onInitCallbacks.delete(callback)}};this.init=function(wrapperComponent,contentComponent){_this.cleanupWindowEvents();_this.wrapperComponent=wrapperComponent;_this.contentComponent=contentComponent;handleCalculateBounds(_this,_this.transformState.scale);_this.handleInitializeWrapperEvents(wrapperComponent);_this.handleInitialize(contentComponent);_this.initializeWindowEvents();_this.isInitialized=true;var ctx=getContext(_this);handleCallback(ctx,void 0,_this.props.onInit)};this.props=props;this.setup=createSetup(this.props);this.transformState=createState(this.props)}return ZoomPanPinch2}();var Context=React__default.createContext(null);var getContent=function(children,ctx){if(typeof children==="function"){return children(ctx)}return children};React__default.forwardRef((function(props,ref){var instance=useRef(new ZoomPanPinch(props)).current;var content=getContent(props.children,getControls(instance));useImperativeHandle(ref,(function(){return getControls(instance)}),[instance]);useEffect((function(){instance.update(props)}),[instance,props]);return React__default.createElement(Context.Provider,{value:instance},content)}));React__default.forwardRef((function(props,ref){var localRef=useRef(null);var instance=useContext(Context);useEffect((function(){return instance.onChange((function(ctx){if(localRef.current){var positionX=0;var positionY=0;localRef.current.style.transform=instance.handleTransformStyles(positionX,positionY,1/ctx.instance.transformState.scale)}}))}),[instance]);return React__default.createElement("div",__assign({},props,{ref:mergeRefs([localRef,ref])}))}));function styleInject(css,ref){if(ref===void 0)ref={};var insertAt=ref.insertAt;if(typeof document==="undefined"){return}var head=document.head||document.getElementsByTagName("head")[0];var style=document.createElement("style");style.type="text/css";if(insertAt==="top"){if(head.firstChild){head.insertBefore(style,head.firstChild)}else{head.appendChild(style)}}else{head.appendChild(style)}if(style.styleSheet){style.styleSheet.cssText=css}else{style.appendChild(document.createTextNode(css))}}var css_248z=".transform-component-module_wrapper__SPB86 {\n position: relative;\n width: -moz-fit-content;\n width: fit-content;\n height: -moz-fit-content;\n height: fit-content;\n overflow: hidden;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */\n -khtml-user-select: none; /* Konqueror HTML */\n -moz-user-select: none; /* Firefox */\n -ms-user-select: none; /* Internet Explorer/Edge */\n user-select: none;\n margin: 0;\n padding: 0;\n}\n.transform-component-module_content__FBWxo {\n display: flex;\n flex-wrap: wrap;\n width: -moz-fit-content;\n width: fit-content;\n height: -moz-fit-content;\n height: fit-content;\n margin: 0;\n padding: 0;\n transform-origin: 0% 0%;\n}\n.transform-component-module_content__FBWxo img {\n pointer-events: none;\n}\n";styleInject(css_248z);getAllIcons()["eye"];const createOptions=options=>options.map(((option,index)=>jsx("option",{disabled:option.disabled,value:option.value,children:option.text||option.value},index)));const Select=({aria:aria={},blankSelection:blankSelection,children:children,className:className,compact:compact=false,data:data={},disabled:disabled=false,error:error,label:label,htmlOptions:htmlOptions={},inline:inline=false,multiple:multiple=false,name:name,onChange:onChange=()=>void 0,options:options=[],required:required=false,showArrow:showArrow=false,value:value,...props},ref)=>{const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const optionsList=createOptions(options);const inlineClass=inline?"inline":null;const compactClass=compact?"compact":null;const classes=classnames(buildCss("pb_select"),globalProps({...props,marginBottom:props.marginBottom||props.margin||"sm"}),className,inlineClass,{show_arrow:showArrow},compactClass);const angleDown=getAllIcons()["angleDown"].icon;const selectWrapperClass=classnames(buildCss("pb_select_kit_wrapper"),{error:error},className);const selectBody=(()=>{if(children)return children;return jsxs("select",{...htmlOptions,...domSafeProps(props),disabled:disabled,id:name,multiple:multiple,name:name,onChange:onChange,ref:ref,required:required,value:value,children:[blankSelection&&jsx("option",{value:"",children:blankSelection}),optionsList]})})();return jsxs("div",{...ariaProps,...dataProps,...htmlProps,className:classes,children:[label&&jsx("label",{className:"pb_select_kit_label",htmlFor:name,children:jsx(Caption,{dark:props.dark,text:label})}),jsxs("label",{className:selectWrapperClass,htmlFor:name,children:[selectBody,multiple!==true?jsx(Icon,{className:"pb_select_kit_caret svg-inline--fa",customIcon:angleDown,fixedWidth:true}):null,error&&jsx(Body,{dark:props.dark,status:"negative",text:error})]})]})};forwardRef(Select);const Textarea=({aria:aria={},characterCount:characterCount,className:className,children:children,data:data={},disabled:disabled,htmlOptions:htmlOptions={},inline:inline=false,resize:resize="none",error:error,label:label,maxCharacters:maxCharacters,name:name,onChange:onChange=()=>{},placeholder:placeholder,required:required,rows:rows=4,value:value,...props})=>{const ref=useRef(null);useEffect((()=>{if(ref.current&&resize==="auto"){PbTextarea.addMatch(ref.current)}}));const errorClass=error?"error":null;const inlineClass=inline?"inline":"";const resizeClass=`resize_${resize}`;const classes=classnames("pb_textarea_kit",errorClass,inlineClass,resizeClass,globalProps(props),className);const noCount=typeof characterCount!=="undefined";const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const checkIfZero=characterCount2=>characterCount2==0?characterCount2.toString():characterCount2;const characterCounter=()=>maxCharacters&&characterCount?`${checkIfZero(characterCount)} / ${maxCharacters}`:`${checkIfZero(characterCount)}`;return jsxs("div",{...ariaProps,...dataProps,...htmlProps,className:classes,children:[jsx(Caption,{text:label}),children||jsx("textarea",{disabled:disabled,name:name,onChange:onChange,placeholder:placeholder,ref:ref,required:required,rows:rows,value:value,...props}),error?jsx(Fragment,{children:characterCount?jsxs(Flex,{spacing:"between",vertical:"center",children:[jsx(FlexItem,{children:jsx(Body,{margin:"none",status:"negative",text:error})}),jsx(FlexItem,{children:jsx(Caption,{margin:"none",size:"xs",text:characterCounter()})})]}):jsx(Body,{status:"negative",text:error})}):noCount&&jsx(Caption,{margin:"none",size:"xs",text:characterCounter()})]})};forwardRef(Textarea);export{List as L,ListItem as a};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default from"react";import ReactDOM__default from"react-dom";import{P as PbGaugeChart,k as PbLineGraph,l as PbCircleChart,m as PbBarGraph,n as PhoneNumberInput,G as Gauge,o as Typeahead,R as RichTextEditor,p as Passphrase,L as LineGraph,q as Legend,M as MultiLevelSelect,s as DistributionBar,t as CircleChart,u as BarGraph}from"./chunks/_typeahead-DYoSbiJE.js";import"react/jsx-runtime";import"./chunks/lib-BrAPgXB5.js";import"react-trix";import"trix";import"react-is";class ComponentRegistry{constructor(){this.components=new Map;this.mountedComponents=new Set;this._mountQueue=new WeakMap}register(name,component){this.components.set(name,component);const kebab=this.toKebabCase(name);if(kebab!==name)this.components.set(kebab,component)}registerComponents(components){Object.entries(components).forEach((([name,comp])=>this.register(name,comp)))}get(name){return this.components.get(name)}mountComponents(root=document){const nodes=root.querySelectorAll("[data-pb-react-component]");nodes.forEach((el=>{if(this.mountedComponents.has(el))return;const name=el.getAttribute("data-pb-react-component");if(!name)return;const Comp=this.get(name);if(!Comp)return;this._scheduleMount(el,Comp)}))}_scheduleMount(el,Comp,immediate=false){let entry=this._mountQueue.get(el);if(!entry){entry={scheduled:false,retries:0};this._mountQueue.set(el,entry)}if(entry.scheduled&&!immediate)return;const run=()=>{entry.scheduled=false;this._tryRender(el,Comp,entry)};entry.scheduled=true;if(immediate){run()}else{requestAnimationFrame(run)}}_tryRender(el,Comp,entry){if(!el.isConnected)return;try{const props=this.extractProps(el);ReactDOM__default.render(React__default.createElement(Comp,props),el);this.mountedComponents.add(el);entry.retries=0}catch(err){entry.retries=(entry.retries||0)+1;if(entry.retries<=3){this._scheduleMount(el,Comp,false)}else{console.warn("[PB] Mount failed after retries:",err)}}}unmountComponents(){this.mountedComponents.forEach((el=>{this._safeUnmount(el)}));this.mountedComponents.clear()}unmountWithin(rootEl){if(!rootEl)return;const toUnmount=[];this.mountedComponents.forEach((el=>{if(rootEl.contains(el))toUnmount.push(el)}));toUnmount.forEach((el=>this._safeUnmount(el)))}_safeUnmount(el){if(!el||!el.isConnected){this.mountedComponents.delete(el);return}try{ReactDOM__default.unmountComponentAtNode(el)}catch(err){console.warn("[PB] Unmount warning:",err)}this.mountedComponents.delete(el)}extractProps(el){const props={};const blob=el.getAttribute("data-pb-react-props");if(blob){try{Object.assign(props,JSON.parse(blob))}catch(e){console.warn("[PB] Failed to parse data-pb-react-props JSON:",e)}}Array.from(el.attributes).forEach((attr=>{const name=attr.name;if(!name.startsWith("data-pb-"))return;if(name==="data-pb-react-component"||name==="data-pb-react-props")return;const key=name.replace("data-pb-","");if(props[key]===void 0)props[key]=attr.value}));return props}toKebabCase(str){return str.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/([a-zA-Z])([0-9])/g,"$1-$2").replace(/([0-9])([a-zA-Z])/g,"$1-$2").toLowerCase()}}window.ComponentRegistry=window.ComponentRegistry||new ComponentRegistry;const ComponentRegistry$1=window.ComponentRegistry;function mountComponents(root){ComponentRegistry$1.mountComponents(root||document)}function unmountComponents(){ComponentRegistry$1.unmountComponents()}if(document.readyState==="loading"){document.addEventListener("DOMContentLoaded",(()=>mountComponents()))}else{mountComponents()}document.addEventListener("turbo:load",(()=>mountComponents()));document.addEventListener("turbo:render",(()=>mountComponents()));document.addEventListener("turbo:before-cache",unmountComponents);document.addEventListener("turbo:before-frame-render",(e=>{ComponentRegistry$1.unmountWithin(e.target)}),{capture:true});document.addEventListener("turbo:frame-render",(e=>{mountComponents(e.target)}));document.addEventListener("turbo:frame-load",(e=>{mountComponents(e.target)}));let mo;try{mo=new MutationObserver((muts=>{var _a,_b;for(const m of muts){for(const n of m.addedNodes){if(n.nodeType===1){const el=n;if(((_a=el.matches)==null?void 0:_a.call(el,"[data-pb-react-component]"))||((_b=el.querySelector)==null?void 0:_b.call(el,"[data-pb-react-component]"))){requestAnimationFrame((()=>mountComponents(el.ownerDocument||document)));return}}}}}));mo.observe(document.documentElement,{childList:true,subtree:true})}catch(_){}ComponentRegistry$1.registerComponents({BarGraph:BarGraph,CircleChart:CircleChart,DistributionBar:DistributionBar,MultiLevelSelect:MultiLevelSelect,Legend:Legend,LineGraph:LineGraph,Passphrase:Passphrase,RichTextEditor:RichTextEditor,Typeahead:Typeahead,Gauge:Gauge,PhoneNumberInput:PhoneNumberInput,PbBarGraph:PbBarGraph,PbCircleChart:PbCircleChart,PbLineGraph:PbLineGraph,PbGaugeChart:PbGaugeChart});const mountPlaybookReactKits=()=>{ComponentRegistry$1.mountComponents()};const observer=new MutationObserver((()=>{mountPlaybookReactKits()}));observer.observe(document.body,{childList:true,subtree:true});
|