honeycombatomiclib 0.0.17 → 0.0.18
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.
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
* @return {boolean} True if the event is supported.
|
|
39
39
|
* @internal
|
|
40
40
|
* @license Modernizr 3.0.0pre (Custom Build) | MIT
|
|
41
|
-
*/,isEventSupported_1=function(n,r){if(!t.canUseDOM||r&&!("addEventListener"in document))return!1;var o="on"+n,i=o in document;if(!i){var a=document.createElement("div");a.setAttribute(o,"return;"),i="function"==typeof a[o]}return!i&&e&&"wheel"===n&&(i=document.implementation.hasFeature("Events.wheel","3.0")),i}}function requireNormalizeWheel$1(){if(hasRequiredNormalizeWheel$1)return normalizeWheel_1;hasRequiredNormalizeWheel$1=1;var e=requireUserAgent_DEPRECATED(),t=requireIsEventSupported();function n(e){var t=0,n=0,r=0,o=0;return"detail"in e&&(n=e.detail),"wheelDelta"in e&&(n=-e.wheelDelta/120),"wheelDeltaY"in e&&(n=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(t=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(t=n,n=0),r=10*t,o=10*n,"deltaY"in e&&(o=e.deltaY),"deltaX"in e&&(r=e.deltaX),(r||o)&&e.deltaMode&&(1==e.deltaMode?(r*=40,o*=40):(r*=800,o*=800)),r&&!t&&(t=r<1?-1:1),o&&!n&&(n=o<1?-1:1),{spinX:t,spinY:n,pixelX:r,pixelY:o}}return n.getEventType=function(){return e.firefox()?"DOMMouseScroll":t("wheel")?"wheel":"mousewheel"},normalizeWheel_1=n}function requireNormalizeWheel(){return hasRequiredNormalizeWheel?normalizeWheel$1:(hasRequiredNormalizeWheel=1,normalizeWheel$1=requireNormalizeWheel$1())}styleInject(css_248z$l);var normalizeWheelExports=requireNormalizeWheel(),normalizeWheel=getDefaultExportFromCjs(normalizeWheelExports);function getCropSize(e,t,n,r,o,i){void 0===i&&(i=0);var a=rotateSize(e,t,i),s=a.width,l=a.height,p=Math.min(s,n),c=Math.min(l,r);return p>c*o?{width:c*o,height:c}:{width:p,height:p/o}}function getMediaZoom(e){return e.width>e.height?e.width/e.naturalWidth:e.height/e.naturalHeight}function restrictPosition(e,t,n,r,o){void 0===o&&(o=0);var i=rotateSize(t.width,t.height,o),a=i.width,s=i.height;return{x:restrictPositionCoord(e.x,a,n.width,r),y:restrictPositionCoord(e.y,s,n.height,r)}}function restrictPositionCoord(e,t,n,r){var o=t*r/2-n/2;return clamp(e,-o,o)}function getDistanceBetweenPoints(e,t){return Math.sqrt(Math.pow(e.y-t.y,2)+Math.pow(e.x-t.x,2))}function getRotationBetweenPoints(e,t){return 180*Math.atan2(t.y-e.y,t.x-e.x)/Math.PI}function computeCroppedArea(e,t,n,r,o,i,a){void 0===i&&(i=0),void 0===a&&(a=!0);var s=a?limitArea:noOp,l=rotateSize(t.width,t.height,i),p=rotateSize(t.naturalWidth,t.naturalHeight,i),c={x:s(100,((l.width-n.width/o)/2-e.x/o)/l.width*100),y:s(100,((l.height-n.height/o)/2-e.y/o)/l.height*100),width:s(100,n.width/l.width*100/o),height:s(100,n.height/l.height*100/o)},d=Math.round(s(p.width,c.width*p.width/100)),u=Math.round(s(p.height,c.height*p.height/100)),h=p.width>=p.height*r?{width:Math.round(u*r),height:u}:{width:d,height:Math.round(d/r)};return{croppedAreaPercentages:c,croppedAreaPixels:__assign(__assign({},h),{x:Math.round(s(p.width-h.width,c.x*p.width/100)),y:Math.round(s(p.height-h.height,c.y*p.height/100))})}}function limitArea(e,t){return Math.min(e,Math.max(0,t))}function noOp(e,t){return t}function getInitialCropFromCroppedAreaPercentages(e,t,n,r,o,i){var a=rotateSize(t.width,t.height,n),s=clamp(r.width/a.width*(100/e.width),o,i);return{crop:{x:s*a.width/2-r.width/2-a.width*s*(e.x/100),y:s*a.height/2-r.height/2-a.height*s*(e.y/100)},zoom:s}}function getZoomFromCroppedAreaPixels(e,t,n){var r=getMediaZoom(t);return n.height>n.width?n.height/(e.height*r):n.width/(e.width*r)}function getInitialCropFromCroppedAreaPixels(e,t,n,r,o,i){void 0===n&&(n=0);var a=rotateSize(t.naturalWidth,t.naturalHeight,n),s=clamp(getZoomFromCroppedAreaPixels(e,t,r),o,i),l=r.height>r.width?r.height/e.height:r.width/e.width;return{crop:{x:((a.width-e.width)/2-e.x)*l,y:((a.height-e.height)/2-e.y)*l},zoom:s}}function getCenter(e,t){return{x:(t.x+e.x)/2,y:(t.y+e.y)/2}}function getRadianAngle(e){return e*Math.PI/180}function rotateSize(e,t,n){var r=getRadianAngle(n);return{width:Math.abs(Math.cos(r)*e)+Math.abs(Math.sin(r)*t),height:Math.abs(Math.sin(r)*e)+Math.abs(Math.cos(r)*t)}}function clamp(e,t,n){return Math.min(Math.max(e,t),n)}function classNames(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter(function(e){return"string"==typeof e&&e.length>0}).join(" ").trim()}var css_248z$k=".reactEasyCrop_Container {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow: hidden;\n user-select: none;\n touch-action: none;\n cursor: move;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.reactEasyCrop_Image,\n.reactEasyCrop_Video {\n will-change: transform; /* this improves performances and prevent painting issues on iOS Chrome */\n}\n\n.reactEasyCrop_Contain {\n max-width: 100%;\n max-height: 100%;\n margin: auto;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n}\n.reactEasyCrop_Cover_Horizontal {\n width: 100%;\n height: auto;\n}\n.reactEasyCrop_Cover_Vertical {\n width: auto;\n height: 100%;\n}\n\n.reactEasyCrop_CropArea {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n border: 1px solid rgba(255, 255, 255, 0.5);\n box-sizing: border-box;\n box-shadow: 0 0 0 9999em;\n color: rgba(0, 0, 0, 0.5);\n overflow: hidden;\n}\n\n.reactEasyCrop_CropAreaRound {\n border-radius: 50%;\n}\n\n.reactEasyCrop_CropAreaGrid::before {\n content: ' ';\n box-sizing: border-box;\n position: absolute;\n border: 1px solid rgba(255, 255, 255, 0.5);\n top: 0;\n bottom: 0;\n left: 33.33%;\n right: 33.33%;\n border-top: 0;\n border-bottom: 0;\n}\n\n.reactEasyCrop_CropAreaGrid::after {\n content: ' ';\n box-sizing: border-box;\n position: absolute;\n border: 1px solid rgba(255, 255, 255, 0.5);\n top: 33.33%;\n bottom: 33.33%;\n left: 0;\n right: 0;\n border-left: 0;\n border-right: 0;\n}\n",MIN_ZOOM=1,MAX_ZOOM=3,KEYBOARD_STEP=1,Cropper=function(e){function t(){var n=null!==e&&e.apply(this,arguments)||this;return n.cropperRef=React__namespace.createRef(),n.imageRef=React__namespace.createRef(),n.videoRef=React__namespace.createRef(),n.containerPosition={x:0,y:0},n.containerRef=null,n.styleRef=null,n.containerRect=null,n.mediaSize={width:0,height:0,naturalWidth:0,naturalHeight:0},n.dragStartPosition={x:0,y:0},n.dragStartCrop={x:0,y:0},n.gestureZoomStart=0,n.gestureRotationStart=0,n.isTouching=!1,n.lastPinchDistance=0,n.lastPinchRotation=0,n.rafDragTimeout=null,n.rafPinchTimeout=null,n.wheelTimer=null,n.currentDoc="undefined"!=typeof document?document:null,n.currentWindow="undefined"!=typeof window?window:null,n.resizeObserver=null,n.previousCropSize=null,n.isInitialized=!1,n.state={cropSize:null,hasWheelJustStarted:!1,mediaObjectFit:void 0},n.initResizeObserver=function(){if(void 0!==window.ResizeObserver&&n.containerRef){var e=!0;n.resizeObserver=new window.ResizeObserver(function(t){e?e=!1:n.computeSizes()}),n.resizeObserver.observe(n.containerRef)}},n.preventZoomSafari=function(e){return e.preventDefault()},n.cleanEvents=function(){n.currentDoc&&(n.currentDoc.removeEventListener("mousemove",n.onMouseMove),n.currentDoc.removeEventListener("mouseup",n.onDragStopped),n.currentDoc.removeEventListener("touchmove",n.onTouchMove),n.currentDoc.removeEventListener("touchend",n.onDragStopped),n.currentDoc.removeEventListener("gesturechange",n.onGestureChange),n.currentDoc.removeEventListener("gestureend",n.onGestureEnd),n.currentDoc.removeEventListener("scroll",n.onScroll))},n.clearScrollEvent=function(){n.containerRef&&n.containerRef.removeEventListener("wheel",n.onWheel),n.wheelTimer&&clearTimeout(n.wheelTimer)},n.onMediaLoad=function(){var e=n.computeSizes();e&&(n.previousCropSize=e,n.emitCropData(),n.setInitialCrop(e),n.isInitialized=!0),n.props.onMediaLoaded&&n.props.onMediaLoaded(n.mediaSize)},n.setInitialCrop=function(e){if(n.props.initialCroppedAreaPercentages){var t=getInitialCropFromCroppedAreaPercentages(n.props.initialCroppedAreaPercentages,n.mediaSize,n.props.rotation,e,n.props.minZoom,n.props.maxZoom),r=t.crop,o=t.zoom;n.props.onCropChange(r),n.props.onZoomChange&&n.props.onZoomChange(o)}else if(n.props.initialCroppedAreaPixels){var i=getInitialCropFromCroppedAreaPixels(n.props.initialCroppedAreaPixels,n.mediaSize,n.props.rotation,e,n.props.minZoom,n.props.maxZoom);r=i.crop,o=i.zoom;n.props.onCropChange(r),n.props.onZoomChange&&n.props.onZoomChange(o)}},n.computeSizes=function(){var e,t,r,o,i,a,s=n.imageRef.current||n.videoRef.current;if(s&&n.containerRef){n.containerRect=n.containerRef.getBoundingClientRect(),n.saveContainerPosition();var l=n.containerRect.width/n.containerRect.height,p=(null===(e=n.imageRef.current)||void 0===e?void 0:e.naturalWidth)||(null===(t=n.videoRef.current)||void 0===t?void 0:t.videoWidth)||0,c=(null===(r=n.imageRef.current)||void 0===r?void 0:r.naturalHeight)||(null===(o=n.videoRef.current)||void 0===o?void 0:o.videoHeight)||0,d=p/c,u=void 0;if(s.offsetWidth<p||s.offsetHeight<c)switch(n.state.mediaObjectFit){default:case"contain":u=l>d?{width:n.containerRect.height*d,height:n.containerRect.height}:{width:n.containerRect.width,height:n.containerRect.width/d};break;case"horizontal-cover":u={width:n.containerRect.width,height:n.containerRect.width/d};break;case"vertical-cover":u={width:n.containerRect.height*d,height:n.containerRect.height}}else u={width:s.offsetWidth,height:s.offsetHeight};n.mediaSize=__assign(__assign({},u),{naturalWidth:p,naturalHeight:c}),n.props.setMediaSize&&n.props.setMediaSize(n.mediaSize);var h=n.props.cropSize?n.props.cropSize:getCropSize(n.mediaSize.width,n.mediaSize.height,n.containerRect.width,n.containerRect.height,n.props.aspect,n.props.rotation);return(null===(i=n.state.cropSize)||void 0===i?void 0:i.height)===h.height&&(null===(a=n.state.cropSize)||void 0===a?void 0:a.width)===h.width||n.props.onCropSizeChange&&n.props.onCropSizeChange(h),n.setState({cropSize:h},n.recomputeCropPosition),n.props.setCropSize&&n.props.setCropSize(h),h}},n.saveContainerPosition=function(){if(n.containerRef){var e=n.containerRef.getBoundingClientRect();n.containerPosition={x:e.left,y:e.top}}},n.onMouseDown=function(e){n.currentDoc&&(e.preventDefault(),n.currentDoc.addEventListener("mousemove",n.onMouseMove),n.currentDoc.addEventListener("mouseup",n.onDragStopped),n.saveContainerPosition(),n.onDragStart(t.getMousePoint(e)))},n.onMouseMove=function(e){return n.onDrag(t.getMousePoint(e))},n.onScroll=function(e){n.currentDoc&&(e.preventDefault(),n.saveContainerPosition())},n.onTouchStart=function(e){n.currentDoc&&(n.isTouching=!0,n.props.onTouchRequest&&!n.props.onTouchRequest(e)||(n.currentDoc.addEventListener("touchmove",n.onTouchMove,{passive:!1}),n.currentDoc.addEventListener("touchend",n.onDragStopped),n.saveContainerPosition(),2===e.touches.length?n.onPinchStart(e):1===e.touches.length&&n.onDragStart(t.getTouchPoint(e.touches[0]))))},n.onTouchMove=function(e){e.preventDefault(),2===e.touches.length?n.onPinchMove(e):1===e.touches.length&&n.onDrag(t.getTouchPoint(e.touches[0]))},n.onGestureStart=function(e){n.currentDoc&&(e.preventDefault(),n.currentDoc.addEventListener("gesturechange",n.onGestureChange),n.currentDoc.addEventListener("gestureend",n.onGestureEnd),n.gestureZoomStart=n.props.zoom,n.gestureRotationStart=n.props.rotation)},n.onGestureChange=function(e){if(e.preventDefault(),!n.isTouching){var r=t.getMousePoint(e),o=n.gestureZoomStart-1+e.scale;if(n.setNewZoom(o,r,{shouldUpdatePosition:!0}),n.props.onRotationChange){var i=n.gestureRotationStart+e.rotation;n.props.onRotationChange(i)}}},n.onGestureEnd=function(e){n.cleanEvents()},n.onDragStart=function(e){var t,r,o=e.x,i=e.y;n.dragStartPosition={x:o,y:i},n.dragStartCrop=__assign({},n.props.crop),null===(r=(t=n.props).onInteractionStart)||void 0===r||r.call(t)},n.onDrag=function(e){var t=e.x,r=e.y;n.currentWindow&&(n.rafDragTimeout&&n.currentWindow.cancelAnimationFrame(n.rafDragTimeout),n.rafDragTimeout=n.currentWindow.requestAnimationFrame(function(){if(n.state.cropSize&&void 0!==t&&void 0!==r){var e=t-n.dragStartPosition.x,o=r-n.dragStartPosition.y,i={x:n.dragStartCrop.x+e,y:n.dragStartCrop.y+o},a=n.props.restrictPosition?restrictPosition(i,n.mediaSize,n.state.cropSize,n.props.zoom,n.props.rotation):i;n.props.onCropChange(a)}}))},n.onDragStopped=function(){var e,t;n.isTouching=!1,n.cleanEvents(),n.emitCropData(),null===(t=(e=n.props).onInteractionEnd)||void 0===t||t.call(e)},n.onWheel=function(e){if(n.currentWindow&&(!n.props.onWheelRequest||n.props.onWheelRequest(e))){e.preventDefault();var r=t.getMousePoint(e),o=normalizeWheel(e).pixelY,i=n.props.zoom-o*n.props.zoomSpeed/200;n.setNewZoom(i,r,{shouldUpdatePosition:!0}),n.state.hasWheelJustStarted||n.setState({hasWheelJustStarted:!0},function(){var e,t;return null===(t=(e=n.props).onInteractionStart)||void 0===t?void 0:t.call(e)}),n.wheelTimer&&clearTimeout(n.wheelTimer),n.wheelTimer=n.currentWindow.setTimeout(function(){return n.setState({hasWheelJustStarted:!1},function(){var e,t;return null===(t=(e=n.props).onInteractionEnd)||void 0===t?void 0:t.call(e)})},250)}},n.getPointOnContainer=function(e,t){var r=e.x,o=e.y;if(!n.containerRect)throw new Error("The Cropper is not mounted");return{x:n.containerRect.width/2-(r-t.x),y:n.containerRect.height/2-(o-t.y)}},n.getPointOnMedia=function(e){var t=e.x,r=e.y,o=n.props,i=o.crop,a=o.zoom;return{x:(t+i.x)/a,y:(r+i.y)/a}},n.setNewZoom=function(e,t,r){var o=(void 0===r?{}:r).shouldUpdatePosition,i=void 0===o||o;if(n.state.cropSize&&n.props.onZoomChange){var a=clamp(e,n.props.minZoom,n.props.maxZoom);if(i){var s=n.getPointOnContainer(t,n.containerPosition),l=n.getPointOnMedia(s),p={x:l.x*a-s.x,y:l.y*a-s.y},c=n.props.restrictPosition?restrictPosition(p,n.mediaSize,n.state.cropSize,a,n.props.rotation):p;n.props.onCropChange(c)}n.props.onZoomChange(a)}},n.getCropData=function(){return n.state.cropSize?computeCroppedArea(n.props.restrictPosition?restrictPosition(n.props.crop,n.mediaSize,n.state.cropSize,n.props.zoom,n.props.rotation):n.props.crop,n.mediaSize,n.state.cropSize,n.getAspect(),n.props.zoom,n.props.rotation,n.props.restrictPosition):null},n.emitCropData=function(){var e=n.getCropData();if(e){var t=e.croppedAreaPercentages,r=e.croppedAreaPixels;n.props.onCropComplete&&n.props.onCropComplete(t,r),n.props.onCropAreaChange&&n.props.onCropAreaChange(t,r)}},n.emitCropAreaChange=function(){var e=n.getCropData();if(e){var t=e.croppedAreaPercentages,r=e.croppedAreaPixels;n.props.onCropAreaChange&&n.props.onCropAreaChange(t,r)}},n.recomputeCropPosition=function(){var e,t;if(n.state.cropSize){var r=n.props.crop;if(n.isInitialized&&(null===(e=n.previousCropSize)||void 0===e?void 0:e.width)&&(null===(t=n.previousCropSize)||void 0===t?void 0:t.height))if(Math.abs(n.previousCropSize.width-n.state.cropSize.width)>1e-6||Math.abs(n.previousCropSize.height-n.state.cropSize.height)>1e-6){var o=n.state.cropSize.width/n.previousCropSize.width,i=n.state.cropSize.height/n.previousCropSize.height;r={x:n.props.crop.x*o,y:n.props.crop.y*i}}var a=n.props.restrictPosition?restrictPosition(r,n.mediaSize,n.state.cropSize,n.props.zoom,n.props.rotation):r;n.previousCropSize=n.state.cropSize,n.props.onCropChange(a),n.emitCropData()}},n.onKeyDown=function(e){var t,r,o=n.props,i=o.crop,a=o.onCropChange,s=o.keyboardStep,l=o.zoom,p=o.rotation,c=s;if(n.state.cropSize){e.shiftKey&&(c*=.2);var d=__assign({},i);switch(e.key){case"ArrowUp":d.y-=c,e.preventDefault();break;case"ArrowDown":d.y+=c,e.preventDefault();break;case"ArrowLeft":d.x-=c,e.preventDefault();break;case"ArrowRight":d.x+=c,e.preventDefault();break;default:return}n.props.restrictPosition&&(d=restrictPosition(d,n.mediaSize,n.state.cropSize,l,p)),e.repeat||null===(r=(t=n.props).onInteractionStart)||void 0===r||r.call(t),a(d)}},n.onKeyUp=function(e){var t,r;switch(e.key){case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":e.preventDefault();break;default:return}n.emitCropData(),null===(r=(t=n.props).onInteractionEnd)||void 0===r||r.call(t)},n}return __extends(t,e),t.prototype.componentDidMount=function(){this.currentDoc&&this.currentWindow&&(this.containerRef&&(this.containerRef.ownerDocument&&(this.currentDoc=this.containerRef.ownerDocument),this.currentDoc.defaultView&&(this.currentWindow=this.currentDoc.defaultView),this.initResizeObserver(),void 0===window.ResizeObserver&&this.currentWindow.addEventListener("resize",this.computeSizes),this.props.zoomWithScroll&&this.containerRef.addEventListener("wheel",this.onWheel,{passive:!1}),this.containerRef.addEventListener("gesturestart",this.onGestureStart)),this.currentDoc.addEventListener("scroll",this.onScroll),this.props.disableAutomaticStylesInjection||(this.styleRef=this.currentDoc.createElement("style"),this.styleRef.setAttribute("type","text/css"),this.props.nonce&&this.styleRef.setAttribute("nonce",this.props.nonce),this.styleRef.innerHTML=css_248z$k,this.currentDoc.head.appendChild(this.styleRef)),this.imageRef.current&&this.imageRef.current.complete&&this.onMediaLoad(),this.props.setImageRef&&this.props.setImageRef(this.imageRef),this.props.setVideoRef&&this.props.setVideoRef(this.videoRef),this.props.setCropperRef&&this.props.setCropperRef(this.cropperRef))},t.prototype.componentWillUnmount=function(){var e,t;this.currentDoc&&this.currentWindow&&(void 0===window.ResizeObserver&&this.currentWindow.removeEventListener("resize",this.computeSizes),null===(e=this.resizeObserver)||void 0===e||e.disconnect(),this.containerRef&&this.containerRef.removeEventListener("gesturestart",this.preventZoomSafari),this.styleRef&&(null===(t=this.styleRef.parentNode)||void 0===t||t.removeChild(this.styleRef)),this.cleanEvents(),this.props.zoomWithScroll&&this.clearScrollEvent())},t.prototype.componentDidUpdate=function(e){var t,n,r,o,i,a,s,l,p;e.rotation!==this.props.rotation?(this.computeSizes(),this.recomputeCropPosition()):e.aspect!==this.props.aspect||e.objectFit!==this.props.objectFit?this.computeSizes():e.zoom!==this.props.zoom?this.recomputeCropPosition():(null===(t=e.cropSize)||void 0===t?void 0:t.height)!==(null===(n=this.props.cropSize)||void 0===n?void 0:n.height)||(null===(r=e.cropSize)||void 0===r?void 0:r.width)!==(null===(o=this.props.cropSize)||void 0===o?void 0:o.width)?this.computeSizes():(null===(i=e.crop)||void 0===i?void 0:i.x)===(null===(a=this.props.crop)||void 0===a?void 0:a.x)&&(null===(s=e.crop)||void 0===s?void 0:s.y)===(null===(l=this.props.crop)||void 0===l?void 0:l.y)||this.emitCropAreaChange(),e.zoomWithScroll!==this.props.zoomWithScroll&&this.containerRef&&(this.props.zoomWithScroll?this.containerRef.addEventListener("wheel",this.onWheel,{passive:!1}):this.clearScrollEvent()),e.video!==this.props.video&&(null===(p=this.videoRef.current)||void 0===p||p.load());var c=this.getObjectFit();c!==this.state.mediaObjectFit&&this.setState({mediaObjectFit:c},this.computeSizes)},t.prototype.getAspect=function(){var e=this.props,t=e.cropSize,n=e.aspect;return t?t.width/t.height:n},t.prototype.getObjectFit=function(){var e,t,n,r;if("cover"===this.props.objectFit){if((this.imageRef.current||this.videoRef.current)&&this.containerRef){this.containerRect=this.containerRef.getBoundingClientRect();var o=this.containerRect.width/this.containerRect.height;return((null===(e=this.imageRef.current)||void 0===e?void 0:e.naturalWidth)||(null===(t=this.videoRef.current)||void 0===t?void 0:t.videoWidth)||0)/((null===(n=this.imageRef.current)||void 0===n?void 0:n.naturalHeight)||(null===(r=this.videoRef.current)||void 0===r?void 0:r.videoHeight)||0)<o?"horizontal-cover":"vertical-cover"}return"horizontal-cover"}return this.props.objectFit},t.prototype.onPinchStart=function(e){var n=t.getTouchPoint(e.touches[0]),r=t.getTouchPoint(e.touches[1]);this.lastPinchDistance=getDistanceBetweenPoints(n,r),this.lastPinchRotation=getRotationBetweenPoints(n,r),this.onDragStart(getCenter(n,r))},t.prototype.onPinchMove=function(e){var n=this;if(this.currentDoc&&this.currentWindow){var r=t.getTouchPoint(e.touches[0]),o=t.getTouchPoint(e.touches[1]),i=getCenter(r,o);this.onDrag(i),this.rafPinchTimeout&&this.currentWindow.cancelAnimationFrame(this.rafPinchTimeout),this.rafPinchTimeout=this.currentWindow.requestAnimationFrame(function(){var e=getDistanceBetweenPoints(r,o),t=n.props.zoom*(e/n.lastPinchDistance);n.setNewZoom(t,i,{shouldUpdatePosition:!1}),n.lastPinchDistance=e;var a=getRotationBetweenPoints(r,o),s=n.props.rotation+(a-n.lastPinchRotation);n.props.onRotationChange&&n.props.onRotationChange(s),n.lastPinchRotation=a})}},t.prototype.render=function(){var e,t=this,n=this.props,r=n.image,o=n.video,i=n.mediaProps,a=n.cropperProps,s=n.transform,l=n.crop,p=l.x,c=l.y,d=n.rotation,u=n.zoom,h=n.cropShape,b=n.showGrid,m=n.roundCropAreaPixels,f=n.style,g=f.containerStyle,v=f.cropAreaStyle,y=f.mediaStyle,x=n.classes,w=x.containerClassName,k=x.cropAreaClassName,_=x.mediaClassName,S=null!==(e=this.state.mediaObjectFit)&&void 0!==e?e:this.getObjectFit();return React__namespace.createElement("div",{onMouseDown:this.onMouseDown,onTouchStart:this.onTouchStart,ref:function(e){return t.containerRef=e},"data-testid":"container",style:g,className:classNames("reactEasyCrop_Container",w)},r?React__namespace.createElement("img",__assign({alt:"",className:classNames("reactEasyCrop_Image","contain"===S&&"reactEasyCrop_Contain","horizontal-cover"===S&&"reactEasyCrop_Cover_Horizontal","vertical-cover"===S&&"reactEasyCrop_Cover_Vertical",_)},i,{src:r,ref:this.imageRef,style:__assign(__assign({},y),{transform:s||"translate(".concat(p,"px, ").concat(c,"px) rotate(").concat(d,"deg) scale(").concat(u,")")}),onLoad:this.onMediaLoad})):o&&React__namespace.createElement("video",__assign({autoPlay:!0,playsInline:!0,loop:!0,muted:!0,className:classNames("reactEasyCrop_Video","contain"===S&&"reactEasyCrop_Contain","horizontal-cover"===S&&"reactEasyCrop_Cover_Horizontal","vertical-cover"===S&&"reactEasyCrop_Cover_Vertical",_)},i,{ref:this.videoRef,onLoadedMetadata:this.onMediaLoad,style:__assign(__assign({},y),{transform:s||"translate(".concat(p,"px, ").concat(c,"px) rotate(").concat(d,"deg) scale(").concat(u,")")}),controls:!1}),(Array.isArray(o)?o:[{src:o}]).map(function(e){return React__namespace.createElement("source",__assign({key:e.src},e))})),this.state.cropSize&&React__namespace.createElement("div",__assign({ref:this.cropperRef,style:__assign(__assign({},v),{width:m?Math.round(this.state.cropSize.width):this.state.cropSize.width,height:m?Math.round(this.state.cropSize.height):this.state.cropSize.height}),tabIndex:0,onKeyDown:this.onKeyDown,onKeyUp:this.onKeyUp,"data-testid":"cropper",className:classNames("reactEasyCrop_CropArea","round"===h&&"reactEasyCrop_CropAreaRound",b&&"reactEasyCrop_CropAreaGrid",k)},a)))},t.defaultProps={zoom:1,rotation:0,aspect:4/3,maxZoom:MAX_ZOOM,minZoom:MIN_ZOOM,cropShape:"rect",objectFit:"contain",showGrid:!0,style:{},classes:{},mediaProps:{},cropperProps:{},zoomSpeed:1,restrictPosition:!0,zoomWithScroll:!0,keyboardStep:KEYBOARD_STEP},t.getMousePoint=function(e){return{x:Number(e.clientX),y:Number(e.clientY)}},t.getTouchPoint=function(e){return{x:Number(e.clientX),y:Number(e.clientY)}},t}(React__namespace.Component),css_248z$j=".bee-image-cropper {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n min-width: 320px;\n}\n.bee-image-cropper__crop-container {\n position: relative;\n width: 100%;\n height: var(--bee-image-cropper-height, 400px);\n min-height: 200px;\n background: var(--surface-100);\n border-radius: 6px;\n overflow: hidden;\n border: 1px solid var(--primary-color);\n}\n.bee-image-cropper__controls {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n padding: 0 0.25rem;\n}\n.bee-image-cropper__control-group {\n position: relative;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n height: 2.75rem;\n padding: 0 0.75rem;\n border: 2px solid var(--primary-color);\n border-radius: 6px;\n}\n.bee-image-cropper__control-group__label {\n position: absolute;\n top: 0;\n left: 0.75rem;\n transform: translateY(-50%);\n background: var(--surface-a);\n padding: 0 0.25rem;\n font-size: 0.75rem;\n font-weight: 500;\n color: var(--primary-color);\n white-space: nowrap;\n}\n.bee-image-cropper__control-group--zoom {\n flex: 1;\n min-width: 0;\n padding-left: 1.5rem;\n}\n.bee-image-cropper__control-group--zoom .bee-slider-primary,\n.bee-image-cropper__control-group--zoom .bee-slider-secondary {\n flex: 1;\n min-width: 100px;\n}\n.bee-image-cropper__control-group--zoom .bee-percentage-input-container {\n width: 65px;\n flex-shrink: 0;\n}\n.bee-image-cropper__control-group--zoom .bee-percentage-input-container .p-inputtext {\n border: none;\n background: transparent;\n box-shadow: none;\n}\n.bee-image-cropper__control-group--zoom .bee-percentage-input-container .p-inputtext:focus, .bee-image-cropper__control-group--zoom .bee-percentage-input-container .p-inputtext:hover, .bee-image-cropper__control-group--zoom .bee-percentage-input-container .p-inputtext:active {\n border: none;\n box-shadow: none;\n outline: none;\n}\n.bee-image-cropper__control-group--rotation {\n flex-shrink: 0;\n gap: 0;\n}\n.bee-image-cropper__control-group--disabled {\n border-color: var(--surface-400);\n opacity: 0.5;\n pointer-events: none;\n}\n.bee-image-cropper__control-group--disabled .bee-image-cropper__control-group__label {\n color: var(--surface-400);\n}\n.bee-image-cropper__rotation-btn.bee-icon-button {\n background: transparent;\n}\n.bee-image-cropper__rotation-btn.bee-icon-button .icon {\n font-size: 1.5em;\n font-weight: 800;\n}\n.bee-image-cropper__rotation-btn.bee-icon-button:hover, .bee-image-cropper__rotation-btn.bee-icon-button:focus, .bee-image-cropper__rotation-btn.bee-icon-button:active, .bee-image-cropper__rotation-btn.bee-icon-button:focus-visible {\n background: transparent;\n box-shadow: none;\n}\n.bee-image-cropper__rotation-btn--flipped .icon {\n transform: scaleX(-1);\n}\n.bee-image-cropper__overlay-controls {\n position: absolute;\n bottom: 0.75rem;\n right: 0.75rem;\n display: flex;\n gap: 0.25rem;\n padding: 0.375rem;\n background: var(--primary-color-32);\n border-radius: 6px;\n z-index: 10;\n}\n.bee-image-cropper__overlay-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem;\n border: none;\n border-radius: 4px;\n background: transparent;\n cursor: pointer;\n transition: background 0.15s;\n}\n.bee-image-cropper__overlay-btn i {\n color: var(--surface-a);\n font-size: 1rem;\n}\n.bee-image-cropper__overlay-btn:hover {\n background: var(--surface-400);\n}\n.bee-image-cropper__overlay-btn:disabled {\n opacity: 0.4;\n cursor: default;\n}\n.bee-image-cropper__overlay-btn--flipped i {\n transform: scaleX(-1);\n}";styleInject(css_248z$j);const MIN_ZOOM_DEFAULT=1,MAX_ZOOM_DEFAULT=3,PERCENTAGE_MULTIPLIER=100,ZOOM_STEP=.1;var BeeImageCropper=React.forwardRef(function(e,t){const{image:n,id:r,className:o,cropShape:i="rect",aspectWidth:a,aspectHeight:s,cropSize:l,maxOutputSize:p,showZoom:c,showRotation:d,controlsPosition:u="overlay",minZoom:h,maxZoom:b,zoomStep:m,disabled:f,zoomLabel:g,rotateLabel:v}=e,[y]=libExports.useId(1,"bee-image-cropper-"),x=null!=r?r:y,w="bee-image-cropper",k=f?`${w}__control-group--disabled`:"",[_,S]=React.useState({x:0,y:0}),[q,C]=React.useState(1),[E,P]=React.useState(0),[A,$]=React.useState(null),T=null!=p?p:1024,I=null!=u?u:"overlay",D=null!=m?m:ZOOM_STEP;function M(e){return e*Math.PI/180}return React.useImperativeHandle(t,()=>({getCroppedFile:()=>new Promise((e,t)=>{var r;A?(r=n,new Promise((e,t)=>{const n=new Image;n.onload=()=>e(n),n.onerror=()=>t(new Error("Failed to load image")),n.crossOrigin="anonymous",n.src=r})).then(n=>{let r=n;0!==E&&(r=function(e,t){const n=function(e,t,n){const r=M(n),o=Math.abs(Math.cos(r)),i=Math.abs(Math.sin(r));return{width:e*o+t*i,height:e*i+t*o}}(e.width,e.height,t),r=document.createElement("canvas");r.width=n.width,r.height=n.height;const o=r.getContext("2d");if(!o)return console.warn("[Line 215] BeeImageCropper > createRotatedImageCanvas(): Could not get canvas 2d context - returning empty canvas"),r;return o.translate(r.width/2,r.height/2),o.rotate(M(t)),o.drawImage(e,-e.width/2,-e.height/2),r}(n,E));const o=function(e){const t=e.width,n=e.height,r=Math.max(t,n);if(r>T){const e=T/r;return{width:Math.round(t*e),height:Math.round(n*e)}}return{width:t,height:n}}(A),i=document.createElement("canvas");i.width=o.width,i.height=o.height;const a=i.getContext("2d");a?(a.drawImage(r,A.x,A.y,A.width,A.height,0,0,o.width,o.height),i.toBlob(n=>{if(!n)return void t(new Error("Failed to create blob"));const r=new File([n],"cropped.png",{type:"image/png"});e(r)},"image/png")):t(new Error("Could not get canvas context"))}).catch(e=>{t(e)}):t(new Error("No cropped area pixels"))})}),[n,A,E,T]),require$$0.jsxs("div",{id:x,className:`${w} ${null!=o?o:""}`,children:[require$$0.jsxs("div",{className:`${w}__crop-container`,role:"application","aria-label":"Bildausschnitt anpassen - Ziehen zum Verschieben, Scrollen zum Zoomen",children:[require$$0.jsx(Cropper,Object.assign({image:n,crop:_,zoom:q,rotation:E,aspect:a&&s?a/s:1,cropShape:null!=i?i:"rect"},null!=l?{cropSize:l}:{},{minZoom:null!=h?h:MIN_ZOOM_DEFAULT,maxZoom:null!=b?b:MAX_ZOOM_DEFAULT,zoomSpeed:.1,mediaProps:{crossOrigin:"anonymous"},onCropChange:S,onZoomChange:C,onCropComplete:e=>{$(e)}})),"overlay"===I&&(c||d)&&require$$0.jsxs("div",{className:`${w}__overlay-controls`,children:[c&&require$$0.jsxs(require$$0.Fragment,{children:[require$$0.jsx("button",{className:`${w}__overlay-btn`,type:"button","aria-label":"Zoom verkleinern",disabled:null!=f&&f,onClick:()=>{const e=null!=h?h:MIN_ZOOM_DEFAULT;C(Math.max(q-D,e))},children:require$$0.jsx("i",{className:"pi pi-minus","aria-hidden":"true"})}),require$$0.jsx("button",{className:`${w}__overlay-btn`,type:"button","aria-label":"Zoom vergrößern",disabled:null!=f&&f,onClick:()=>{const e=null!=b?b:MAX_ZOOM_DEFAULT;C(Math.min(q+D,e))},children:require$$0.jsx("i",{className:"pi pi-plus","aria-hidden":"true"})})]}),d&&require$$0.jsxs(require$$0.Fragment,{children:[require$$0.jsx("button",{className:`${w}__overlay-btn ${w}__overlay-btn--flipped`,type:"button","aria-label":"90° gegen Uhrzeigersinn drehen",disabled:null!=f&&f,onClick:()=>{P(E-90)},children:require$$0.jsx("i",{className:"pi pi-refresh","aria-hidden":"true"})}),require$$0.jsx("button",{className:`${w}__overlay-btn`,type:"button","aria-label":"90° im Uhrzeigersinn drehen",disabled:null!=f&&f,onClick:()=>{P(E+90)},children:require$$0.jsx("i",{className:"pi pi-refresh","aria-hidden":"true"})})]})]})]}),"external"===I&&require$$0.jsxs("div",{className:`${w}__controls`,role:"toolbar","aria-label":"Bildbearbeitungsoptionen",children:[c&&require$$0.jsxs("div",{className:`${w}__control-group ${w}__control-group--zoom ${k}`,role:"group","aria-labelledby":`${x}-zoom-label`,children:[require$$0.jsx("span",{id:`${x}-zoom-label`,className:`${w}__control-group__label`,children:null!=g?g:"Zoom"}),require$$0.jsx(BeeSlider,{value:q,type:"primary",disabled:null!=f&&f,min:null!=h?h:MIN_ZOOM_DEFAULT,max:null!=b?b:MAX_ZOOM_DEFAULT,step:D,onChange:e=>{null!==(null==e?void 0:e.value)&&void 0!==(null==e?void 0:e.value)&&C(Number(e.value))}}),require$$0.jsx(BeePercentageInput,{value:q*PERCENTAGE_MULTIPLIER,disabled:null!=f&&f,min:(null!=h?h:MIN_ZOOM_DEFAULT)*PERCENTAGE_MULTIPLIER,max:(null!=b?b:MAX_ZOOM_DEFAULT)*PERCENTAGE_MULTIPLIER,maxFractionDigits:0,readOnly:!1,required:!1,onChange:e=>{null!==(null==e?void 0:e.value)&&void 0!==(null==e?void 0:e.value)&&C(e.value/PERCENTAGE_MULTIPLIER)}})]}),d&&require$$0.jsxs("div",{className:`${w}__control-group ${w}__control-group--rotation ${k}`,role:"group","aria-labelledby":`${x}-rotation-label`,children:[require$$0.jsx("span",{id:`${x}-rotation-label`,className:`${w}__control-group__label`,children:null!=v?v:"Rotation"}),require$$0.jsx(BeeIconButton,{className:`${w}__rotation-btn ${w}__rotation-btn--flipped`,iconClass:"pi pi-refresh",type:"lightPrimary",rounded:!0,disabled:f,onClick:()=>{P(E-90)}}),require$$0.jsx(BeeIconButton,{className:`${w}__rotation-btn`,iconClass:"pi pi-refresh",type:"lightPrimary",rounded:!0,disabled:f,onClick:()=>{P(E+90)}})]})]})]})}),css_248z$i=".bee-panel {\n background-color: transparent;\n border: none;\n box-shadow: none;\n}\n.bee-panel__toggle-wrapper {\n align-content: center;\n}\n.bee-panel__toggle-invisible {\n visibility: hidden;\n pointer-events: none;\n}\n.bee-panel__title {\n align-content: center;\n}\n.bee-panel:not(.bee-panel--audit) .bee-panel__header-row .bee-panel__title {\n flex: 1;\n}\n.bee-panel .p-panel-header {\n color: var(--primary-color);\n background-color: transparent;\n}\n.bee-panel .p-panel-header .p-panel-title {\n font-size: 1.2em;\n}\n.bee-panel .p-panel-header .p-panel-header-icon {\n height: 1em;\n}\n.bee-panel .p-panel-content {\n background: transparent;\n}\n\n.bee-panel--audit.p-panel.p-panel-toggleable .p-panel-header {\n color: var(--primary-color);\n padding: 0.125rem 0.25rem;\n}\n.bee-panel--audit.p-panel.p-panel-toggleable .p-panel-header .p-panel-title {\n font-size: 1rem;\n padding: 0.5em;\n}\n.bee-panel--audit.p-panel.p-panel-toggleable .p-panel-header .p-panel-title .p-button {\n font-size: 0.9rem;\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n.bee-panel--audit.p-panel.p-panel-toggleable .p-panel-header .p-panel-header-icon,\n.bee-panel--audit.p-panel.p-panel-toggleable .p-panel-header .bee-panel__toggle-wrapper .p-panel-header-icon {\n height: 0.8em;\n}\n.bee-panel--audit.p-panel.p-panel-toggleable .p-panel-header .bee-panel__toggle-wrapper {\n display: flex;\n align-items: center;\n align-content: center;\n}\n.bee-panel--audit.p-panel.p-panel-toggleable .p-panel-header .bee-panel__toggle-wrapper .p-panel-header-icon {\n border-radius: 50%;\n width: 1.75rem;\n min-width: 1.75rem;\n height: 1.75rem;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.bee-panel--audit.p-panel.p-panel-toggleable .p-panel-content {\n padding: 0;\n height: 25rem;\n overflow-y: auto;\n overflow-x: hidden;\n}";function BeePanel({id:e,className:t,variant:n="default",header:r,children:o,collapsed:i,type:a="primary",showToggle:s=!0,showAdd:l=!1,addLabel:p,readOnly:c,disabled:d,isPmView:u=!1,onToggle:h,onAddAddendum:b}){const m="primary"===a?"bee-panel--primary":"secondary"===a?"bee-panel--secondary":"bee-panel--primary",f=d?" disabled":"",g="audit"===n?" bee-panel--audit":"";return require$$0.jsx(panel.Panel,Object.assign({id:e,headerTemplate:e=>{const t=e.collapsed?"pi pi-chevron-down":"pi pi-chevron-up",o="audit"===n,i=o?`${e.className} justify-content-between`:`${e.className} mb-3`,a=o?`${e.titleClassName} pl-1 w-full`:`${e.titleClassName} pl-1`,h=l&&!c&&!u;return require$$0.jsxs("div",{className:i+" bee-panel__header",children:[require$$0.jsxs("div",{className:"bee-panel__header-row "+(o?"flex justify-content-start w-full":"flex"),children:[!o&&require$$0.jsx("div",{className:a+" bee-panel__title",children:r}),!c&&require$$0.jsx("div",{className:"bee-panel__toggle-wrapper "+(s?"":"bee-panel__toggle-invisible"),children:require$$0.jsx("button",{className:e.togglerClassName,onClick:e.onTogglerClick,children:require$$0.jsx("span",{className:t})})}),o&&require$$0.jsx("div",{className:a+" bee-panel__title",children:r})]}),o&&require$$0.jsx("div",{children:h&&require$$0.jsx(BeeMixButton,{label:null!=p?String(p):"",iconClass:"pi pi-plus",iconPos:"left",disabled:null!=d&&d,type:"lightPrimary",isLoading:!1,onClick:()=>null==b?void 0:b()})})]})},toggleable:!0,collapsed:i,className:"bee-panel"+m+f+g+(t?" "+t:"")},null!=h?{onToggle:h}:{},{children:require$$0.jsx(require$$0.Fragment,{children:o})}))}styleInject(css_248z$i);var css_248z$h=".bee-search-bar {\n display: flex;\n align-items: stretch;\n position: relative;\n}\n.bee-search-bar .p-inputtext {\n box-sizing: border-box;\n}\n.bee-search-bar .p-button-half-rounded {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.bee-search-bar-button-col .p-button.p-button-icon-only {\n height: 100%;\n flex-grow: 1;\n align-items: center;\n justify-content: center;\n}\n.bee-search-bar-button-col .p-button.p-button-icon-only .p-button-icon::before {\n font-size: 1rem;\n}\n\n.bee-search-bar-button-col .p-button.p-button-icon-only .p-button-icon::before {\n font-weight: 600;\n}\n\n.bee-search-bar .search-cancel {\n position: absolute;\n right: 2.5rem;\n top: 0.25rem;\n}";function BeeSearchBar({id:e,className:t,label:n,value:r,disabled:o,readOnly:i,deleteIcon:a,required:s,formstate:l="neutral",type:p="primary",onSearch:c}){const d=null!=e?e:libExports.useId(1,"bee-searchbar-")[0],u=React.useRef(null),[h,b]=React.useState(null!=r?r:""),m="bee-search-bar flex"+(t?" "+t:""),f=null!=a?a:"pi pi-times-circle";React.useEffect(()=>{b(null!=r?r:"")},[r]);const g=React.useCallback(lodashExports.debounce(()=>{(null==u?void 0:u.current)&&u.current.click()},1e3),[]),v=e=>{b(e),c&&c(e)},y=()=>{g&&g.cancel()},x=()=>{y(),o||v(h)};return require$$0.jsxs("div",{id:d,className:m,onKeyDown:e=>{"Enter"===e.key&&x()},children:[require$$0.jsx("div",{className:"w-full",children:require$$0.jsx(BeeTextInput,{value:null!==h?h:"",disabled:null!=o&&o,readOnly:null!=i&&i,required:null!=s&&s,formstate:l,halfRounded:!0,label:n,onChange:e=>{return t=e.target.value,b(t),void g();var t}})}),i?null:require$$0.jsxs("div",{className:"bee-search-bar-button-col",children:[require$$0.jsx(BeeIconButton,{iconClass:"pi pi-search",rounded:!1,halfRounded:!0,disabled:null!=o&&o,type:p,isLoading:!1,onClick:()=>x()}),require$$0.jsx("button",{ref:u,type:"button",onClick:()=>x(),style:{display:"none"}})]}),h&&""!==h?require$$0.jsx("div",{className:"search-cancel",children:require$$0.jsx(BeeIconButton,{iconClass:f,rounded:!0,disabled:null!=o&&o,type:"lightPrimary",isLoading:!1,onClick:e=>{b(""),v(""),y(),e.stopPropagation()}})}):null]})}styleInject(css_248z$h);var css_248z$g=".bee-skeleton-list .p-skeleton.p-component.bee-skeleton-rectangle {\n position: relative;\n border-radius: 4px;\n}";function BeeSkeletonList({id:e,className:t,noSkeletons:n=3,width:r,height:o,showHover:i,showShade:a}){const s=null!=e?e:libExports.useId(1,"bee-skeleton-list-")[0],l=Math.max(0,Math.floor(n)),p="bee-skeleton-list grid grid-nogutter flex-wrap"+(t?" "+t:"");return require$$0.jsx("div",{id:s,className:p,children:Array.from({length:l}).map(()=>require$$0.jsx(BeeSkeleton,{width:r,height:o,showHover:i,showShade:a}))})}styleInject(css_248z$g);var css_248z$f=".bee-flat-img-gallery-entry {\n height: 160px;\n width: 160px;\n}\n\n.bee-flat-img-gallery-entry .bee-gallery-img-add-button {\n width: 40%;\n height: 40%;\n}\n\n.bee-flat-img-gallery-entry .bee-gallery-img-add-button .p-button.p-button-icon-only.p-button-rounded {\n width: 60%;\n height: 60%;\n}\n\n.bee-flat-img-gallery-entry .bee-image-prev-copyright {\n display: none;\n}\n\n@media (max-width: 1000px) {\n .bee-flat-img-gallery-entry {\n height: 130px;\n width: 130px;\n padding: 0.4rem;\n }\n .bee-flat-img-gallery-entry .bee-gallery-img-add-button {\n width: 35%;\n height: 35%;\n }\n .bee-flat-img-gallery-entry .bee-gallery-img-add-button .p-button.p-button-icon-only.p-button-rounded {\n width: 65%;\n height: 65%;\n }\n .bee-flat-img-gallery-entry .bee-gallery-img-close-button .p-button.p-button-icon-only.p-button-rounded {\n height: 2rem;\n width: 2rem;\n }\n .bee-flat-img-gallery-entry .bee-gallery-img-close-button .p-button-icon {\n font-size: 0.9rem;\n }\n .bee-flat-img-gallery-entry .bee-gallery-img-content .bee-img-title {\n font-size: 12px;\n height: 20px;\n bottom: -28px;\n }\n}";function BeeFlatImageGallery({id:e,className:t,images:n,showAddOption:r,activateHover:o,readOnly:i,onClick:a,onRemove:s,onAdd:l}){const p=null!=e?e:libExports.useId(1,"bee-flat-img-gallery-")[0],c="grid bee-flat-img-gallery"+(t?" "+t:"");const d=e=>{var t,n,r,p,c,d,u,h;const b=null!==(t=null==e?void 0:e.id)&&void 0!==t?t:"-1";return require$$0.jsx("div",{className:"bee-flat-img-gallery-entry col-4 sm:col-3 md:col-2 lg:col-2 xl:col-1",children:require$$0.jsx(BeeGalleryImage,{id:b,readOnly:null!=i&&i,activateHover:null!=o&&o,imageUrl:null!==(n=null==e?void 0:e.url)&&void 0!==n?n:"",imageKey:null!==(r=null==e?void 0:e.key)&&void 0!==r?r:"",imageAlt:null!==(p=null==e?void 0:e.alt)&&void 0!==p?p:"",imageTitle:null!==(c=null==e?void 0:e.title)&&void 0!==c?c:"",imageCopyright:null!==(d=null==e?void 0:e.copyright)&&void 0!==d?d:"",isImageSecured:null!==(u=null==e?void 0:e.secured)&&void 0!==u&&u,showPlaceHolder:null!==(h=null==e?void 0:e.showPlaceholder)&&void 0!==h&&h,onClick:()=>function(e){a&&a(e)}(b),onRemove:()=>function(e){s&&s(e)}(b),onAdd:e=>function(e){l&&l(e)}(e)})},"img_"+b)};return require$$0.jsx("div",{id:p,className:c,children:(e=>{if(e){let t=r?[d(null)]:[];for(let n=0;n<e.length;n++){const r=e[n];t.push(d(null!=r?r:null))}return t}})(n)})}styleInject(css_248z$f);var css_248z$e=".bee-nutzungsart-mix {\n position: relative;\n}\n\n.bee-nutzungsarten-mix-label {\n z-index: 100;\n display: block;\n position: absolute;\n pointer-events: none;\n top: -0.35rem !important;\n margin-left: 7.8px;\n transition-property: all;\n transition-timing-function: ease;\n line-height: 1;\n font-size: 12px;\n color: var(--text-color-secondary);\n transition-duration: 0.2s;\n background-color: var(--label-background-color);\n padding-left: 4px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: -webkit-calc(100% - 49px);\n padding-right: 6px;\n}\n\n.bee-nutzungsart-mix-input {\n display: block;\n padding: 0.77rem 0.77rem;\n border: 1px solid var(--primary-border-color);\n border-radius: 4px;\n align-items: stretch;\n width: 100%;\n min-width: 220px;\n margin: 5px 0;\n}\n\n.bee-nutzungsart-mix-input table {\n width: 100%;\n}\n\n.bee-nutzungsart-mix-input .bee-nutzungsarten-table-title {\n width: 20%;\n min-width: 100px;\n text-align: left;\n padding: 5px;\n padding-left: 3%;\n padding-right: 20px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.bee-nutzungsart-mix-input .bee-nutzungsarten-table-percentage {\n width: 10%;\n max-width: 60px;\n padding-left: 20px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/* readOnly */\n.bee-nutzungsart-mix-readOnly {\n border-style: none;\n padding: 0.83rem;\n opacity: 1 !important;\n}\n\n.bee-nutzungsart-mix-readOnly .p-slider {\n opacity: 1 !important;\n pointer-events: none;\n}\n\n/* required */\n.bee-nutzungsart-mix-label .bee-nutzungsart-mix-required {\n padding-right: 3px;\n padding-left: 4px;\n}\n\n.bee-nutzungsart-mix-label .bee-nutzungsart-mix-required {\n position: absolute;\n right: 0px;\n max-width: 100%;\n padding-right: inherit;\n}\n\n/* disabled */\n.bee-nutzungsart-mix-disabled {\n pointer-events: none;\n opacity: 0.38;\n}\n\n/* formstate */\n.bee-validated-nutzungsart-mix-label {\n padding: 4px;\n padding-top: 0px;\n}\n\n.bee-nutzungsart-mix-valid {\n border-color: var(--valid-color);\n border-width: 2px;\n}\n\n.bee-nutzungsart-mix-error {\n border-color: var(--error-color);\n border-width: 2px;\n}";function BeeNutzungsartMix({id:e,className:t,label:n,disabled:r,forceRerenderToggle:o,aOffice:i,aRetail:a,aWohnen:s,aLogistik:l,aSonstige:p,type:c="primary",formstate:d="neutral",statusLabel:u,readOnly:h,required:b,onChange:m}){const f=null!=e?e:libExports.useId(1,"bee-nutzungsart-mix-")[0],[g,v]=React.useState(i),[y,x]=React.useState(a),[w,k]=React.useState(s),[_,S]=React.useState(l),[q,C]=React.useState(p),[E,P]=React.useState(h),A="bee-nutzungsart-mix"+(t?" "+t:""),$="bee-nutzungsarten-table-title",T="bee-nutzungsarten-table-percentage";let I="";h&&(I=" bee-nutzungsart-mix-readOnly");const D="bee-nutzungsart-mix-input "+I+(r?" bee-nutzungsart-mix-disabled":"")+("valid"===d?" bee-nutzungsart-mix-valid":"error"===d?" bee-nutzungsart-mix-error":" bee-nutzungsart-mix-neutral"),M="medium";function z(){!r&&m&&m({anteilOffice:g,anteilRetail:y,anteilWohnen:w,anteilLogistik:_,anteilSonstige:q})}function j(e){v(e);N(100-(e+y+w+_+q))}function F(e){x(e);V(100-(g+e+w+_+q))}function R(e){k(e);H(100-(g+y+e+_+q))}function B(e){S(e);W(100-(g+y+w+e+q))}function O(e){C(e);L(100-(g+y+w+_+e))}function L(e){const t=g+e;v(t<0?0:t),t<0&&N(t)}function N(e){const t=y+e;x(t<0?0:t),t<0&&V(t)}function V(e){const t=w+e;k(t<0?0:t),t<0&&H(t)}function H(e){const t=_+e;S(t<0?0:t),t<0&&W(t)}function W(e){const t=q+e;C(t<0?0:t),t<0&&L(t)}return require$$0.jsxs("div",{className:A,children:[(o!==E&&(P(o),v(i),x(a),k(s),S(l),C(p)),require$$0.jsx(require$$0.Fragment,{})),require$$0.jsxs("label",{className:"bee-nutzungsarten-mix-label",children:[n,b&&n?require$$0.jsx("span",{className:"bee-nutzungsart-mix-label-required",children:require$$0.jsx("span",{className:"bee-nutzungsart-mix-label-required-star",children:" *"})}):null]}),require$$0.jsx("div",{id:f,className:D,children:require$$0.jsx("table",{children:require$$0.jsxs("tbody",{children:[require$$0.jsxs("tr",{children:[require$$0.jsx("td",{className:$,children:require$$0.jsx("label",{children:"Office"})}),require$$0.jsx("td",{children:require$$0.jsx(BeeSlider,{type:c,disabled:!1,value:g,min:0,max:100,step:1,onChange:e=>j(Array.isArray(e.value)?e.value[0]:e.value),onSlideEnd:e=>{j(Array.isArray(e.value)?e.value[0]:e.value),z()}})}),require$$0.jsx("td",{className:T,children:require$$0.jsx("label",{children:g+"%"})})]}),require$$0.jsxs("tr",{children:[require$$0.jsx("td",{className:$,children:require$$0.jsx("label",{children:"Retail"})}),require$$0.jsx("td",{children:require$$0.jsx(BeeSlider,{type:c,disabled:!1,value:y,min:0,max:100,step:1,onChange:e=>F(Array.isArray(e.value)?e.value[0]:e.value),onSlideEnd:e=>{F(Array.isArray(e.value)?e.value[0]:e.value),z()}})}),require$$0.jsx("td",{className:T,children:require$$0.jsx("label",{children:y+"%"})})]}),require$$0.jsxs("tr",{children:[require$$0.jsx("td",{className:$,children:require$$0.jsx("label",{children:"Wohnen"})}),require$$0.jsx("td",{children:require$$0.jsx(BeeSlider,{type:c,disabled:!1,value:w,min:0,max:100,step:1,onChange:e=>R(Array.isArray(e.value)?e.value[0]:e.value),onSlideEnd:e=>{R(Array.isArray(e.value)?e.value[0]:e.value),z()}})}),require$$0.jsx("td",{className:T,children:require$$0.jsx("label",{children:w+"%"})})]}),require$$0.jsxs("tr",{children:[require$$0.jsx("td",{className:$,children:require$$0.jsx("label",{children:"Logistik"})}),require$$0.jsx("td",{children:require$$0.jsx(BeeSlider,{type:c,disabled:!1,value:_,min:0,max:100,step:1,onChange:e=>B(Array.isArray(e.value)?e.value[0]:e.value),onSlideEnd:e=>{B(Array.isArray(e.value)?e.value[0]:e.value),z()}})}),require$$0.jsx("td",{className:T,children:require$$0.jsx("label",{children:_+"%"})})]}),require$$0.jsxs("tr",{children:[require$$0.jsx("td",{className:$,children:require$$0.jsx("label",{children:"Sonstige"})}),require$$0.jsx("td",{children:require$$0.jsx(BeeSlider,{type:c,disabled:!1,value:q,min:0,max:100,step:1,onChange:e=>O(Array.isArray(e.value)?e.value[0]:e.value),onSlideEnd:e=>{O(Array.isArray(e.value)?e.value[0]:e.value),z()}})}),require$$0.jsx("td",{className:T,children:require$$0.jsx("label",{children:q+"%"})})]})]})})}),"none"!=d&&u?require$$0.jsx("div",{className:"bee-validated-nutzungsart-mix-label",children:"error"===d&&u?require$$0.jsx(BeeLabel,{size:M,value:u,type:"error"}):"valid"===d&&u?require$$0.jsx(BeeLabel,{size:M,value:u,type:"valid"}):"neutral"===d&&u?require$$0.jsx(BeeLabel,{size:M,value:u,type:"neutral"}):null}):null]})}styleInject(css_248z$e);var css_248z$d=".p-galleria {\n height: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n display: flex;\n align-items: center;\n max-width: 60vw;\n}\n\n.p-galleria-item .bee-img {\n max-height: 100vh;\n overflow: hidden;\n text-overflow: ellipsis;\n display: flex;\n align-items: center;\n}\n\n.p-galleria .p-galleria-caption {\n padding-top: 0.5em !important;\n padding-bottom: 0.5em !important;\n}\n\n.bee-img-slider-copyright p {\n font-size: xx-small;\n margin: 0;\n}\n\n.bee-img-slider-title h3 {\n margin: 0.2em 0em;\n}\n\n/* primary */\n.bee-img-detail-slider-primary.p-galleria .p-galleria-caption {\n background-color: var(--primary-color-76);\n}\n\n.bee-img-detail-slider-primary.p-galleria .p-galleria-caption .bee-img-slider-copyright p {\n color: var(--neutral-color);\n}\n\n.bee-img-detail-slider-primary.p-galleria .p-galleria-caption .bee-img-slider-title h3 {\n color: var(--primary-color-text);\n}\n\n/* secondary */\n.bee-img-detail-slider-secondary.p-galleria .p-galleria-caption {\n background-color: var(--secondary-color-76);\n}\n\n.bee-img-detail-slider-secondary.p-galleria .p-galleria-caption .bee-img-slider-copyright p {\n color: var(--neutral-color);\n}\n\n.bee-img-detail-slider-secondary.p-galleria .p-galleria-caption .bee-img-slider-title h3 {\n color: var(--secondary-color-text);\n}";styleInject(css_248z$d);const BeeImageSlider=React.forwardRef(({id:e,className:t,type:n="primary",images:r,activeIndex:o=0},i)=>{const a=null!=e?e:libExports.useId(1,"bee-img-detail-slider-")[0],[s,l]=React.useState(o);let p=React.useRef(null);React.useImperativeHandle(i,()=>({openGallery:u,showImage:h}));const c="primary"===n?"bee-img-detail-slider-primary":"secondary"===n?"bee-img-detail-slider-secondary":"bee-img-detail-slider-primary",d="card bee-img-slider bee-img-detail-slider"+(t?" "+t:"");function u(){p&&p.current&&p.current.show()}function h(e){l(e)}return require$$0.jsx("div",{id:a,className:d,children:require$$0.jsx(galleria.Galleria,{ref:p,value:r,className:c,activeIndex:s,onItemChange:e=>l(e.index),numVisible:7,circular:!0,fullScreen:!0,showItemNavigators:!0,showThumbnails:!1,item:e=>require$$0.jsx(BeeImage,{url:e&&e.url?e.url:"",alt:e?e.alt:void 0,title:void 0,copyright:e&&e.copyright?e.copyright:void 0,secured:!(!e||!e.secured)&&e.secured,showPlaceholder:!(!e||!e.showPlaceholder)&&e.showPlaceholder},e&&e.access?e.access:""),thumbnail:e=>require$$0.jsx(BeeImage,{url:e&&e.url?e.url:"",alt:e?e.alt:void 0,title:e&&e.title?e.title:void 0,copyright:e&&e.copyright?e.copyright:void 0,secured:!(!e||!e.secured)&&e.secured,showPlaceholder:!(!e||!e.showPlaceholder)&&e.showPlaceholder},e&&e.access?e.access:""),caption:e=>e.title||e.copyright?require$$0.jsxs("div",{children:[e.title?require$$0.jsx("div",{className:"bee-img-slider-title",children:require$$0.jsx(BeeContentHeadline,{value:e.title,headlineType:"h3",type:"primary"})}):null,e.copyright?require$$0.jsx("div",{className:"bee-img-slider-copyright",children:require$$0.jsx(BeeContentParagraph,{value:"© "+e.copyright,size:"xSmall",type:"secondary"})}):null]}):null})})});var css_248z$c=".bee-filter-sort-search .p-treeselect-token {\n padding: 0.2rem 0.5rem;\n}\n.bee-filter-sort-search .p-float-label {\n height: 100%;\n display: flex;\n}\n.bee-filter-sort-search .bee-filter-sort-search__filter,\n.bee-filter-sort-search .bee-filter-sort-search__sort,\n.bee-filter-sort-search .bee-filter-sort-search__search {\n display: flex;\n}\n.bee-filter-sort-search .bee-filter-sort-search__filter > div,\n.bee-filter-sort-search .bee-filter-sort-search__sort > div,\n.bee-filter-sort-search .bee-filter-sort-search__search > div {\n width: 100%;\n}\n.bee-filter-sort-search .bee-filter-sort-search__filter .p-float-label,\n.bee-filter-sort-search .bee-filter-sort-search__sort .p-float-label,\n.bee-filter-sort-search .bee-filter-sort-search__search .p-float-label {\n width: 100%;\n}";function BeeFilterSortSearch({className:e,filter:t,sort:n,search:r}){var o,i,a,s,l,p,c,d,u,h,b,m,f,g,v,y;const x="bee-filter-sort-search grid"+(e?" "+e:"");return require$$0.jsxs("div",{className:x,children:[t&&(!t.filterType||"dropdown"===t.filterType)&&require$$0.jsx("div",{className:"bee-filter-sort-search__filter col col-6 sm:col-4",children:require$$0.jsx(BeeDropDown,{label:t.label,value:t.value,options:t.options,optionLabel:t.optionLabel,disabled:null!==(o=t.disabled)&&void 0!==o&&o,formstate:null!==(i=t.formstate)&&void 0!==i?i:"neutral",readOnly:null!==(a=t.readOnly)&&void 0!==a&&a,required:null!==(s=t.required)&&void 0!==s&&s,showDelete:!0,deleteIcon:"pi pi-times-circle",onChange:e=>t.onChange(e.value)})}),t&&"treeselect"===t.filterType&&require$$0.jsx("div",{className:"bee-filter-sort-search__filter col col-6 sm:col-4",children:require$$0.jsx(BeeFilterTreeSelect,{label:t.label,value:t.value,options:t.options,disabled:null!==(l=t.disabled)&&void 0!==l&&l,formstate:null!==(p=t.formstate)&&void 0!==p?p:"neutral",readOnly:null!==(c=t.readOnly)&&void 0!==c&&c,required:null!==(d=t.required)&&void 0!==d&&d,onSelectNodes:e=>t.onChange(e),selectionMode:t.selectionMode,display:t.display,placeholder:t.placeholder})}),n&&require$$0.jsx("div",{className:"bee-filter-sort-search__sort col col-6 sm:col-4",children:require$$0.jsx(BeeDropDown,{label:n.label,value:n.value,options:n.options,optionLabel:n.optionLabel,disabled:null!==(u=n.disabled)&&void 0!==u&&u,formstate:null!==(h=n.formstate)&&void 0!==h?h:"neutral",readOnly:null!==(b=n.readOnly)&&void 0!==b&&b,required:null!==(m=n.required)&&void 0!==m&&m,onChange:e=>n.onChange(e.value)})}),r&&require$$0.jsx("div",{className:"bee-filter-sort-search__search col col-12 sm:col-4",children:require$$0.jsx(BeeSearchBar,{label:r.label,value:r.value,disabled:null!==(f=r.disabled)&&void 0!==f&&f,readOnly:null!==(g=r.readOnly)&&void 0!==g&&g,required:null!==(v=r.required)&&void 0!==v&&v,formstate:null!==(y=r.formstate)&&void 0!==y?y:"neutral",type:r.type,onSearch:r.onSearch})})]})}styleInject(css_248z$c);var css_248z$b=".bee-confirm-dialog.p-dialog {\n width: 40vw;\n max-width: 30rem;\n}\n\n.bee-confirm-dialog.p-dialog .p-confirm-dialog-message {\n margin-right: 1rem;\n -moz-hyphens: auto;\n -o-hyphens: auto;\n -webkit-hyphens: auto;\n -ms-hyphens: auto;\n hyphens: auto;\n}\n\n/* primary */\n.bee-confirm-dialog-primary.p-dialog .p-dialog-header,\n.bee-confirm-dialog-primary.p-dialog .p-confirm-dialog-reject,\n.bee-confirm-dialog-primary.p-dialog .p-dialog-header-icons .p-dialog-header-icon,\n.bee-confirm-dialog-primary.p-dialog .p-dialog-content,\n.bee-confirm-dialog-primary.p-dialog .p-dialog-footer {\n background: var(--primary-color);\n color: var(--primary-color-text);\n}\n\n.bee-confirm-dialog-primary.p-dialog .p-confirm-dialog-accept.p-button {\n background: var(--surface-a);\n color: var(--primary-color);\n}\n\n.bee-confirm-dialog-primary.p-dialog .p-confirm-dialog-accept.p-button:hover {\n background: var(--surface-300);\n color: var(--primary-color);\n}\n\n.bee-confirm-dialog-primary.p-dialog .p-confirm-dialog-accept.p-button:active {\n background: var(--surface-400);\n color: var(--primary-color);\n}\n\n.bee-confirm-dialog-primary.p-dialog .p-confirm-dialog-accept.p-button:focus {\n background: var(--surface-200);\n color: var(--primary-color);\n}\n\n.bee-confirm-dialog-primary.p-dialog .p-confirm-dialog-reject.p-button:hover,\n.bee-confirm-dialog-primary.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {\n background: var(--primary-light-color);\n color: var(--primary-color-text);\n}\n\n.bee-confirm-dialog-primary.p-dialog .p-confirm-dialog-reject.p-button:active,\n.bee-confirm-dialog-primary.p-dialog .p-dialog-header-icon:active {\n background: var(--primary-light-color);\n color: var(--primary-color-text);\n}\n\n.bee-confirm-dialog-primary.p-dialog .p-confirm-dialog-reject.p-button:focus,\n.bee-confirm-dialog-primary.p-dialog .p-dialog-header-icon:focus {\n background: var(--primary-light-color);\n color: var(--primary-color-text);\n}\n\n/* secondary */\n.bee-confirm-dialog-secondary.p-dialog .p-dialog-header,\n.bee-confirm-dialog-secondary.p-dialog .p-confirm-dialog-reject,\n.bee-confirm-dialog-secondary.p-dialog .p-dialog-header-icons .p-dialog-header-icon,\n.bee-confirm-dialog-secondary.p-dialog .p-dialog-content,\n.bee-confirm-dialog-secondary.p-dialog .p-dialog-footer {\n background: var(--secondary-color);\n color: var(--secondary-color-text);\n}\n\n.bee-confirm-dialog-secondary.p-dialog .p-confirm-dialog-accept.p-button {\n background: var(--primary-color) !important;\n color: var(--secondary-color) !important;\n}\n\n.bee-confirm-dialog-secondary.p-dialog .p-confirm-dialog-accept.p-button:hover {\n background: var(--primary-light-color) !important;\n color: var(--secondary-color) !important;\n}\n\n.bee-confirm-dialog-secondary.p-dialog .p-confirm-dialog-accept.p-button:active {\n background: var(--primary-light-color) !important;\n color: var(--secondary-color) !important;\n}\n\n.bee-confirm-dialog-secondary.p-dialog .p-confirm-dialog-accept.p-button:focus {\n background: var(--primary-light-color) !important;\n color: var(--secondary-color) !important;\n}\n\n.bee-confirm-dialog-secondary.p-dialog .p-confirm-dialog-reject:hover,\n.bee-confirm-dialog-secondary.p-dialog .p-dialog-header-icon:hover {\n background: var(--secondary-light-color) !important;\n color: var(--secondary-color-text) !important;\n}\n\n.bee-confirm-dialog-secondary.p-dialog .p-confirm-dialog-reject:active,\n.bee-confirm-dialog-secondary.p-dialog .p-dialog-header-icon:active {\n background: var(--secondary-light-color) !important;\n color: var(--secondary-color-text) !important;\n}\n\n.bee-confirm-dialog-secondary.p-dialog .p-confirm-dialog-reject:focus,\n.bee-confirm-dialog-secondary.p-dialog .p-dialog-header-icon:focus {\n background: var(--secondary-light-color) !important;\n color: var(--secondary-color-text) !important;\n}\n\n/* default */\n.bee-confirm-dialog-default.p-dialog .p-confirm-dialog-accept.p-button:hover {\n background: var(--primary-light-color);\n}\n\n.bee-confirm-dialog-default.p-dialog .p-confirm-dialog-reject:hover,\n.bee-confirm-dialog-default.p-dialog .p-dialog-header-icon:hover {\n background: var(--primary-color-4) !important;\n}\n\n.bee-confirm-dialog-default.p-dialog .p-confirm-dialog-reject:active,\n.bee-confirm-dialog-default.p-dialog .p-dialog-header-icon:active {\n background: var(--primary-light-active-color) !important;\n}\n\n.bee-confirm-dialog-default.p-dialog .p-confirm-dialog-reject:focus,\n.bee-confirm-dialog-default.p-dialog .p-dialog-header-icon:focus {\n background: var(--primary-color-12) !important;\n}\n\n/* danger */\n.bee-confirm-dialog-danger.p-dialog .p-dialog-header,\n.bee-confirm-dialog-danger.p-dialog .p-confirm-dialog-reject,\n.bee-confirm-dialog-danger.p-dialog .p-dialog-header-icons .p-dialog-header-icon,\n.bee-confirm-dialog-danger.p-dialog .p-dialog-content,\n.bee-confirm-dialog-danger.p-dialog .p-dialog-footer {\n background: var(--error-dark-color) !important;\n color: var(--primary-color-text);\n}\n\n.bee-confirm-dialog-danger.p-dialog .p-confirm-dialog-accept.p-button {\n background: var(--surface-a) !important;\n color: var(--error-dark-color) !important;\n}\n\n.bee-confirm-dialog-danger.p-dialog .p-confirm-dialog-reject:hover,\n.bee-confirm-dialog-danger.p-dialog .p-dialog-header-icon:hover {\n background: var(--error-color) !important;\n color: var(--primary-color-text) !important;\n}\n\n/* responsiveness */\n@media (max-width: 500px) {\n .bee-confirm-dialog.p-dialog {\n width: 80vw;\n }\n}\n@media (min-width: 500px) and (max-width: 700px) {\n .bee-confirm-dialog.p-dialog {\n width: 60vw;\n }\n}";function BeeConfirmDialog({id:e,className:t,visible:n,message:r,messageIcon:o,acceptIcon:i,rejectIcon:a,acceptLabel:s,rejectLabel:l,header:p,type:c="default",onAccept:d,onReject:u,onHide:h}){const b=null!=e?e:libExports.useId(1,"bee-confirm-dialog")[0],m="bee-confirm-dialog"+("primary"===c?" bee-confirm-dialog-primary":"secondary"===c?" bee-confirm-dialog-secondary":"default"===c?" bee-confirm-dialog-default":"danger"===c?" bee-confirm-dialog-danger":" bee-confirm-dialog-default")+(t?" "+t:"");return require$$0.jsx(confirmdialog.ConfirmDialog,{id:b,className:m,visible:n,message:r,header:p,icon:o,modal:!0,draggable:!1,acceptIcon:i||null,rejectIcon:a||null,acceptLabel:s,rejectLabel:l,onHide:()=>{h&&h()},accept:()=>{d&&d()},reject:()=>{u&&u()}})}styleInject(css_248z$b);var css_248z$a=".bee-deletion-dialog.p-dialog {\n width: 40vw;\n max-width: 30rem;\n}\n\n.bee-deletion-dialog.p-dialog .p-confirm-dialog-message {\n margin-right: 1rem;\n -moz-hyphens: auto;\n -o-hyphens: auto;\n -webkit-hyphens: auto;\n -ms-hyphens: auto;\n hyphens: auto;\n}\n\n/* primary */\n.bee-deletion-dialog-primary.p-dialog .p-dialog-header,\n.bee-deletion-dialog-primary.p-dialog .p-confirm-dialog-reject,\n.bee-deletion-dialog-primary.p-dialog .p-dialog-header-icons .p-dialog-header-icon,\n.bee-deletion-dialog-primary.p-dialog .p-dialog-content,\n.bee-deletion-dialog-primary.p-dialog .p-dialog-footer {\n background: var(--primary-color);\n color: var(--primary-color-text);\n}\n\n.bee-deletion-dialog-primary.p-dialog .p-confirm-dialog-accept {\n background: var(--surface-a) !important;\n color: var(--error-color) !important;\n border: var(--error-color) 1px solid;\n}\n\n.bee-deletion-dialog-primary.p-dialog .p-confirm-dialog-accept:hover {\n background: var(--surface-300) !important;\n border-color: var(--error-color) !important;\n}\n\n.bee-deletion-dialog-primary.p-dialog .p-confirm-dialog-accept:active {\n background: var(--surface-400) !important;\n border-color: var(--error-color) !important;\n}\n\n.bee-deletion-dialog-primary.p-dialog .p-confirm-dialog-accept:focus {\n background: var(--surface-200) !important;\n border-color: var(--error-color) !important;\n}\n\n.bee-deletion-dialog-primary.p-dialog .p-confirm-dialog-reject:hover,\n.bee-deletion-dialog-primary.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {\n background: var(--primary-light-color) !important;\n color: var(--primary-color-text) !important;\n}\n\n.bee-deletion-dialog-primary.p-dialog .p-confirm-dialog-reject:active,\n.bee-deletion-dialog-primary.p-dialog .p-dialog-header-icon:active {\n background: var(--primary-light-color) !important;\n color: var(--primary-color-text) !important;\n}\n\n.bee-deletion-dialog-primary.p-dialog .p-confirm-dialog-reject:focus,\n.bee-deletion-dialog-primary.p-dialog .p-dialog-header-icon:focus {\n background: var(--primary-light-color) !important;\n color: var(--primary-color-text) !important;\n}\n\n/* secondary */\n.bee-deletion-dialog-secondary.p-dialog .p-dialog-header,\n.bee-deletion-dialog-secondary.p-dialog .p-confirm-dialog-reject,\n.bee-deletion-dialog-secondary.p-dialog .p-dialog-header-icons .p-dialog-header-icon,\n.bee-deletion-dialog-secondary.p-dialog .p-dialog-content,\n.bee-deletion-dialog-secondary.p-dialog .p-dialog-footer {\n background: var(--secondary-color);\n color: var(--secondary-color-text);\n}\n\n.bee-deletion-dialog-secondary.p-dialog .p-confirm-dialog-accept {\n background: var(--surface-a) !important;\n color: var(--error-color) !important;\n border: var(--error-color) 1px solid;\n}\n\n.bee-deletion-dialog-secondary.p-dialog .p-confirm-dialog-accept:hover {\n background: var(--surface-300) !important;\n border-color: var(--error-color) !important;\n}\n\n.bee-deletion-dialog-secondary.p-dialog .p-confirm-dialog-accept:active {\n background: var(--surface-400) !important;\n border-color: var(--error-color) !important;\n}\n\n.bee-deletion-dialog-secondary.p-dialog .p-confirm-dialog-accept:focus {\n background: var(--surface-200) !important;\n border-color: var(--error-color) !important;\n}\n\n.bee-deletion-dialog-secondary.p-dialog .p-confirm-dialog-reject:hover,\n.bee-deletion-dialog-secondary.p-dialog .p-dialog-header-icon:hover {\n background: var(--secondary-light-color) !important;\n color: var(--secondary-color-text) !important;\n}\n\n.bee-deletion-dialog-secondary.p-dialog .p-confirm-dialog-reject:active,\n.bee-deletion-dialog-secondary.p-dialog .p-dialog-header-icon:active {\n background: var(--secondary-light-color) !important;\n color: var(--secondary-color-text) !important;\n}\n\n.bee-deletion-dialog-secondary.p-dialog .p-confirm-dialog-reject:focus,\n.bee-deletion-dialog-secondary.p-dialog .p-dialog-header-icon:focus {\n background: var(--secondary-light-color) !important;\n color: var(--secondary-color-text) !important;\n}\n\n/* default */\n.bee-deletion-dialog-default.p-dialog .p-confirm-dialog-accept:hover {\n background: var(--error-dark-color) !important;\n}\n\n.bee-deletion-dialog-default.p-dialog .p-confirm-dialog-reject:hover,\n.bee-deletion-dialog-default.p-dialog .p-dialog-header-icon:hover {\n background: var(--primary-color-4) !important;\n}\n\n.bee-deletion-dialog-default.p-dialog .p-confirm-dialog-reject:active,\n.bee-deletion-dialog-default.p-dialog .p-dialog-header-icon:active {\n background: var(--primary-light-active-color) !important;\n}\n\n.bee-deletion-dialog-default.p-dialog .p-confirm-dialog-reject:focus,\n.bee-deletion-dialog-default.p-dialog .p-dialog-header-icon:focus {\n background: var(--primary-color-12) !important;\n}\n\n@media (max-width: 500px) {\n .bee-deletion-dialog.p-dialog {\n width: 80vw;\n }\n}\n@media (min-width: 500px) and (max-width: 700px) {\n .bee-deletion-dialog.p-dialog {\n width: 60vw;\n }\n}";function BeeDeletionDialog({id:e,className:t,visible:n,message:r,header:o,type:i="default",messageIcon:a,acceptLabel:s,rejectLabel:l,onAccept:p,onReject:c,onHide:d}){const u=null!=e?e:libExports.useId(1,"bee-deletion-dialog")[0],h="bee-deletion-dialog"+("primary"===i?" bee-deletion-dialog-primary":"secondary"===i?" bee-deletion-dialog-secondary":" bee-deletion-dialog-default")+(t?" "+t:"");return require$$0.jsx(confirmdialog.ConfirmDialog,{id:u,className:h,visible:n,message:r,header:o,icon:a,acceptClassName:"p-button-danger",acceptIcon:"pi pi-trash",acceptLabel:s,rejectLabel:l,modal:!0,draggable:!1,onHide:()=>{d&&d()},accept:()=>{p&&p()},reject:()=>{c&&c()}})}styleInject(css_248z$a);var css_248z$9=".bee-error-dialog.p-dialog {\n width: 40vw;\n max-width: 30rem;\n}\n\n.bee-error-dialog-reject-btn {\n display: none;\n}\n\n.bee-error-dialog.p-dialog .p-confirm-dialog-message {\n margin-right: 1rem;\n -moz-hyphens: auto;\n -o-hyphens: auto;\n -webkit-hyphens: auto;\n -ms-hyphens: auto;\n hyphens: auto;\n}\n\n/* primary */\n.bee-error-dialog-primary.p-dialog .p-dialog-header,\n.bee-error-dialog-primary.p-dialog .p-confirm-dialog-reject,\n.bee-error-dialog-primary.p-dialog .p-dialog-header-icons .p-dialog-header-icon,\n.bee-error-dialog-primary.p-dialog .p-dialog-content,\n.bee-error-dialog-primary.p-dialog .p-dialog-footer {\n background: var(--primary-color);\n color: var(--primary-color-text);\n}\n\n.bee-error-dialog-primary.p-dialog .p-confirm-dialog-accept.p-button {\n background: var(--surface-a);\n color: var(--primary-color);\n}\n\n.bee-error-dialog-primary.p-dialog .p-confirm-dialog-accept.p-button:hover {\n background: var(--surface-300) !important;\n}\n\n.bee-error-dialog-primary.p-dialog .p-confirm-dialog-accept.p-button:active {\n background: var(--surface-400) !important;\n}\n\n.bee-error-dialog-primary.p-dialog .p-confirm-dialog-accept.p-button:focus {\n background: var(--surface-200) !important;\n}\n\n.bee-error-dialog-primary.p-dialog .p-dialog-header-icon:hover {\n background: var(--primary-light-color) !important;\n color: var(--primary-color-text) !important;\n}\n\n.bee-error-dialog-primary.p-dialog .p-dialog-header-icon:active {\n background: var(--primary-light-color) !important;\n color: var(--primary-color-text) !important;\n}\n\n.bee-error-dialog-primary.p-dialog .p-dialog-header-icon:focus {\n background: var(--primary-light-color) !important;\n color: var(--primary-color-text) !important;\n}\n\n/* secondary */\n.bee-error-dialog-secondary.p-dialog .p-dialog-header,\n.bee-error-dialog-secondary.p-dialog .p-confirm-dialog-reject,\n.bee-error-dialog-secondary.p-dialog .p-dialog-header-icons .p-dialog-header-icon,\n.bee-error-dialog-secondary.p-dialog .p-dialog-content,\n.bee-error-dialog-secondary.p-dialog .p-dialog-footer {\n background: var(--secondary-color);\n color: var(--secondary-color-text);\n}\n\n.bee-error-dialog-secondary.p-dialog .p-confirm-dialog-accept {\n background: var(--primary-color) !important;\n color: var(--secondary-color) !important;\n}\n\n.bee-error-dialog-secondary.p-dialog .p-confirm-dialog-accept.p-button:hover {\n background: var(--primary-light-color) !important;\n}\n\n.bee-error-dialog-secondary.p-dialog .p-confirm-dialog-accept.p-button:active {\n background: var(--primary-light-color) !important;\n}\n\n.bee-error-dialog-secondary.p-dialog .p-confirm-dialog-accept.p-button:focus {\n background: var(--primary-light-color) !important;\n}\n\n.bee-error-dialog-secondary.p-dialog .p-dialog-header-icon:hover {\n background: var(--secondary-light-color) !important;\n color: var(--secondary-color-text) !important;\n}\n\n.bee-error-dialog-secondary.p-dialog .p-dialog-header-icon:active {\n background: var(--secondary-light-color) !important;\n color: var(--secondary-color-text) !important;\n}\n\n.bee-error-dialog-secondary.p-dialog .p-dialog-header-icon:focus {\n background: var(--secondary-light-color) !important;\n color: var(--secondary-color-text) !important;\n}\n\n/* default */\n.bee-error-dialog-default.p-dialog .p-confirm-dialog-accept:hover {\n background: var(--primary-light-color) !important;\n}\n\n.bee-error-dialog-default.p-dialog .p-dialog-header-icon:hover {\n background: var(--primary-color-4) !important;\n}\n\n.bee-error-dialog-default.p-dialog .p-dialog-header-icon:active {\n background: var(--primary-light-active-color) !important;\n}\n\n.bee-error-dialog-default.p-dialog .p-dialog-header-icon:focus {\n background: var(--primary-color-12) !important;\n}\n\n/* danger */\n.bee-error-dialog-danger.p-dialog .p-dialog-header,\n.bee-error-dialog-danger.p-dialog .p-confirm-dialog-reject,\n.bee-error-dialog-danger.p-dialog .p-dialog-header-icons .p-dialog-header-icon,\n.bee-error-dialog-danger.p-dialog .p-dialog-content,\n.bee-error-dialog-danger.p-dialog .p-dialog-footer {\n background: var(--error-dark-color);\n color: var(--primary-color-text);\n}\n\n.bee-error-dialog-danger.p-dialog .p-confirm-dialog-accept.p-button {\n background: var(--surface-a);\n color: var(--error-dark-color);\n}\n\n.bee-error-dialog-danger.p-dialog .p-confirm-dialog-reject.p-button:hover {\n background: var(--error-color) !important;\n}\n\n@media (max-width: 500px) {\n .bee-error-dialog.p-dialog {\n width: 80vw;\n }\n}\n@media (min-width: 500px) and (max-width: 700px) {\n .bee-error-dialog.p-dialog {\n width: 60vw;\n }\n}";function BeeErrorDialog({id:e,className:t,visible:n,message:r,header:o,type:i="default",messageIcon:a,acceptLabel:s,acceptIcon:l,onAccept:p,onHide:c}){const d=null!=e?e:libExports.useId(1,"bee-error-dialog")[0],u="bee-error-dialog"+("primary"===i?" bee-error-dialog-primary":"secondary"===i?" bee-error-dialog-secondary":"default"===i?" bee-error-dialog-default":" bee-error-dialog-danger")+(t?" "+t:"");return require$$0.jsx(confirmdialog.ConfirmDialog,{id:d,className:u,visible:n,message:r,header:o,icon:a,acceptIcon:l||null,acceptLabel:s,rejectClassName:"bee-error-dialog-reject-btn",onHide:()=>{c&&c()},accept:()=>{p&&p()}})}styleInject(css_248z$9);var css_248z$8=".bee-info-dialog.p-dialog {\n width: 45vw;\n max-width: 40rem;\n}\n\n/* hide close and reject btn */\n.bee-info-dialog.p-dialog .bee-info-dialog-reject-btn,\n.bee-info-dialog.p-dialog .p-dialog-header-close {\n display: none;\n}\n\n/* content */\n.bee-info-dialog.p-dialog .p-confirm-dialog-message {\n margin-right: 1rem;\n -moz-hyphens: auto;\n -o-hyphens: auto;\n -webkit-hyphens: auto;\n -ms-hyphens: auto;\n hyphens: auto;\n}\n\n.bee-info-dialog.p-dialog .p-dialog-content {\n padding: 1rem 1.25rem 0.75rem 1.25rem;\n}\n\n/* primary */\n.bee-info-dialog-primary.p-dialog .p-dialog-header {\n background-color: var(--primary-color);\n}\n\n.bee-info-dialog-primary.p-dialog .p-dialog-header .p-dialog-title,\n.bee-info-dialog-primary .p-dialog-header .p-dialog-header-icons button {\n color: var(--primary-color-text);\n}\n\n/* secondary */\n.bee-info-dialog-secondary.p-dialog .p-dialog-header {\n background-color: var(--secondary-dark-color);\n}\n\n.bee-info-dialog-secondary.p-dialog .p-dialog-header .p-dialog-title {\n color: var(--secondary-color-text);\n}\n\n.bee-info-dialog-secondary.p-dialog .p-confirm-dialog-accept.p-button {\n background-color: var(--secondary-dark-color);\n color: var(--secondary-color-text) !important;\n}\n\n.bee-info-dialog-secondary.p-dialog .p-confirm-dialog-accept.p-button:hover {\n background: var(--secondary-color) !important;\n color: var(--secondary-color-text) !important;\n}\n\n.bee-info-dialog-secondary.p-dialog .p-confirm-dialog-accept.p-button:active {\n background: var(--secondary-color-68) !important;\n color: var(--secondary-color-text) !important;\n}\n\n.bee-info-dialog-secondary.p-dialog .p-confirm-dialog-accept.p-button:focus {\n background: var(--secondary-color-76) !important;\n color: var(--secondary-color-text) !important;\n}\n\n/* danger */\n.bee-info-dialog-danger.p-dialog .p-dialog-header {\n background-color: var(--error-dark-color);\n}\n\n.bee-info-dialog-danger.p-dialog .p-dialog-header .p-dialog-title,\n.bee-info-dialog-danger .p-dialog-header .p-dialog-header-icons button {\n color: var(--primary-color-text);\n}\n\n.bee-info-dialog-danger.p-dialog .p-confirm-dialog-accept.p-button {\n background-color: var(--error-dark-color);\n}\n\n/* responsiveness */\n@media (max-width: 600px) {\n .bee-info-dialog.p-dialog {\n width: 100vw;\n }\n}\n@media (min-width: 600px) and (max-width: 900px) {\n .bee-info-dialog.p-dialog {\n width: 70vw;\n }\n}";function BeeInfoDialog({id:e,className:t,visible:n,message:r,header:o,type:i="default",acceptLabel:a,onAccept:s}){const l=null!=e?e:libExports.useId(1,"bee-info-dialog")[0],p="bee-info-dialog"+("primary"===i?" bee-info-dialog-primary":"secondary"===i?" bee-info-dialog-secondary":"default"===i?" bee-info-dialog-default":"danger"===i?" bee-info-dialog-danger":" bee-info-dialog-default")+(t?" "+t:"");return require$$0.jsx(confirmdialog.ConfirmDialog,{id:l,className:p,visible:n,message:r,header:o,acceptLabel:a,rejectClassName:"bee-info-dialog-reject-btn",rejectLabel:"",accept:()=>{s&&s()}})}styleInject(css_248z$8);var propTypes={exports:{}},reactIs={exports:{}},reactIs_production_min={},hasRequiredReactIs_production_min;function requireReactIs_production_min(){if(hasRequiredReactIs_production_min)return reactIs_production_min;hasRequiredReactIs_production_min=1;var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,n=e?Symbol.for("react.portal"):60106,r=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,i=e?Symbol.for("react.profiler"):60114,a=e?Symbol.for("react.provider"):60109,s=e?Symbol.for("react.context"):60110,l=e?Symbol.for("react.async_mode"):60111,p=e?Symbol.for("react.concurrent_mode"):60111,c=e?Symbol.for("react.forward_ref"):60112,d=e?Symbol.for("react.suspense"):60113,u=e?Symbol.for("react.suspense_list"):60120,h=e?Symbol.for("react.memo"):60115,b=e?Symbol.for("react.lazy"):60116,m=e?Symbol.for("react.block"):60121,f=e?Symbol.for("react.fundamental"):60117,g=e?Symbol.for("react.responder"):60118,v=e?Symbol.for("react.scope"):60119;function y(e){if("object"==typeof e&&null!==e){var u=e.$$typeof;switch(u){case t:switch(e=e.type){case l:case p:case r:case i:case o:case d:return e;default:switch(e=e&&e.$$typeof){case s:case c:case b:case h:case a:return e;default:return u}}case n:return u}}}function x(e){return y(e)===p}return reactIs_production_min.AsyncMode=l,reactIs_production_min.ConcurrentMode=p,reactIs_production_min.ContextConsumer=s,reactIs_production_min.ContextProvider=a,reactIs_production_min.Element=t,reactIs_production_min.ForwardRef=c,reactIs_production_min.Fragment=r,reactIs_production_min.Lazy=b,reactIs_production_min.Memo=h,reactIs_production_min.Portal=n,reactIs_production_min.Profiler=i,reactIs_production_min.StrictMode=o,reactIs_production_min.Suspense=d,reactIs_production_min.isAsyncMode=function(e){return x(e)||y(e)===l},reactIs_production_min.isConcurrentMode=x,reactIs_production_min.isContextConsumer=function(e){return y(e)===s},reactIs_production_min.isContextProvider=function(e){return y(e)===a},reactIs_production_min.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},reactIs_production_min.isForwardRef=function(e){return y(e)===c},reactIs_production_min.isFragment=function(e){return y(e)===r},reactIs_production_min.isLazy=function(e){return y(e)===b},reactIs_production_min.isMemo=function(e){return y(e)===h},reactIs_production_min.isPortal=function(e){return y(e)===n},reactIs_production_min.isProfiler=function(e){return y(e)===i},reactIs_production_min.isStrictMode=function(e){return y(e)===o},reactIs_production_min.isSuspense=function(e){return y(e)===d},reactIs_production_min.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===r||e===p||e===i||e===o||e===d||e===u||"object"==typeof e&&null!==e&&(e.$$typeof===b||e.$$typeof===h||e.$$typeof===a||e.$$typeof===s||e.$$typeof===c||e.$$typeof===f||e.$$typeof===g||e.$$typeof===v||e.$$typeof===m)},reactIs_production_min.typeOf=y,reactIs_production_min}var reactIs_development={},hasRequiredReactIs_development,hasRequiredReactIs,objectAssign,hasRequiredObjectAssign,ReactPropTypesSecret_1,hasRequiredReactPropTypesSecret,has,hasRequiredHas,checkPropTypes_1,hasRequiredCheckPropTypes,factoryWithTypeCheckers,hasRequiredFactoryWithTypeCheckers,factoryWithThrowingShims,hasRequiredFactoryWithThrowingShims,hasRequiredPropTypes;
|
|
41
|
+
*/,isEventSupported_1=function(n,r){if(!t.canUseDOM||r&&!("addEventListener"in document))return!1;var o="on"+n,i=o in document;if(!i){var a=document.createElement("div");a.setAttribute(o,"return;"),i="function"==typeof a[o]}return!i&&e&&"wheel"===n&&(i=document.implementation.hasFeature("Events.wheel","3.0")),i}}function requireNormalizeWheel$1(){if(hasRequiredNormalizeWheel$1)return normalizeWheel_1;hasRequiredNormalizeWheel$1=1;var e=requireUserAgent_DEPRECATED(),t=requireIsEventSupported();function n(e){var t=0,n=0,r=0,o=0;return"detail"in e&&(n=e.detail),"wheelDelta"in e&&(n=-e.wheelDelta/120),"wheelDeltaY"in e&&(n=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(t=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(t=n,n=0),r=10*t,o=10*n,"deltaY"in e&&(o=e.deltaY),"deltaX"in e&&(r=e.deltaX),(r||o)&&e.deltaMode&&(1==e.deltaMode?(r*=40,o*=40):(r*=800,o*=800)),r&&!t&&(t=r<1?-1:1),o&&!n&&(n=o<1?-1:1),{spinX:t,spinY:n,pixelX:r,pixelY:o}}return n.getEventType=function(){return e.firefox()?"DOMMouseScroll":t("wheel")?"wheel":"mousewheel"},normalizeWheel_1=n}function requireNormalizeWheel(){return hasRequiredNormalizeWheel?normalizeWheel$1:(hasRequiredNormalizeWheel=1,normalizeWheel$1=requireNormalizeWheel$1())}styleInject(css_248z$l);var normalizeWheelExports=requireNormalizeWheel(),normalizeWheel=getDefaultExportFromCjs(normalizeWheelExports);function getCropSize(e,t,n,r,o,i){void 0===i&&(i=0);var a=rotateSize(e,t,i),s=a.width,l=a.height,p=Math.min(s,n),c=Math.min(l,r);return p>c*o?{width:c*o,height:c}:{width:p,height:p/o}}function getMediaZoom(e){return e.width>e.height?e.width/e.naturalWidth:e.height/e.naturalHeight}function restrictPosition(e,t,n,r,o){void 0===o&&(o=0);var i=rotateSize(t.width,t.height,o),a=i.width,s=i.height;return{x:restrictPositionCoord(e.x,a,n.width,r),y:restrictPositionCoord(e.y,s,n.height,r)}}function restrictPositionCoord(e,t,n,r){var o=t*r/2-n/2;return clamp(e,-o,o)}function getDistanceBetweenPoints(e,t){return Math.sqrt(Math.pow(e.y-t.y,2)+Math.pow(e.x-t.x,2))}function getRotationBetweenPoints(e,t){return 180*Math.atan2(t.y-e.y,t.x-e.x)/Math.PI}function computeCroppedArea(e,t,n,r,o,i,a){void 0===i&&(i=0),void 0===a&&(a=!0);var s=a?limitArea:noOp,l=rotateSize(t.width,t.height,i),p=rotateSize(t.naturalWidth,t.naturalHeight,i),c={x:s(100,((l.width-n.width/o)/2-e.x/o)/l.width*100),y:s(100,((l.height-n.height/o)/2-e.y/o)/l.height*100),width:s(100,n.width/l.width*100/o),height:s(100,n.height/l.height*100/o)},d=Math.round(s(p.width,c.width*p.width/100)),u=Math.round(s(p.height,c.height*p.height/100)),h=p.width>=p.height*r?{width:Math.round(u*r),height:u}:{width:d,height:Math.round(d/r)};return{croppedAreaPercentages:c,croppedAreaPixels:__assign(__assign({},h),{x:Math.round(s(p.width-h.width,c.x*p.width/100)),y:Math.round(s(p.height-h.height,c.y*p.height/100))})}}function limitArea(e,t){return Math.min(e,Math.max(0,t))}function noOp(e,t){return t}function getInitialCropFromCroppedAreaPercentages(e,t,n,r,o,i){var a=rotateSize(t.width,t.height,n),s=clamp(r.width/a.width*(100/e.width),o,i);return{crop:{x:s*a.width/2-r.width/2-a.width*s*(e.x/100),y:s*a.height/2-r.height/2-a.height*s*(e.y/100)},zoom:s}}function getZoomFromCroppedAreaPixels(e,t,n){var r=getMediaZoom(t);return n.height>n.width?n.height/(e.height*r):n.width/(e.width*r)}function getInitialCropFromCroppedAreaPixels(e,t,n,r,o,i){void 0===n&&(n=0);var a=rotateSize(t.naturalWidth,t.naturalHeight,n),s=clamp(getZoomFromCroppedAreaPixels(e,t,r),o,i),l=r.height>r.width?r.height/e.height:r.width/e.width;return{crop:{x:((a.width-e.width)/2-e.x)*l,y:((a.height-e.height)/2-e.y)*l},zoom:s}}function getCenter(e,t){return{x:(t.x+e.x)/2,y:(t.y+e.y)/2}}function getRadianAngle(e){return e*Math.PI/180}function rotateSize(e,t,n){var r=getRadianAngle(n);return{width:Math.abs(Math.cos(r)*e)+Math.abs(Math.sin(r)*t),height:Math.abs(Math.sin(r)*e)+Math.abs(Math.cos(r)*t)}}function clamp(e,t,n){return Math.min(Math.max(e,t),n)}function classNames(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter(function(e){return"string"==typeof e&&e.length>0}).join(" ").trim()}var css_248z$k=".reactEasyCrop_Container {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow: hidden;\n user-select: none;\n touch-action: none;\n cursor: move;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.reactEasyCrop_Image,\n.reactEasyCrop_Video {\n will-change: transform; /* this improves performances and prevent painting issues on iOS Chrome */\n}\n\n.reactEasyCrop_Contain {\n max-width: 100%;\n max-height: 100%;\n margin: auto;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n}\n.reactEasyCrop_Cover_Horizontal {\n width: 100%;\n height: auto;\n}\n.reactEasyCrop_Cover_Vertical {\n width: auto;\n height: 100%;\n}\n\n.reactEasyCrop_CropArea {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n border: 1px solid rgba(255, 255, 255, 0.5);\n box-sizing: border-box;\n box-shadow: 0 0 0 9999em;\n color: rgba(0, 0, 0, 0.5);\n overflow: hidden;\n}\n\n.reactEasyCrop_CropAreaRound {\n border-radius: 50%;\n}\n\n.reactEasyCrop_CropAreaGrid::before {\n content: ' ';\n box-sizing: border-box;\n position: absolute;\n border: 1px solid rgba(255, 255, 255, 0.5);\n top: 0;\n bottom: 0;\n left: 33.33%;\n right: 33.33%;\n border-top: 0;\n border-bottom: 0;\n}\n\n.reactEasyCrop_CropAreaGrid::after {\n content: ' ';\n box-sizing: border-box;\n position: absolute;\n border: 1px solid rgba(255, 255, 255, 0.5);\n top: 33.33%;\n bottom: 33.33%;\n left: 0;\n right: 0;\n border-left: 0;\n border-right: 0;\n}\n",MIN_ZOOM=1,MAX_ZOOM=3,KEYBOARD_STEP=1,Cropper=function(e){function t(){var n=null!==e&&e.apply(this,arguments)||this;return n.cropperRef=React__namespace.createRef(),n.imageRef=React__namespace.createRef(),n.videoRef=React__namespace.createRef(),n.containerPosition={x:0,y:0},n.containerRef=null,n.styleRef=null,n.containerRect=null,n.mediaSize={width:0,height:0,naturalWidth:0,naturalHeight:0},n.dragStartPosition={x:0,y:0},n.dragStartCrop={x:0,y:0},n.gestureZoomStart=0,n.gestureRotationStart=0,n.isTouching=!1,n.lastPinchDistance=0,n.lastPinchRotation=0,n.rafDragTimeout=null,n.rafPinchTimeout=null,n.wheelTimer=null,n.currentDoc="undefined"!=typeof document?document:null,n.currentWindow="undefined"!=typeof window?window:null,n.resizeObserver=null,n.previousCropSize=null,n.isInitialized=!1,n.state={cropSize:null,hasWheelJustStarted:!1,mediaObjectFit:void 0},n.initResizeObserver=function(){if(void 0!==window.ResizeObserver&&n.containerRef){var e=!0;n.resizeObserver=new window.ResizeObserver(function(t){e?e=!1:n.computeSizes()}),n.resizeObserver.observe(n.containerRef)}},n.preventZoomSafari=function(e){return e.preventDefault()},n.cleanEvents=function(){n.currentDoc&&(n.currentDoc.removeEventListener("mousemove",n.onMouseMove),n.currentDoc.removeEventListener("mouseup",n.onDragStopped),n.currentDoc.removeEventListener("touchmove",n.onTouchMove),n.currentDoc.removeEventListener("touchend",n.onDragStopped),n.currentDoc.removeEventListener("gesturechange",n.onGestureChange),n.currentDoc.removeEventListener("gestureend",n.onGestureEnd),n.currentDoc.removeEventListener("scroll",n.onScroll))},n.clearScrollEvent=function(){n.containerRef&&n.containerRef.removeEventListener("wheel",n.onWheel),n.wheelTimer&&clearTimeout(n.wheelTimer)},n.onMediaLoad=function(){var e=n.computeSizes();e&&(n.previousCropSize=e,n.emitCropData(),n.setInitialCrop(e),n.isInitialized=!0),n.props.onMediaLoaded&&n.props.onMediaLoaded(n.mediaSize)},n.setInitialCrop=function(e){if(n.props.initialCroppedAreaPercentages){var t=getInitialCropFromCroppedAreaPercentages(n.props.initialCroppedAreaPercentages,n.mediaSize,n.props.rotation,e,n.props.minZoom,n.props.maxZoom),r=t.crop,o=t.zoom;n.props.onCropChange(r),n.props.onZoomChange&&n.props.onZoomChange(o)}else if(n.props.initialCroppedAreaPixels){var i=getInitialCropFromCroppedAreaPixels(n.props.initialCroppedAreaPixels,n.mediaSize,n.props.rotation,e,n.props.minZoom,n.props.maxZoom);r=i.crop,o=i.zoom;n.props.onCropChange(r),n.props.onZoomChange&&n.props.onZoomChange(o)}},n.computeSizes=function(){var e,t,r,o,i,a,s=n.imageRef.current||n.videoRef.current;if(s&&n.containerRef){n.containerRect=n.containerRef.getBoundingClientRect(),n.saveContainerPosition();var l=n.containerRect.width/n.containerRect.height,p=(null===(e=n.imageRef.current)||void 0===e?void 0:e.naturalWidth)||(null===(t=n.videoRef.current)||void 0===t?void 0:t.videoWidth)||0,c=(null===(r=n.imageRef.current)||void 0===r?void 0:r.naturalHeight)||(null===(o=n.videoRef.current)||void 0===o?void 0:o.videoHeight)||0,d=p/c,u=void 0;if(s.offsetWidth<p||s.offsetHeight<c)switch(n.state.mediaObjectFit){default:case"contain":u=l>d?{width:n.containerRect.height*d,height:n.containerRect.height}:{width:n.containerRect.width,height:n.containerRect.width/d};break;case"horizontal-cover":u={width:n.containerRect.width,height:n.containerRect.width/d};break;case"vertical-cover":u={width:n.containerRect.height*d,height:n.containerRect.height}}else u={width:s.offsetWidth,height:s.offsetHeight};n.mediaSize=__assign(__assign({},u),{naturalWidth:p,naturalHeight:c}),n.props.setMediaSize&&n.props.setMediaSize(n.mediaSize);var h=n.props.cropSize?n.props.cropSize:getCropSize(n.mediaSize.width,n.mediaSize.height,n.containerRect.width,n.containerRect.height,n.props.aspect,n.props.rotation);return(null===(i=n.state.cropSize)||void 0===i?void 0:i.height)===h.height&&(null===(a=n.state.cropSize)||void 0===a?void 0:a.width)===h.width||n.props.onCropSizeChange&&n.props.onCropSizeChange(h),n.setState({cropSize:h},n.recomputeCropPosition),n.props.setCropSize&&n.props.setCropSize(h),h}},n.saveContainerPosition=function(){if(n.containerRef){var e=n.containerRef.getBoundingClientRect();n.containerPosition={x:e.left,y:e.top}}},n.onMouseDown=function(e){n.currentDoc&&(e.preventDefault(),n.currentDoc.addEventListener("mousemove",n.onMouseMove),n.currentDoc.addEventListener("mouseup",n.onDragStopped),n.saveContainerPosition(),n.onDragStart(t.getMousePoint(e)))},n.onMouseMove=function(e){return n.onDrag(t.getMousePoint(e))},n.onScroll=function(e){n.currentDoc&&(e.preventDefault(),n.saveContainerPosition())},n.onTouchStart=function(e){n.currentDoc&&(n.isTouching=!0,n.props.onTouchRequest&&!n.props.onTouchRequest(e)||(n.currentDoc.addEventListener("touchmove",n.onTouchMove,{passive:!1}),n.currentDoc.addEventListener("touchend",n.onDragStopped),n.saveContainerPosition(),2===e.touches.length?n.onPinchStart(e):1===e.touches.length&&n.onDragStart(t.getTouchPoint(e.touches[0]))))},n.onTouchMove=function(e){e.preventDefault(),2===e.touches.length?n.onPinchMove(e):1===e.touches.length&&n.onDrag(t.getTouchPoint(e.touches[0]))},n.onGestureStart=function(e){n.currentDoc&&(e.preventDefault(),n.currentDoc.addEventListener("gesturechange",n.onGestureChange),n.currentDoc.addEventListener("gestureend",n.onGestureEnd),n.gestureZoomStart=n.props.zoom,n.gestureRotationStart=n.props.rotation)},n.onGestureChange=function(e){if(e.preventDefault(),!n.isTouching){var r=t.getMousePoint(e),o=n.gestureZoomStart-1+e.scale;if(n.setNewZoom(o,r,{shouldUpdatePosition:!0}),n.props.onRotationChange){var i=n.gestureRotationStart+e.rotation;n.props.onRotationChange(i)}}},n.onGestureEnd=function(e){n.cleanEvents()},n.onDragStart=function(e){var t,r,o=e.x,i=e.y;n.dragStartPosition={x:o,y:i},n.dragStartCrop=__assign({},n.props.crop),null===(r=(t=n.props).onInteractionStart)||void 0===r||r.call(t)},n.onDrag=function(e){var t=e.x,r=e.y;n.currentWindow&&(n.rafDragTimeout&&n.currentWindow.cancelAnimationFrame(n.rafDragTimeout),n.rafDragTimeout=n.currentWindow.requestAnimationFrame(function(){if(n.state.cropSize&&void 0!==t&&void 0!==r){var e=t-n.dragStartPosition.x,o=r-n.dragStartPosition.y,i={x:n.dragStartCrop.x+e,y:n.dragStartCrop.y+o},a=n.props.restrictPosition?restrictPosition(i,n.mediaSize,n.state.cropSize,n.props.zoom,n.props.rotation):i;n.props.onCropChange(a)}}))},n.onDragStopped=function(){var e,t;n.isTouching=!1,n.cleanEvents(),n.emitCropData(),null===(t=(e=n.props).onInteractionEnd)||void 0===t||t.call(e)},n.onWheel=function(e){if(n.currentWindow&&(!n.props.onWheelRequest||n.props.onWheelRequest(e))){e.preventDefault();var r=t.getMousePoint(e),o=normalizeWheel(e).pixelY,i=n.props.zoom-o*n.props.zoomSpeed/200;n.setNewZoom(i,r,{shouldUpdatePosition:!0}),n.state.hasWheelJustStarted||n.setState({hasWheelJustStarted:!0},function(){var e,t;return null===(t=(e=n.props).onInteractionStart)||void 0===t?void 0:t.call(e)}),n.wheelTimer&&clearTimeout(n.wheelTimer),n.wheelTimer=n.currentWindow.setTimeout(function(){return n.setState({hasWheelJustStarted:!1},function(){var e,t;return null===(t=(e=n.props).onInteractionEnd)||void 0===t?void 0:t.call(e)})},250)}},n.getPointOnContainer=function(e,t){var r=e.x,o=e.y;if(!n.containerRect)throw new Error("The Cropper is not mounted");return{x:n.containerRect.width/2-(r-t.x),y:n.containerRect.height/2-(o-t.y)}},n.getPointOnMedia=function(e){var t=e.x,r=e.y,o=n.props,i=o.crop,a=o.zoom;return{x:(t+i.x)/a,y:(r+i.y)/a}},n.setNewZoom=function(e,t,r){var o=(void 0===r?{}:r).shouldUpdatePosition,i=void 0===o||o;if(n.state.cropSize&&n.props.onZoomChange){var a=clamp(e,n.props.minZoom,n.props.maxZoom);if(i){var s=n.getPointOnContainer(t,n.containerPosition),l=n.getPointOnMedia(s),p={x:l.x*a-s.x,y:l.y*a-s.y},c=n.props.restrictPosition?restrictPosition(p,n.mediaSize,n.state.cropSize,a,n.props.rotation):p;n.props.onCropChange(c)}n.props.onZoomChange(a)}},n.getCropData=function(){return n.state.cropSize?computeCroppedArea(n.props.restrictPosition?restrictPosition(n.props.crop,n.mediaSize,n.state.cropSize,n.props.zoom,n.props.rotation):n.props.crop,n.mediaSize,n.state.cropSize,n.getAspect(),n.props.zoom,n.props.rotation,n.props.restrictPosition):null},n.emitCropData=function(){var e=n.getCropData();if(e){var t=e.croppedAreaPercentages,r=e.croppedAreaPixels;n.props.onCropComplete&&n.props.onCropComplete(t,r),n.props.onCropAreaChange&&n.props.onCropAreaChange(t,r)}},n.emitCropAreaChange=function(){var e=n.getCropData();if(e){var t=e.croppedAreaPercentages,r=e.croppedAreaPixels;n.props.onCropAreaChange&&n.props.onCropAreaChange(t,r)}},n.recomputeCropPosition=function(){var e,t;if(n.state.cropSize){var r=n.props.crop;if(n.isInitialized&&(null===(e=n.previousCropSize)||void 0===e?void 0:e.width)&&(null===(t=n.previousCropSize)||void 0===t?void 0:t.height))if(Math.abs(n.previousCropSize.width-n.state.cropSize.width)>1e-6||Math.abs(n.previousCropSize.height-n.state.cropSize.height)>1e-6){var o=n.state.cropSize.width/n.previousCropSize.width,i=n.state.cropSize.height/n.previousCropSize.height;r={x:n.props.crop.x*o,y:n.props.crop.y*i}}var a=n.props.restrictPosition?restrictPosition(r,n.mediaSize,n.state.cropSize,n.props.zoom,n.props.rotation):r;n.previousCropSize=n.state.cropSize,n.props.onCropChange(a),n.emitCropData()}},n.onKeyDown=function(e){var t,r,o=n.props,i=o.crop,a=o.onCropChange,s=o.keyboardStep,l=o.zoom,p=o.rotation,c=s;if(n.state.cropSize){e.shiftKey&&(c*=.2);var d=__assign({},i);switch(e.key){case"ArrowUp":d.y-=c,e.preventDefault();break;case"ArrowDown":d.y+=c,e.preventDefault();break;case"ArrowLeft":d.x-=c,e.preventDefault();break;case"ArrowRight":d.x+=c,e.preventDefault();break;default:return}n.props.restrictPosition&&(d=restrictPosition(d,n.mediaSize,n.state.cropSize,l,p)),e.repeat||null===(r=(t=n.props).onInteractionStart)||void 0===r||r.call(t),a(d)}},n.onKeyUp=function(e){var t,r;switch(e.key){case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":e.preventDefault();break;default:return}n.emitCropData(),null===(r=(t=n.props).onInteractionEnd)||void 0===r||r.call(t)},n}return __extends(t,e),t.prototype.componentDidMount=function(){this.currentDoc&&this.currentWindow&&(this.containerRef&&(this.containerRef.ownerDocument&&(this.currentDoc=this.containerRef.ownerDocument),this.currentDoc.defaultView&&(this.currentWindow=this.currentDoc.defaultView),this.initResizeObserver(),void 0===window.ResizeObserver&&this.currentWindow.addEventListener("resize",this.computeSizes),this.props.zoomWithScroll&&this.containerRef.addEventListener("wheel",this.onWheel,{passive:!1}),this.containerRef.addEventListener("gesturestart",this.onGestureStart)),this.currentDoc.addEventListener("scroll",this.onScroll),this.props.disableAutomaticStylesInjection||(this.styleRef=this.currentDoc.createElement("style"),this.styleRef.setAttribute("type","text/css"),this.props.nonce&&this.styleRef.setAttribute("nonce",this.props.nonce),this.styleRef.innerHTML=css_248z$k,this.currentDoc.head.appendChild(this.styleRef)),this.imageRef.current&&this.imageRef.current.complete&&this.onMediaLoad(),this.props.setImageRef&&this.props.setImageRef(this.imageRef),this.props.setVideoRef&&this.props.setVideoRef(this.videoRef),this.props.setCropperRef&&this.props.setCropperRef(this.cropperRef))},t.prototype.componentWillUnmount=function(){var e,t;this.currentDoc&&this.currentWindow&&(void 0===window.ResizeObserver&&this.currentWindow.removeEventListener("resize",this.computeSizes),null===(e=this.resizeObserver)||void 0===e||e.disconnect(),this.containerRef&&this.containerRef.removeEventListener("gesturestart",this.preventZoomSafari),this.styleRef&&(null===(t=this.styleRef.parentNode)||void 0===t||t.removeChild(this.styleRef)),this.cleanEvents(),this.props.zoomWithScroll&&this.clearScrollEvent())},t.prototype.componentDidUpdate=function(e){var t,n,r,o,i,a,s,l,p;e.rotation!==this.props.rotation?(this.computeSizes(),this.recomputeCropPosition()):e.aspect!==this.props.aspect||e.objectFit!==this.props.objectFit?this.computeSizes():e.zoom!==this.props.zoom?this.recomputeCropPosition():(null===(t=e.cropSize)||void 0===t?void 0:t.height)!==(null===(n=this.props.cropSize)||void 0===n?void 0:n.height)||(null===(r=e.cropSize)||void 0===r?void 0:r.width)!==(null===(o=this.props.cropSize)||void 0===o?void 0:o.width)?this.computeSizes():(null===(i=e.crop)||void 0===i?void 0:i.x)===(null===(a=this.props.crop)||void 0===a?void 0:a.x)&&(null===(s=e.crop)||void 0===s?void 0:s.y)===(null===(l=this.props.crop)||void 0===l?void 0:l.y)||this.emitCropAreaChange(),e.zoomWithScroll!==this.props.zoomWithScroll&&this.containerRef&&(this.props.zoomWithScroll?this.containerRef.addEventListener("wheel",this.onWheel,{passive:!1}):this.clearScrollEvent()),e.video!==this.props.video&&(null===(p=this.videoRef.current)||void 0===p||p.load());var c=this.getObjectFit();c!==this.state.mediaObjectFit&&this.setState({mediaObjectFit:c},this.computeSizes)},t.prototype.getAspect=function(){var e=this.props,t=e.cropSize,n=e.aspect;return t?t.width/t.height:n},t.prototype.getObjectFit=function(){var e,t,n,r;if("cover"===this.props.objectFit){if((this.imageRef.current||this.videoRef.current)&&this.containerRef){this.containerRect=this.containerRef.getBoundingClientRect();var o=this.containerRect.width/this.containerRect.height;return((null===(e=this.imageRef.current)||void 0===e?void 0:e.naturalWidth)||(null===(t=this.videoRef.current)||void 0===t?void 0:t.videoWidth)||0)/((null===(n=this.imageRef.current)||void 0===n?void 0:n.naturalHeight)||(null===(r=this.videoRef.current)||void 0===r?void 0:r.videoHeight)||0)<o?"horizontal-cover":"vertical-cover"}return"horizontal-cover"}return this.props.objectFit},t.prototype.onPinchStart=function(e){var n=t.getTouchPoint(e.touches[0]),r=t.getTouchPoint(e.touches[1]);this.lastPinchDistance=getDistanceBetweenPoints(n,r),this.lastPinchRotation=getRotationBetweenPoints(n,r),this.onDragStart(getCenter(n,r))},t.prototype.onPinchMove=function(e){var n=this;if(this.currentDoc&&this.currentWindow){var r=t.getTouchPoint(e.touches[0]),o=t.getTouchPoint(e.touches[1]),i=getCenter(r,o);this.onDrag(i),this.rafPinchTimeout&&this.currentWindow.cancelAnimationFrame(this.rafPinchTimeout),this.rafPinchTimeout=this.currentWindow.requestAnimationFrame(function(){var e=getDistanceBetweenPoints(r,o),t=n.props.zoom*(e/n.lastPinchDistance);n.setNewZoom(t,i,{shouldUpdatePosition:!1}),n.lastPinchDistance=e;var a=getRotationBetweenPoints(r,o),s=n.props.rotation+(a-n.lastPinchRotation);n.props.onRotationChange&&n.props.onRotationChange(s),n.lastPinchRotation=a})}},t.prototype.render=function(){var e,t=this,n=this.props,r=n.image,o=n.video,i=n.mediaProps,a=n.cropperProps,s=n.transform,l=n.crop,p=l.x,c=l.y,d=n.rotation,u=n.zoom,h=n.cropShape,b=n.showGrid,m=n.roundCropAreaPixels,f=n.style,g=f.containerStyle,v=f.cropAreaStyle,y=f.mediaStyle,x=n.classes,w=x.containerClassName,k=x.cropAreaClassName,_=x.mediaClassName,S=null!==(e=this.state.mediaObjectFit)&&void 0!==e?e:this.getObjectFit();return React__namespace.createElement("div",{onMouseDown:this.onMouseDown,onTouchStart:this.onTouchStart,ref:function(e){return t.containerRef=e},"data-testid":"container",style:g,className:classNames("reactEasyCrop_Container",w)},r?React__namespace.createElement("img",__assign({alt:"",className:classNames("reactEasyCrop_Image","contain"===S&&"reactEasyCrop_Contain","horizontal-cover"===S&&"reactEasyCrop_Cover_Horizontal","vertical-cover"===S&&"reactEasyCrop_Cover_Vertical",_)},i,{src:r,ref:this.imageRef,style:__assign(__assign({},y),{transform:s||"translate(".concat(p,"px, ").concat(c,"px) rotate(").concat(d,"deg) scale(").concat(u,")")}),onLoad:this.onMediaLoad})):o&&React__namespace.createElement("video",__assign({autoPlay:!0,playsInline:!0,loop:!0,muted:!0,className:classNames("reactEasyCrop_Video","contain"===S&&"reactEasyCrop_Contain","horizontal-cover"===S&&"reactEasyCrop_Cover_Horizontal","vertical-cover"===S&&"reactEasyCrop_Cover_Vertical",_)},i,{ref:this.videoRef,onLoadedMetadata:this.onMediaLoad,style:__assign(__assign({},y),{transform:s||"translate(".concat(p,"px, ").concat(c,"px) rotate(").concat(d,"deg) scale(").concat(u,")")}),controls:!1}),(Array.isArray(o)?o:[{src:o}]).map(function(e){return React__namespace.createElement("source",__assign({key:e.src},e))})),this.state.cropSize&&React__namespace.createElement("div",__assign({ref:this.cropperRef,style:__assign(__assign({},v),{width:m?Math.round(this.state.cropSize.width):this.state.cropSize.width,height:m?Math.round(this.state.cropSize.height):this.state.cropSize.height}),tabIndex:0,onKeyDown:this.onKeyDown,onKeyUp:this.onKeyUp,"data-testid":"cropper",className:classNames("reactEasyCrop_CropArea","round"===h&&"reactEasyCrop_CropAreaRound",b&&"reactEasyCrop_CropAreaGrid",k)},a)))},t.defaultProps={zoom:1,rotation:0,aspect:4/3,maxZoom:MAX_ZOOM,minZoom:MIN_ZOOM,cropShape:"rect",objectFit:"contain",showGrid:!0,style:{},classes:{},mediaProps:{},cropperProps:{},zoomSpeed:1,restrictPosition:!0,zoomWithScroll:!0,keyboardStep:KEYBOARD_STEP},t.getMousePoint=function(e){return{x:Number(e.clientX),y:Number(e.clientY)}},t.getTouchPoint=function(e){return{x:Number(e.clientX),y:Number(e.clientY)}},t}(React__namespace.Component),css_248z$j=".bee-image-cropper {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n min-width: 320px;\n}\n.bee-image-cropper__crop-container {\n position: relative;\n width: 100%;\n height: var(--bee-image-cropper-height, 400px);\n min-height: 200px;\n background: var(--surface-100);\n border-radius: 6px;\n overflow: hidden;\n border: 1px solid var(--primary-color);\n}\n.bee-image-cropper__controls {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n padding: 0 0.25rem;\n}\n.bee-image-cropper__control-group {\n position: relative;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n height: 2.75rem;\n padding: 0 0.75rem;\n border: 2px solid var(--primary-color);\n border-radius: 6px;\n}\n.bee-image-cropper__control-group__label {\n position: absolute;\n top: 0;\n left: 0.75rem;\n transform: translateY(-50%);\n background: var(--surface-a);\n padding: 0 0.25rem;\n font-size: 0.75rem;\n font-weight: 500;\n color: var(--primary-color);\n white-space: nowrap;\n}\n.bee-image-cropper__control-group--zoom {\n flex: 1;\n min-width: 0;\n padding-left: 1.5rem;\n}\n.bee-image-cropper__control-group--zoom .bee-slider-primary,\n.bee-image-cropper__control-group--zoom .bee-slider-secondary {\n flex: 1;\n min-width: 100px;\n}\n.bee-image-cropper__control-group--zoom .bee-percentage-input-container {\n width: 65px;\n flex-shrink: 0;\n}\n.bee-image-cropper__control-group--zoom .bee-percentage-input-container .p-inputtext {\n border: none;\n background: transparent;\n box-shadow: none;\n}\n.bee-image-cropper__control-group--zoom .bee-percentage-input-container .p-inputtext:focus, .bee-image-cropper__control-group--zoom .bee-percentage-input-container .p-inputtext:hover, .bee-image-cropper__control-group--zoom .bee-percentage-input-container .p-inputtext:active {\n border: none;\n box-shadow: none;\n outline: none;\n}\n.bee-image-cropper__control-group--rotation {\n flex-shrink: 0;\n gap: 0;\n}\n.bee-image-cropper__control-group--disabled {\n border-color: var(--surface-400);\n opacity: 0.5;\n pointer-events: none;\n}\n.bee-image-cropper__control-group--disabled .bee-image-cropper__control-group__label {\n color: var(--surface-400);\n}\n.bee-image-cropper__rotation-btn.bee-icon-button {\n background: transparent;\n}\n.bee-image-cropper__rotation-btn.bee-icon-button .icon {\n font-size: 1.5em;\n font-weight: 800;\n}\n.bee-image-cropper__rotation-btn.bee-icon-button:hover, .bee-image-cropper__rotation-btn.bee-icon-button:focus, .bee-image-cropper__rotation-btn.bee-icon-button:active, .bee-image-cropper__rotation-btn.bee-icon-button:focus-visible {\n background: transparent;\n box-shadow: none;\n}\n.bee-image-cropper__rotation-btn--flipped .icon {\n transform: scaleX(-1);\n}\n.bee-image-cropper__overlay-controls {\n position: absolute;\n bottom: 0.75rem;\n right: 0.75rem;\n display: flex;\n gap: 0.25rem;\n padding: 0.375rem;\n background: var(--primary-color-32);\n border-radius: 6px;\n z-index: 10;\n}\n.bee-image-cropper__overlay-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem;\n border: none;\n border-radius: 4px;\n background: transparent;\n cursor: pointer;\n transition: background 0.15s;\n}\n.bee-image-cropper__overlay-btn i {\n color: var(--surface-a);\n font-size: 1rem;\n}\n.bee-image-cropper__overlay-btn:hover {\n background: var(--surface-400);\n}\n.bee-image-cropper__overlay-btn:disabled {\n opacity: 0.4;\n cursor: default;\n}\n.bee-image-cropper__overlay-btn--flipped i {\n transform: scaleX(-1);\n}";styleInject(css_248z$j);const MIN_ZOOM_DEFAULT=1,MAX_ZOOM_DEFAULT=3,PERCENTAGE_MULTIPLIER=100,ZOOM_STEP=.1;var BeeImageCropper=React.forwardRef(function(e,t){const{image:n,id:r,className:o,cropShape:i="rect",aspectWidth:a,aspectHeight:s,cropSize:l,maxOutputSize:p,showZoom:c,showRotation:d,controlsPosition:u="overlay",minZoom:h,maxZoom:b,zoomStep:m,disabled:f,zoomLabel:g,rotateLabel:v}=e,[y]=libExports.useId(1,"bee-image-cropper-"),x=null!=r?r:y,w="bee-image-cropper",k=f?`${w}__control-group--disabled`:"",[_,S]=React.useState({x:0,y:0}),[q,C]=React.useState(1),[E,P]=React.useState(0),[A,$]=React.useState(null),T=null!=p?p:1024,I=null!=u?u:"overlay",D=null!=m?m:ZOOM_STEP;function M(e){return e*Math.PI/180}return React.useImperativeHandle(t,()=>({getCroppedFile:()=>new Promise((e,t)=>{var r;A?(r=n,new Promise((e,t)=>{const n=new Image;n.onload=()=>e(n),n.onerror=()=>t(new Error("Failed to load image")),n.crossOrigin="anonymous",n.src=r})).then(n=>{let r=n;0!==E&&(r=function(e,t){const n=function(e,t,n){const r=M(n),o=Math.abs(Math.cos(r)),i=Math.abs(Math.sin(r));return{width:e*o+t*i,height:e*i+t*o}}(e.width,e.height,t),r=document.createElement("canvas");r.width=n.width,r.height=n.height;const o=r.getContext("2d");if(!o)return console.warn("[Line 215] BeeImageCropper > createRotatedImageCanvas(): Could not get canvas 2d context - returning empty canvas"),r;return o.translate(r.width/2,r.height/2),o.rotate(M(t)),o.drawImage(e,-e.width/2,-e.height/2),r}(n,E));const o=function(e){const t=e.width,n=e.height,r=Math.max(t,n);if(r>T){const e=T/r;return{width:Math.round(t*e),height:Math.round(n*e)}}return{width:t,height:n}}(A),i=document.createElement("canvas");i.width=o.width,i.height=o.height;const a=i.getContext("2d");a?(a.drawImage(r,A.x,A.y,A.width,A.height,0,0,o.width,o.height),i.toBlob(n=>{if(!n)return void t(new Error("Failed to create blob"));const r=new File([n],"cropped.png",{type:"image/png"});e(r)},"image/png")):t(new Error("Could not get canvas context"))}).catch(e=>{t(e)}):t(new Error("No cropped area pixels"))})}),[n,A,E,T]),require$$0.jsxs("div",{id:x,className:`${w} ${null!=o?o:""}`,children:[require$$0.jsxs("div",{className:`${w}__crop-container`,role:"application","aria-label":"Bildausschnitt anpassen - Ziehen zum Verschieben, Scrollen zum Zoomen",children:[require$$0.jsx(Cropper,Object.assign({image:n,crop:_,zoom:q,rotation:E,aspect:a&&s?a/s:1,cropShape:null!=i?i:"rect"},null!=l?{cropSize:l}:{},{minZoom:null!=h?h:MIN_ZOOM_DEFAULT,maxZoom:null!=b?b:MAX_ZOOM_DEFAULT,zoomSpeed:.1,mediaProps:{crossOrigin:"anonymous"},onCropChange:S,onZoomChange:C,onCropComplete:e=>{$(e)}})),"overlay"===I&&(c||d)&&require$$0.jsxs("div",{className:`${w}__overlay-controls`,children:[c&&require$$0.jsxs(require$$0.Fragment,{children:[require$$0.jsx("button",{className:`${w}__overlay-btn`,type:"button","aria-label":"Zoom verkleinern",disabled:null!=f&&f,onClick:()=>{const e=null!=h?h:MIN_ZOOM_DEFAULT;C(Math.max(q-D,e))},children:require$$0.jsx("i",{className:"pi pi-minus","aria-hidden":"true"})}),require$$0.jsx("button",{className:`${w}__overlay-btn`,type:"button","aria-label":"Zoom vergrößern",disabled:null!=f&&f,onClick:()=>{const e=null!=b?b:MAX_ZOOM_DEFAULT;C(Math.min(q+D,e))},children:require$$0.jsx("i",{className:"pi pi-plus","aria-hidden":"true"})})]}),d&&require$$0.jsxs(require$$0.Fragment,{children:[require$$0.jsx("button",{className:`${w}__overlay-btn ${w}__overlay-btn--flipped`,type:"button","aria-label":"90° gegen Uhrzeigersinn drehen",disabled:null!=f&&f,onClick:()=>{P(E-90)},children:require$$0.jsx("i",{className:"pi pi-refresh","aria-hidden":"true"})}),require$$0.jsx("button",{className:`${w}__overlay-btn`,type:"button","aria-label":"90° im Uhrzeigersinn drehen",disabled:null!=f&&f,onClick:()=>{P(E+90)},children:require$$0.jsx("i",{className:"pi pi-refresh","aria-hidden":"true"})})]})]})]}),"external"===I&&require$$0.jsxs("div",{className:`${w}__controls`,role:"toolbar","aria-label":"Bildbearbeitungsoptionen",children:[c&&require$$0.jsxs("div",{className:`${w}__control-group ${w}__control-group--zoom ${k}`,role:"group","aria-labelledby":`${x}-zoom-label`,children:[require$$0.jsx("span",{id:`${x}-zoom-label`,className:`${w}__control-group__label`,children:null!=g?g:"Zoom"}),require$$0.jsx(BeeSlider,{value:q,type:"primary",disabled:null!=f&&f,min:null!=h?h:MIN_ZOOM_DEFAULT,max:null!=b?b:MAX_ZOOM_DEFAULT,step:D,onChange:e=>{null!==(null==e?void 0:e.value)&&void 0!==(null==e?void 0:e.value)&&C(Number(e.value))}}),require$$0.jsx(BeePercentageInput,{value:q*PERCENTAGE_MULTIPLIER,disabled:null!=f&&f,min:(null!=h?h:MIN_ZOOM_DEFAULT)*PERCENTAGE_MULTIPLIER,max:(null!=b?b:MAX_ZOOM_DEFAULT)*PERCENTAGE_MULTIPLIER,maxFractionDigits:0,readOnly:!1,required:!1,onChange:e=>{null!==(null==e?void 0:e.value)&&void 0!==(null==e?void 0:e.value)&&C(e.value/PERCENTAGE_MULTIPLIER)}})]}),d&&require$$0.jsxs("div",{className:`${w}__control-group ${w}__control-group--rotation ${k}`,role:"group","aria-labelledby":`${x}-rotation-label`,children:[require$$0.jsx("span",{id:`${x}-rotation-label`,className:`${w}__control-group__label`,children:null!=v?v:"Rotation"}),require$$0.jsx(BeeIconButton,{className:`${w}__rotation-btn ${w}__rotation-btn--flipped`,iconClass:"pi pi-refresh",type:"lightPrimary",rounded:!0,disabled:f,onClick:()=>{P(E-90)}}),require$$0.jsx(BeeIconButton,{className:`${w}__rotation-btn`,iconClass:"pi pi-refresh",type:"lightPrimary",rounded:!0,disabled:f,onClick:()=>{P(E+90)}})]})]})]})}),css_248z$i=".bee-panel {\n background-color: transparent;\n border: none;\n box-shadow: none;\n}\n.bee-panel__toggle-wrapper {\n align-content: center;\n}\n.bee-panel__toggle-invisible {\n visibility: hidden;\n pointer-events: none;\n}\n.bee-panel__title {\n align-content: center;\n}\n.bee-panel:not(.bee-panel--audit) .bee-panel__header-row .bee-panel__title {\n flex: 1;\n}\n.bee-panel .p-panel-header {\n color: var(--primary-color);\n background-color: transparent;\n}\n.bee-panel .p-panel-header .p-panel-title {\n font-size: 1.2em;\n}\n.bee-panel .p-panel-header .p-panel-header-icon {\n border-radius: 50%;\n width: 1.75rem;\n min-width: 1.75rem;\n height: 1.75rem;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.bee-panel .p-panel-content {\n background: transparent;\n}\n\n.bee-panel--audit.p-panel.p-panel-toggleable .p-panel-header {\n color: var(--primary-color);\n padding: 0.125rem 0.25rem;\n}\n.bee-panel--audit.p-panel.p-panel-toggleable .p-panel-header .p-panel-title {\n font-size: 1rem;\n padding: 0.5em;\n}\n.bee-panel--audit.p-panel.p-panel-toggleable .p-panel-header .p-panel-title .p-button {\n font-size: 0.9rem;\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n.bee-panel--audit.p-panel.p-panel-toggleable .p-panel-header .p-panel-header-icon,\n.bee-panel--audit.p-panel.p-panel-toggleable .p-panel-header .bee-panel__toggle-wrapper .p-panel-header-icon {\n height: 0.8em;\n}\n.bee-panel--audit.p-panel.p-panel-toggleable .p-panel-header .bee-panel__toggle-wrapper {\n display: flex;\n align-items: center;\n align-content: center;\n}\n.bee-panel--audit.p-panel.p-panel-toggleable .p-panel-header .bee-panel__toggle-wrapper .p-panel-header-icon {\n border-radius: 50%;\n width: 1.75rem;\n min-width: 1.75rem;\n height: 1.75rem;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.bee-panel--audit.p-panel.p-panel-toggleable .p-panel-content {\n padding: 0;\n height: 25rem;\n overflow-y: auto;\n overflow-x: hidden;\n}";function BeePanel({id:e,className:t,variant:n="default",header:r,children:o,collapsed:i,type:a="primary",showToggle:s=!0,showAdd:l=!1,addLabel:p,readOnly:c,disabled:d,isPmView:u=!1,onToggle:h,onAddAddendum:b}){const m="primary"===a?" bee-panel--primary":"secondary"===a?" bee-panel--secondary":" bee-panel--primary",f=d?" disabled":"",g="audit"===n?" bee-panel--audit":"";return require$$0.jsx(panel.Panel,Object.assign({id:e,headerTemplate:e=>{const t=e.collapsed?"pi pi-chevron-down":"pi pi-chevron-up",o="audit"===n,i=o?`${e.className} justify-content-between`:`${e.className} mb-3`,a=o?`${e.titleClassName} pl-1 w-full`:`${e.titleClassName} pl-1`,h=l&&!c&&!u;return require$$0.jsxs("div",{className:i+" bee-panel__header",children:[require$$0.jsxs("div",{className:"bee-panel__header-row "+(o?"flex justify-content-start w-full":"flex"),children:[!o&&require$$0.jsx("div",{className:a+" bee-panel__title",children:r}),!c&&require$$0.jsx("div",{className:"bee-panel__toggle-wrapper "+(s?"":"bee-panel__toggle-invisible"),children:require$$0.jsx("button",{className:e.togglerClassName,onClick:e.onTogglerClick,children:require$$0.jsx("span",{className:t})})}),o&&require$$0.jsx("div",{className:a+" bee-panel__title",children:r})]}),o&&require$$0.jsx("div",{children:h&&require$$0.jsx(BeeMixButton,{label:null!=p?String(p):"",iconClass:"pi pi-plus",iconPos:"left",disabled:null!=d&&d,type:"lightPrimary",isLoading:!1,onClick:()=>null==b?void 0:b()})})]})},toggleable:!0,collapsed:i,className:"bee-panel"+m+f+g+(t?" "+t:"")},null!=h?{onToggle:h}:{},{children:require$$0.jsx(require$$0.Fragment,{children:o})}))}styleInject(css_248z$i);var css_248z$h=".bee-search-bar {\n display: flex;\n align-items: stretch;\n position: relative;\n}\n.bee-search-bar .p-inputtext {\n box-sizing: border-box;\n}\n.bee-search-bar .p-button-half-rounded {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.bee-search-bar-button-col .p-button.p-button-icon-only {\n height: 100%;\n flex-grow: 1;\n align-items: center;\n justify-content: center;\n}\n.bee-search-bar-button-col .p-button.p-button-icon-only .p-button-icon::before {\n font-size: 1rem;\n}\n\n.bee-search-bar-button-col .p-button.p-button-icon-only .p-button-icon::before {\n font-weight: 600;\n}\n\n.bee-search-bar .search-cancel {\n position: absolute;\n right: 2.5rem;\n top: 0.25rem;\n}";function BeeSearchBar({id:e,className:t,label:n,value:r,disabled:o,readOnly:i,deleteIcon:a,required:s,formstate:l="neutral",type:p="primary",onSearch:c}){const d=null!=e?e:libExports.useId(1,"bee-searchbar-")[0],u=React.useRef(null),[h,b]=React.useState(null!=r?r:""),m="bee-search-bar flex"+(t?" "+t:""),f=null!=a?a:"pi pi-times-circle";React.useEffect(()=>{b(null!=r?r:"")},[r]);const g=React.useCallback(lodashExports.debounce(()=>{(null==u?void 0:u.current)&&u.current.click()},1e3),[]),v=e=>{b(e),c&&c(e)},y=()=>{g&&g.cancel()},x=()=>{y(),o||v(h)};return require$$0.jsxs("div",{id:d,className:m,onKeyDown:e=>{"Enter"===e.key&&x()},children:[require$$0.jsx("div",{className:"w-full",children:require$$0.jsx(BeeTextInput,{value:null!==h?h:"",disabled:null!=o&&o,readOnly:null!=i&&i,required:null!=s&&s,formstate:l,halfRounded:!0,label:n,onChange:e=>{return t=e.target.value,b(t),void g();var t}})}),i?null:require$$0.jsxs("div",{className:"bee-search-bar-button-col",children:[require$$0.jsx(BeeIconButton,{iconClass:"pi pi-search",rounded:!1,halfRounded:!0,disabled:null!=o&&o,type:p,isLoading:!1,onClick:()=>x()}),require$$0.jsx("button",{ref:u,type:"button",onClick:()=>x(),style:{display:"none"}})]}),h&&""!==h?require$$0.jsx("div",{className:"search-cancel",children:require$$0.jsx(BeeIconButton,{iconClass:f,rounded:!0,disabled:null!=o&&o,type:"lightPrimary",isLoading:!1,onClick:e=>{b(""),v(""),y(),e.stopPropagation()}})}):null]})}styleInject(css_248z$h);var css_248z$g=".bee-skeleton-list .p-skeleton.p-component.bee-skeleton-rectangle {\n position: relative;\n border-radius: 4px;\n}";function BeeSkeletonList({id:e,className:t,noSkeletons:n=3,width:r,height:o,showHover:i,showShade:a}){const s=null!=e?e:libExports.useId(1,"bee-skeleton-list-")[0],l=Math.max(0,Math.floor(n)),p="bee-skeleton-list grid grid-nogutter flex-wrap"+(t?" "+t:"");return require$$0.jsx("div",{id:s,className:p,children:Array.from({length:l}).map(()=>require$$0.jsx(BeeSkeleton,{width:r,height:o,showHover:i,showShade:a}))})}styleInject(css_248z$g);var css_248z$f=".bee-flat-img-gallery-entry {\n height: 160px;\n width: 160px;\n}\n\n.bee-flat-img-gallery-entry .bee-gallery-img-add-button {\n width: 40%;\n height: 40%;\n}\n\n.bee-flat-img-gallery-entry .bee-gallery-img-add-button .p-button.p-button-icon-only.p-button-rounded {\n width: 60%;\n height: 60%;\n}\n\n.bee-flat-img-gallery-entry .bee-image-prev-copyright {\n display: none;\n}\n\n@media (max-width: 1000px) {\n .bee-flat-img-gallery-entry {\n height: 130px;\n width: 130px;\n padding: 0.4rem;\n }\n .bee-flat-img-gallery-entry .bee-gallery-img-add-button {\n width: 35%;\n height: 35%;\n }\n .bee-flat-img-gallery-entry .bee-gallery-img-add-button .p-button.p-button-icon-only.p-button-rounded {\n width: 65%;\n height: 65%;\n }\n .bee-flat-img-gallery-entry .bee-gallery-img-close-button .p-button.p-button-icon-only.p-button-rounded {\n height: 2rem;\n width: 2rem;\n }\n .bee-flat-img-gallery-entry .bee-gallery-img-close-button .p-button-icon {\n font-size: 0.9rem;\n }\n .bee-flat-img-gallery-entry .bee-gallery-img-content .bee-img-title {\n font-size: 12px;\n height: 20px;\n bottom: -28px;\n }\n}";function BeeFlatImageGallery({id:e,className:t,images:n,showAddOption:r,activateHover:o,readOnly:i,onClick:a,onRemove:s,onAdd:l}){const p=null!=e?e:libExports.useId(1,"bee-flat-img-gallery-")[0],c="grid bee-flat-img-gallery"+(t?" "+t:"");const d=e=>{var t,n,r,p,c,d,u,h;const b=null!==(t=null==e?void 0:e.id)&&void 0!==t?t:"-1";return require$$0.jsx("div",{className:"bee-flat-img-gallery-entry col-4 sm:col-3 md:col-2 lg:col-2 xl:col-1",children:require$$0.jsx(BeeGalleryImage,{id:b,readOnly:null!=i&&i,activateHover:null!=o&&o,imageUrl:null!==(n=null==e?void 0:e.url)&&void 0!==n?n:"",imageKey:null!==(r=null==e?void 0:e.key)&&void 0!==r?r:"",imageAlt:null!==(p=null==e?void 0:e.alt)&&void 0!==p?p:"",imageTitle:null!==(c=null==e?void 0:e.title)&&void 0!==c?c:"",imageCopyright:null!==(d=null==e?void 0:e.copyright)&&void 0!==d?d:"",isImageSecured:null!==(u=null==e?void 0:e.secured)&&void 0!==u&&u,showPlaceHolder:null!==(h=null==e?void 0:e.showPlaceholder)&&void 0!==h&&h,onClick:()=>function(e){a&&a(e)}(b),onRemove:()=>function(e){s&&s(e)}(b),onAdd:e=>function(e){l&&l(e)}(e)})},"img_"+b)};return require$$0.jsx("div",{id:p,className:c,children:(e=>{if(e){let t=r?[d(null)]:[];for(let n=0;n<e.length;n++){const r=e[n];t.push(d(null!=r?r:null))}return t}})(n)})}styleInject(css_248z$f);var css_248z$e=".bee-nutzungsart-mix {\n position: relative;\n}\n\n.bee-nutzungsarten-mix-label {\n z-index: 100;\n display: block;\n position: absolute;\n pointer-events: none;\n top: -0.35rem !important;\n margin-left: 7.8px;\n transition-property: all;\n transition-timing-function: ease;\n line-height: 1;\n font-size: 12px;\n color: var(--text-color-secondary);\n transition-duration: 0.2s;\n background-color: var(--label-background-color);\n padding-left: 4px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: -webkit-calc(100% - 49px);\n padding-right: 6px;\n}\n\n.bee-nutzungsart-mix-input {\n display: block;\n padding: 0.77rem 0.77rem;\n border: 1px solid var(--primary-border-color);\n border-radius: 4px;\n align-items: stretch;\n width: 100%;\n min-width: 220px;\n margin: 5px 0;\n}\n\n.bee-nutzungsart-mix-input table {\n width: 100%;\n}\n\n.bee-nutzungsart-mix-input .bee-nutzungsarten-table-title {\n width: 20%;\n min-width: 100px;\n text-align: left;\n padding: 5px;\n padding-left: 3%;\n padding-right: 20px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.bee-nutzungsart-mix-input .bee-nutzungsarten-table-percentage {\n width: 10%;\n max-width: 60px;\n padding-left: 20px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/* readOnly */\n.bee-nutzungsart-mix-readOnly {\n border-style: none;\n padding: 0.83rem;\n opacity: 1 !important;\n}\n\n.bee-nutzungsart-mix-readOnly .p-slider {\n opacity: 1 !important;\n pointer-events: none;\n}\n\n/* required */\n.bee-nutzungsart-mix-label .bee-nutzungsart-mix-required {\n padding-right: 3px;\n padding-left: 4px;\n}\n\n.bee-nutzungsart-mix-label .bee-nutzungsart-mix-required {\n position: absolute;\n right: 0px;\n max-width: 100%;\n padding-right: inherit;\n}\n\n/* disabled */\n.bee-nutzungsart-mix-disabled {\n pointer-events: none;\n opacity: 0.38;\n}\n\n/* formstate */\n.bee-validated-nutzungsart-mix-label {\n padding: 4px;\n padding-top: 0px;\n}\n\n.bee-nutzungsart-mix-valid {\n border-color: var(--valid-color);\n border-width: 2px;\n}\n\n.bee-nutzungsart-mix-error {\n border-color: var(--error-color);\n border-width: 2px;\n}";function BeeNutzungsartMix({id:e,className:t,label:n,disabled:r,forceRerenderToggle:o,aOffice:i,aRetail:a,aWohnen:s,aLogistik:l,aSonstige:p,type:c="primary",formstate:d="neutral",statusLabel:u,readOnly:h,required:b,onChange:m}){const f=null!=e?e:libExports.useId(1,"bee-nutzungsart-mix-")[0],[g,v]=React.useState(i),[y,x]=React.useState(a),[w,k]=React.useState(s),[_,S]=React.useState(l),[q,C]=React.useState(p),[E,P]=React.useState(h),A="bee-nutzungsart-mix"+(t?" "+t:""),$="bee-nutzungsarten-table-title",T="bee-nutzungsarten-table-percentage";let I="";h&&(I=" bee-nutzungsart-mix-readOnly");const D="bee-nutzungsart-mix-input "+I+(r?" bee-nutzungsart-mix-disabled":"")+("valid"===d?" bee-nutzungsart-mix-valid":"error"===d?" bee-nutzungsart-mix-error":" bee-nutzungsart-mix-neutral"),M="medium";function z(){!r&&m&&m({anteilOffice:g,anteilRetail:y,anteilWohnen:w,anteilLogistik:_,anteilSonstige:q})}function j(e){v(e);N(100-(e+y+w+_+q))}function F(e){x(e);V(100-(g+e+w+_+q))}function R(e){k(e);H(100-(g+y+e+_+q))}function B(e){S(e);W(100-(g+y+w+e+q))}function O(e){C(e);L(100-(g+y+w+_+e))}function L(e){const t=g+e;v(t<0?0:t),t<0&&N(t)}function N(e){const t=y+e;x(t<0?0:t),t<0&&V(t)}function V(e){const t=w+e;k(t<0?0:t),t<0&&H(t)}function H(e){const t=_+e;S(t<0?0:t),t<0&&W(t)}function W(e){const t=q+e;C(t<0?0:t),t<0&&L(t)}return require$$0.jsxs("div",{className:A,children:[(o!==E&&(P(o),v(i),x(a),k(s),S(l),C(p)),require$$0.jsx(require$$0.Fragment,{})),require$$0.jsxs("label",{className:"bee-nutzungsarten-mix-label",children:[n,b&&n?require$$0.jsx("span",{className:"bee-nutzungsart-mix-label-required",children:require$$0.jsx("span",{className:"bee-nutzungsart-mix-label-required-star",children:" *"})}):null]}),require$$0.jsx("div",{id:f,className:D,children:require$$0.jsx("table",{children:require$$0.jsxs("tbody",{children:[require$$0.jsxs("tr",{children:[require$$0.jsx("td",{className:$,children:require$$0.jsx("label",{children:"Office"})}),require$$0.jsx("td",{children:require$$0.jsx(BeeSlider,{type:c,disabled:!1,value:g,min:0,max:100,step:1,onChange:e=>j(Array.isArray(e.value)?e.value[0]:e.value),onSlideEnd:e=>{j(Array.isArray(e.value)?e.value[0]:e.value),z()}})}),require$$0.jsx("td",{className:T,children:require$$0.jsx("label",{children:g+"%"})})]}),require$$0.jsxs("tr",{children:[require$$0.jsx("td",{className:$,children:require$$0.jsx("label",{children:"Retail"})}),require$$0.jsx("td",{children:require$$0.jsx(BeeSlider,{type:c,disabled:!1,value:y,min:0,max:100,step:1,onChange:e=>F(Array.isArray(e.value)?e.value[0]:e.value),onSlideEnd:e=>{F(Array.isArray(e.value)?e.value[0]:e.value),z()}})}),require$$0.jsx("td",{className:T,children:require$$0.jsx("label",{children:y+"%"})})]}),require$$0.jsxs("tr",{children:[require$$0.jsx("td",{className:$,children:require$$0.jsx("label",{children:"Wohnen"})}),require$$0.jsx("td",{children:require$$0.jsx(BeeSlider,{type:c,disabled:!1,value:w,min:0,max:100,step:1,onChange:e=>R(Array.isArray(e.value)?e.value[0]:e.value),onSlideEnd:e=>{R(Array.isArray(e.value)?e.value[0]:e.value),z()}})}),require$$0.jsx("td",{className:T,children:require$$0.jsx("label",{children:w+"%"})})]}),require$$0.jsxs("tr",{children:[require$$0.jsx("td",{className:$,children:require$$0.jsx("label",{children:"Logistik"})}),require$$0.jsx("td",{children:require$$0.jsx(BeeSlider,{type:c,disabled:!1,value:_,min:0,max:100,step:1,onChange:e=>B(Array.isArray(e.value)?e.value[0]:e.value),onSlideEnd:e=>{B(Array.isArray(e.value)?e.value[0]:e.value),z()}})}),require$$0.jsx("td",{className:T,children:require$$0.jsx("label",{children:_+"%"})})]}),require$$0.jsxs("tr",{children:[require$$0.jsx("td",{className:$,children:require$$0.jsx("label",{children:"Sonstige"})}),require$$0.jsx("td",{children:require$$0.jsx(BeeSlider,{type:c,disabled:!1,value:q,min:0,max:100,step:1,onChange:e=>O(Array.isArray(e.value)?e.value[0]:e.value),onSlideEnd:e=>{O(Array.isArray(e.value)?e.value[0]:e.value),z()}})}),require$$0.jsx("td",{className:T,children:require$$0.jsx("label",{children:q+"%"})})]})]})})}),"none"!=d&&u?require$$0.jsx("div",{className:"bee-validated-nutzungsart-mix-label",children:"error"===d&&u?require$$0.jsx(BeeLabel,{size:M,value:u,type:"error"}):"valid"===d&&u?require$$0.jsx(BeeLabel,{size:M,value:u,type:"valid"}):"neutral"===d&&u?require$$0.jsx(BeeLabel,{size:M,value:u,type:"neutral"}):null}):null]})}styleInject(css_248z$e);var css_248z$d=".p-galleria {\n height: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n display: flex;\n align-items: center;\n max-width: 60vw;\n}\n\n.p-galleria-item .bee-img {\n max-height: 100vh;\n overflow: hidden;\n text-overflow: ellipsis;\n display: flex;\n align-items: center;\n}\n\n.p-galleria .p-galleria-caption {\n padding-top: 0.5em !important;\n padding-bottom: 0.5em !important;\n}\n\n.bee-img-slider-copyright p {\n font-size: xx-small;\n margin: 0;\n}\n\n.bee-img-slider-title h3 {\n margin: 0.2em 0em;\n}\n\n/* primary */\n.bee-img-detail-slider-primary.p-galleria .p-galleria-caption {\n background-color: var(--primary-color-76);\n}\n\n.bee-img-detail-slider-primary.p-galleria .p-galleria-caption .bee-img-slider-copyright p {\n color: var(--neutral-color);\n}\n\n.bee-img-detail-slider-primary.p-galleria .p-galleria-caption .bee-img-slider-title h3 {\n color: var(--primary-color-text);\n}\n\n/* secondary */\n.bee-img-detail-slider-secondary.p-galleria .p-galleria-caption {\n background-color: var(--secondary-color-76);\n}\n\n.bee-img-detail-slider-secondary.p-galleria .p-galleria-caption .bee-img-slider-copyright p {\n color: var(--neutral-color);\n}\n\n.bee-img-detail-slider-secondary.p-galleria .p-galleria-caption .bee-img-slider-title h3 {\n color: var(--secondary-color-text);\n}";styleInject(css_248z$d);const BeeImageSlider=React.forwardRef(({id:e,className:t,type:n="primary",images:r,activeIndex:o=0},i)=>{const a=null!=e?e:libExports.useId(1,"bee-img-detail-slider-")[0],[s,l]=React.useState(o);let p=React.useRef(null);React.useImperativeHandle(i,()=>({openGallery:u,showImage:h}));const c="primary"===n?"bee-img-detail-slider-primary":"secondary"===n?"bee-img-detail-slider-secondary":"bee-img-detail-slider-primary",d="card bee-img-slider bee-img-detail-slider"+(t?" "+t:"");function u(){p&&p.current&&p.current.show()}function h(e){l(e)}return require$$0.jsx("div",{id:a,className:d,children:require$$0.jsx(galleria.Galleria,{ref:p,value:r,className:c,activeIndex:s,onItemChange:e=>l(e.index),numVisible:7,circular:!0,fullScreen:!0,showItemNavigators:!0,showThumbnails:!1,item:e=>require$$0.jsx(BeeImage,{url:e&&e.url?e.url:"",alt:e?e.alt:void 0,title:void 0,copyright:e&&e.copyright?e.copyright:void 0,secured:!(!e||!e.secured)&&e.secured,showPlaceholder:!(!e||!e.showPlaceholder)&&e.showPlaceholder},e&&e.access?e.access:""),thumbnail:e=>require$$0.jsx(BeeImage,{url:e&&e.url?e.url:"",alt:e?e.alt:void 0,title:e&&e.title?e.title:void 0,copyright:e&&e.copyright?e.copyright:void 0,secured:!(!e||!e.secured)&&e.secured,showPlaceholder:!(!e||!e.showPlaceholder)&&e.showPlaceholder},e&&e.access?e.access:""),caption:e=>e.title||e.copyright?require$$0.jsxs("div",{children:[e.title?require$$0.jsx("div",{className:"bee-img-slider-title",children:require$$0.jsx(BeeContentHeadline,{value:e.title,headlineType:"h3",type:"primary"})}):null,e.copyright?require$$0.jsx("div",{className:"bee-img-slider-copyright",children:require$$0.jsx(BeeContentParagraph,{value:"© "+e.copyright,size:"xSmall",type:"secondary"})}):null]}):null})})});var css_248z$c=".bee-filter-sort-search .p-treeselect-token {\n padding: 0.2rem 0.5rem;\n}\n.bee-filter-sort-search .p-float-label {\n height: 100%;\n display: flex;\n}\n.bee-filter-sort-search .bee-filter-sort-search__filter,\n.bee-filter-sort-search .bee-filter-sort-search__sort,\n.bee-filter-sort-search .bee-filter-sort-search__search {\n display: flex;\n}\n.bee-filter-sort-search .bee-filter-sort-search__filter > div,\n.bee-filter-sort-search .bee-filter-sort-search__sort > div,\n.bee-filter-sort-search .bee-filter-sort-search__search > div {\n width: 100%;\n}\n.bee-filter-sort-search .bee-filter-sort-search__filter .p-float-label,\n.bee-filter-sort-search .bee-filter-sort-search__sort .p-float-label,\n.bee-filter-sort-search .bee-filter-sort-search__search .p-float-label {\n width: 100%;\n}";function BeeFilterSortSearch({className:e,filter:t,sort:n,search:r}){var o,i,a,s,l,p,c,d,u,h,b,m,f,g,v,y;const x="bee-filter-sort-search grid"+(e?" "+e:"");return require$$0.jsxs("div",{className:x,children:[t&&(!t.filterType||"dropdown"===t.filterType)&&require$$0.jsx("div",{className:"bee-filter-sort-search__filter col col-6 sm:col-4",children:require$$0.jsx(BeeDropDown,{label:t.label,value:t.value,options:t.options,optionLabel:t.optionLabel,disabled:null!==(o=t.disabled)&&void 0!==o&&o,formstate:null!==(i=t.formstate)&&void 0!==i?i:"neutral",readOnly:null!==(a=t.readOnly)&&void 0!==a&&a,required:null!==(s=t.required)&&void 0!==s&&s,showDelete:!0,deleteIcon:"pi pi-times-circle",onChange:e=>t.onChange(e.value)})}),t&&"treeselect"===t.filterType&&require$$0.jsx("div",{className:"bee-filter-sort-search__filter col col-6 sm:col-4",children:require$$0.jsx(BeeFilterTreeSelect,{label:t.label,value:t.value,options:t.options,disabled:null!==(l=t.disabled)&&void 0!==l&&l,formstate:null!==(p=t.formstate)&&void 0!==p?p:"neutral",readOnly:null!==(c=t.readOnly)&&void 0!==c&&c,required:null!==(d=t.required)&&void 0!==d&&d,onSelectNodes:e=>t.onChange(e),selectionMode:t.selectionMode,display:t.display,placeholder:t.placeholder})}),n&&require$$0.jsx("div",{className:"bee-filter-sort-search__sort col col-6 sm:col-4",children:require$$0.jsx(BeeDropDown,{label:n.label,value:n.value,options:n.options,optionLabel:n.optionLabel,disabled:null!==(u=n.disabled)&&void 0!==u&&u,formstate:null!==(h=n.formstate)&&void 0!==h?h:"neutral",readOnly:null!==(b=n.readOnly)&&void 0!==b&&b,required:null!==(m=n.required)&&void 0!==m&&m,onChange:e=>n.onChange(e.value)})}),r&&require$$0.jsx("div",{className:"bee-filter-sort-search__search col col-12 sm:col-4",children:require$$0.jsx(BeeSearchBar,{label:r.label,value:r.value,disabled:null!==(f=r.disabled)&&void 0!==f&&f,readOnly:null!==(g=r.readOnly)&&void 0!==g&&g,required:null!==(v=r.required)&&void 0!==v&&v,formstate:null!==(y=r.formstate)&&void 0!==y?y:"neutral",type:r.type,onSearch:r.onSearch})})]})}styleInject(css_248z$c);var css_248z$b=".bee-confirm-dialog.p-dialog {\n width: 40vw;\n max-width: 30rem;\n}\n\n.bee-confirm-dialog.p-dialog .p-confirm-dialog-message {\n margin-right: 1rem;\n -moz-hyphens: auto;\n -o-hyphens: auto;\n -webkit-hyphens: auto;\n -ms-hyphens: auto;\n hyphens: auto;\n}\n\n/* primary */\n.bee-confirm-dialog-primary.p-dialog .p-dialog-header,\n.bee-confirm-dialog-primary.p-dialog .p-confirm-dialog-reject,\n.bee-confirm-dialog-primary.p-dialog .p-dialog-header-icons .p-dialog-header-icon,\n.bee-confirm-dialog-primary.p-dialog .p-dialog-content,\n.bee-confirm-dialog-primary.p-dialog .p-dialog-footer {\n background: var(--primary-color);\n color: var(--primary-color-text);\n}\n\n.bee-confirm-dialog-primary.p-dialog .p-confirm-dialog-accept.p-button {\n background: var(--surface-a);\n color: var(--primary-color);\n}\n\n.bee-confirm-dialog-primary.p-dialog .p-confirm-dialog-accept.p-button:hover {\n background: var(--surface-300);\n color: var(--primary-color);\n}\n\n.bee-confirm-dialog-primary.p-dialog .p-confirm-dialog-accept.p-button:active {\n background: var(--surface-400);\n color: var(--primary-color);\n}\n\n.bee-confirm-dialog-primary.p-dialog .p-confirm-dialog-accept.p-button:focus {\n background: var(--surface-200);\n color: var(--primary-color);\n}\n\n.bee-confirm-dialog-primary.p-dialog .p-confirm-dialog-reject.p-button:hover,\n.bee-confirm-dialog-primary.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {\n background: var(--primary-light-color);\n color: var(--primary-color-text);\n}\n\n.bee-confirm-dialog-primary.p-dialog .p-confirm-dialog-reject.p-button:active,\n.bee-confirm-dialog-primary.p-dialog .p-dialog-header-icon:active {\n background: var(--primary-light-color);\n color: var(--primary-color-text);\n}\n\n.bee-confirm-dialog-primary.p-dialog .p-confirm-dialog-reject.p-button:focus,\n.bee-confirm-dialog-primary.p-dialog .p-dialog-header-icon:focus {\n background: var(--primary-light-color);\n color: var(--primary-color-text);\n}\n\n/* secondary */\n.bee-confirm-dialog-secondary.p-dialog .p-dialog-header,\n.bee-confirm-dialog-secondary.p-dialog .p-confirm-dialog-reject,\n.bee-confirm-dialog-secondary.p-dialog .p-dialog-header-icons .p-dialog-header-icon,\n.bee-confirm-dialog-secondary.p-dialog .p-dialog-content,\n.bee-confirm-dialog-secondary.p-dialog .p-dialog-footer {\n background: var(--secondary-color);\n color: var(--secondary-color-text);\n}\n\n.bee-confirm-dialog-secondary.p-dialog .p-confirm-dialog-accept.p-button {\n background: var(--primary-color) !important;\n color: var(--secondary-color) !important;\n}\n\n.bee-confirm-dialog-secondary.p-dialog .p-confirm-dialog-accept.p-button:hover {\n background: var(--primary-light-color) !important;\n color: var(--secondary-color) !important;\n}\n\n.bee-confirm-dialog-secondary.p-dialog .p-confirm-dialog-accept.p-button:active {\n background: var(--primary-light-color) !important;\n color: var(--secondary-color) !important;\n}\n\n.bee-confirm-dialog-secondary.p-dialog .p-confirm-dialog-accept.p-button:focus {\n background: var(--primary-light-color) !important;\n color: var(--secondary-color) !important;\n}\n\n.bee-confirm-dialog-secondary.p-dialog .p-confirm-dialog-reject:hover,\n.bee-confirm-dialog-secondary.p-dialog .p-dialog-header-icon:hover {\n background: var(--secondary-light-color) !important;\n color: var(--secondary-color-text) !important;\n}\n\n.bee-confirm-dialog-secondary.p-dialog .p-confirm-dialog-reject:active,\n.bee-confirm-dialog-secondary.p-dialog .p-dialog-header-icon:active {\n background: var(--secondary-light-color) !important;\n color: var(--secondary-color-text) !important;\n}\n\n.bee-confirm-dialog-secondary.p-dialog .p-confirm-dialog-reject:focus,\n.bee-confirm-dialog-secondary.p-dialog .p-dialog-header-icon:focus {\n background: var(--secondary-light-color) !important;\n color: var(--secondary-color-text) !important;\n}\n\n/* default */\n.bee-confirm-dialog-default.p-dialog .p-confirm-dialog-accept.p-button:hover {\n background: var(--primary-light-color);\n}\n\n.bee-confirm-dialog-default.p-dialog .p-confirm-dialog-reject:hover,\n.bee-confirm-dialog-default.p-dialog .p-dialog-header-icon:hover {\n background: var(--primary-color-4) !important;\n}\n\n.bee-confirm-dialog-default.p-dialog .p-confirm-dialog-reject:active,\n.bee-confirm-dialog-default.p-dialog .p-dialog-header-icon:active {\n background: var(--primary-light-active-color) !important;\n}\n\n.bee-confirm-dialog-default.p-dialog .p-confirm-dialog-reject:focus,\n.bee-confirm-dialog-default.p-dialog .p-dialog-header-icon:focus {\n background: var(--primary-color-12) !important;\n}\n\n/* danger */\n.bee-confirm-dialog-danger.p-dialog .p-dialog-header,\n.bee-confirm-dialog-danger.p-dialog .p-confirm-dialog-reject,\n.bee-confirm-dialog-danger.p-dialog .p-dialog-header-icons .p-dialog-header-icon,\n.bee-confirm-dialog-danger.p-dialog .p-dialog-content,\n.bee-confirm-dialog-danger.p-dialog .p-dialog-footer {\n background: var(--error-dark-color) !important;\n color: var(--primary-color-text);\n}\n\n.bee-confirm-dialog-danger.p-dialog .p-confirm-dialog-accept.p-button {\n background: var(--surface-a) !important;\n color: var(--error-dark-color) !important;\n}\n\n.bee-confirm-dialog-danger.p-dialog .p-confirm-dialog-reject:hover,\n.bee-confirm-dialog-danger.p-dialog .p-dialog-header-icon:hover {\n background: var(--error-color) !important;\n color: var(--primary-color-text) !important;\n}\n\n/* responsiveness */\n@media (max-width: 500px) {\n .bee-confirm-dialog.p-dialog {\n width: 80vw;\n }\n}\n@media (min-width: 500px) and (max-width: 700px) {\n .bee-confirm-dialog.p-dialog {\n width: 60vw;\n }\n}";function BeeConfirmDialog({id:e,className:t,visible:n,message:r,messageIcon:o,acceptIcon:i,rejectIcon:a,acceptLabel:s,rejectLabel:l,header:p,type:c="default",onAccept:d,onReject:u,onHide:h}){const b=null!=e?e:libExports.useId(1,"bee-confirm-dialog")[0],m="bee-confirm-dialog"+("primary"===c?" bee-confirm-dialog-primary":"secondary"===c?" bee-confirm-dialog-secondary":"default"===c?" bee-confirm-dialog-default":"danger"===c?" bee-confirm-dialog-danger":" bee-confirm-dialog-default")+(t?" "+t:"");return require$$0.jsx(confirmdialog.ConfirmDialog,{id:b,className:m,visible:n,message:r,header:p,icon:o,modal:!0,draggable:!1,acceptIcon:i||null,rejectIcon:a||null,acceptLabel:s,rejectLabel:l,onHide:()=>{h&&h()},accept:()=>{d&&d()},reject:()=>{u&&u()}})}styleInject(css_248z$b);var css_248z$a=".bee-deletion-dialog.p-dialog {\n width: 40vw;\n max-width: 30rem;\n}\n\n.bee-deletion-dialog.p-dialog .p-confirm-dialog-message {\n margin-right: 1rem;\n -moz-hyphens: auto;\n -o-hyphens: auto;\n -webkit-hyphens: auto;\n -ms-hyphens: auto;\n hyphens: auto;\n}\n\n/* primary */\n.bee-deletion-dialog-primary.p-dialog .p-dialog-header,\n.bee-deletion-dialog-primary.p-dialog .p-confirm-dialog-reject,\n.bee-deletion-dialog-primary.p-dialog .p-dialog-header-icons .p-dialog-header-icon,\n.bee-deletion-dialog-primary.p-dialog .p-dialog-content,\n.bee-deletion-dialog-primary.p-dialog .p-dialog-footer {\n background: var(--primary-color);\n color: var(--primary-color-text);\n}\n\n.bee-deletion-dialog-primary.p-dialog .p-confirm-dialog-accept {\n background: var(--surface-a) !important;\n color: var(--error-color) !important;\n border: var(--error-color) 1px solid;\n}\n\n.bee-deletion-dialog-primary.p-dialog .p-confirm-dialog-accept:hover {\n background: var(--surface-300) !important;\n border-color: var(--error-color) !important;\n}\n\n.bee-deletion-dialog-primary.p-dialog .p-confirm-dialog-accept:active {\n background: var(--surface-400) !important;\n border-color: var(--error-color) !important;\n}\n\n.bee-deletion-dialog-primary.p-dialog .p-confirm-dialog-accept:focus {\n background: var(--surface-200) !important;\n border-color: var(--error-color) !important;\n}\n\n.bee-deletion-dialog-primary.p-dialog .p-confirm-dialog-reject:hover,\n.bee-deletion-dialog-primary.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {\n background: var(--primary-light-color) !important;\n color: var(--primary-color-text) !important;\n}\n\n.bee-deletion-dialog-primary.p-dialog .p-confirm-dialog-reject:active,\n.bee-deletion-dialog-primary.p-dialog .p-dialog-header-icon:active {\n background: var(--primary-light-color) !important;\n color: var(--primary-color-text) !important;\n}\n\n.bee-deletion-dialog-primary.p-dialog .p-confirm-dialog-reject:focus,\n.bee-deletion-dialog-primary.p-dialog .p-dialog-header-icon:focus {\n background: var(--primary-light-color) !important;\n color: var(--primary-color-text) !important;\n}\n\n/* secondary */\n.bee-deletion-dialog-secondary.p-dialog .p-dialog-header,\n.bee-deletion-dialog-secondary.p-dialog .p-confirm-dialog-reject,\n.bee-deletion-dialog-secondary.p-dialog .p-dialog-header-icons .p-dialog-header-icon,\n.bee-deletion-dialog-secondary.p-dialog .p-dialog-content,\n.bee-deletion-dialog-secondary.p-dialog .p-dialog-footer {\n background: var(--secondary-color);\n color: var(--secondary-color-text);\n}\n\n.bee-deletion-dialog-secondary.p-dialog .p-confirm-dialog-accept {\n background: var(--surface-a) !important;\n color: var(--error-color) !important;\n border: var(--error-color) 1px solid;\n}\n\n.bee-deletion-dialog-secondary.p-dialog .p-confirm-dialog-accept:hover {\n background: var(--surface-300) !important;\n border-color: var(--error-color) !important;\n}\n\n.bee-deletion-dialog-secondary.p-dialog .p-confirm-dialog-accept:active {\n background: var(--surface-400) !important;\n border-color: var(--error-color) !important;\n}\n\n.bee-deletion-dialog-secondary.p-dialog .p-confirm-dialog-accept:focus {\n background: var(--surface-200) !important;\n border-color: var(--error-color) !important;\n}\n\n.bee-deletion-dialog-secondary.p-dialog .p-confirm-dialog-reject:hover,\n.bee-deletion-dialog-secondary.p-dialog .p-dialog-header-icon:hover {\n background: var(--secondary-light-color) !important;\n color: var(--secondary-color-text) !important;\n}\n\n.bee-deletion-dialog-secondary.p-dialog .p-confirm-dialog-reject:active,\n.bee-deletion-dialog-secondary.p-dialog .p-dialog-header-icon:active {\n background: var(--secondary-light-color) !important;\n color: var(--secondary-color-text) !important;\n}\n\n.bee-deletion-dialog-secondary.p-dialog .p-confirm-dialog-reject:focus,\n.bee-deletion-dialog-secondary.p-dialog .p-dialog-header-icon:focus {\n background: var(--secondary-light-color) !important;\n color: var(--secondary-color-text) !important;\n}\n\n/* default */\n.bee-deletion-dialog-default.p-dialog .p-confirm-dialog-accept:hover {\n background: var(--error-dark-color) !important;\n}\n\n.bee-deletion-dialog-default.p-dialog .p-confirm-dialog-reject:hover,\n.bee-deletion-dialog-default.p-dialog .p-dialog-header-icon:hover {\n background: var(--primary-color-4) !important;\n}\n\n.bee-deletion-dialog-default.p-dialog .p-confirm-dialog-reject:active,\n.bee-deletion-dialog-default.p-dialog .p-dialog-header-icon:active {\n background: var(--primary-light-active-color) !important;\n}\n\n.bee-deletion-dialog-default.p-dialog .p-confirm-dialog-reject:focus,\n.bee-deletion-dialog-default.p-dialog .p-dialog-header-icon:focus {\n background: var(--primary-color-12) !important;\n}\n\n@media (max-width: 500px) {\n .bee-deletion-dialog.p-dialog {\n width: 80vw;\n }\n}\n@media (min-width: 500px) and (max-width: 700px) {\n .bee-deletion-dialog.p-dialog {\n width: 60vw;\n }\n}";function BeeDeletionDialog({id:e,className:t,visible:n,message:r,header:o,type:i="default",messageIcon:a,acceptLabel:s,rejectLabel:l,onAccept:p,onReject:c,onHide:d}){const u=null!=e?e:libExports.useId(1,"bee-deletion-dialog")[0],h="bee-deletion-dialog"+("primary"===i?" bee-deletion-dialog-primary":"secondary"===i?" bee-deletion-dialog-secondary":" bee-deletion-dialog-default")+(t?" "+t:"");return require$$0.jsx(confirmdialog.ConfirmDialog,{id:u,className:h,visible:n,message:r,header:o,icon:a,acceptClassName:"p-button-danger",acceptIcon:"pi pi-trash",acceptLabel:s,rejectLabel:l,modal:!0,draggable:!1,onHide:()=>{d&&d()},accept:()=>{p&&p()},reject:()=>{c&&c()}})}styleInject(css_248z$a);var css_248z$9=".bee-error-dialog.p-dialog {\n width: 40vw;\n max-width: 30rem;\n}\n\n.bee-error-dialog-reject-btn {\n display: none;\n}\n\n.bee-error-dialog.p-dialog .p-confirm-dialog-message {\n margin-right: 1rem;\n -moz-hyphens: auto;\n -o-hyphens: auto;\n -webkit-hyphens: auto;\n -ms-hyphens: auto;\n hyphens: auto;\n}\n\n/* primary */\n.bee-error-dialog-primary.p-dialog .p-dialog-header,\n.bee-error-dialog-primary.p-dialog .p-confirm-dialog-reject,\n.bee-error-dialog-primary.p-dialog .p-dialog-header-icons .p-dialog-header-icon,\n.bee-error-dialog-primary.p-dialog .p-dialog-content,\n.bee-error-dialog-primary.p-dialog .p-dialog-footer {\n background: var(--primary-color);\n color: var(--primary-color-text);\n}\n\n.bee-error-dialog-primary.p-dialog .p-confirm-dialog-accept.p-button {\n background: var(--surface-a);\n color: var(--primary-color);\n}\n\n.bee-error-dialog-primary.p-dialog .p-confirm-dialog-accept.p-button:hover {\n background: var(--surface-300) !important;\n}\n\n.bee-error-dialog-primary.p-dialog .p-confirm-dialog-accept.p-button:active {\n background: var(--surface-400) !important;\n}\n\n.bee-error-dialog-primary.p-dialog .p-confirm-dialog-accept.p-button:focus {\n background: var(--surface-200) !important;\n}\n\n.bee-error-dialog-primary.p-dialog .p-dialog-header-icon:hover {\n background: var(--primary-light-color) !important;\n color: var(--primary-color-text) !important;\n}\n\n.bee-error-dialog-primary.p-dialog .p-dialog-header-icon:active {\n background: var(--primary-light-color) !important;\n color: var(--primary-color-text) !important;\n}\n\n.bee-error-dialog-primary.p-dialog .p-dialog-header-icon:focus {\n background: var(--primary-light-color) !important;\n color: var(--primary-color-text) !important;\n}\n\n/* secondary */\n.bee-error-dialog-secondary.p-dialog .p-dialog-header,\n.bee-error-dialog-secondary.p-dialog .p-confirm-dialog-reject,\n.bee-error-dialog-secondary.p-dialog .p-dialog-header-icons .p-dialog-header-icon,\n.bee-error-dialog-secondary.p-dialog .p-dialog-content,\n.bee-error-dialog-secondary.p-dialog .p-dialog-footer {\n background: var(--secondary-color);\n color: var(--secondary-color-text);\n}\n\n.bee-error-dialog-secondary.p-dialog .p-confirm-dialog-accept {\n background: var(--primary-color) !important;\n color: var(--secondary-color) !important;\n}\n\n.bee-error-dialog-secondary.p-dialog .p-confirm-dialog-accept.p-button:hover {\n background: var(--primary-light-color) !important;\n}\n\n.bee-error-dialog-secondary.p-dialog .p-confirm-dialog-accept.p-button:active {\n background: var(--primary-light-color) !important;\n}\n\n.bee-error-dialog-secondary.p-dialog .p-confirm-dialog-accept.p-button:focus {\n background: var(--primary-light-color) !important;\n}\n\n.bee-error-dialog-secondary.p-dialog .p-dialog-header-icon:hover {\n background: var(--secondary-light-color) !important;\n color: var(--secondary-color-text) !important;\n}\n\n.bee-error-dialog-secondary.p-dialog .p-dialog-header-icon:active {\n background: var(--secondary-light-color) !important;\n color: var(--secondary-color-text) !important;\n}\n\n.bee-error-dialog-secondary.p-dialog .p-dialog-header-icon:focus {\n background: var(--secondary-light-color) !important;\n color: var(--secondary-color-text) !important;\n}\n\n/* default */\n.bee-error-dialog-default.p-dialog .p-confirm-dialog-accept:hover {\n background: var(--primary-light-color) !important;\n}\n\n.bee-error-dialog-default.p-dialog .p-dialog-header-icon:hover {\n background: var(--primary-color-4) !important;\n}\n\n.bee-error-dialog-default.p-dialog .p-dialog-header-icon:active {\n background: var(--primary-light-active-color) !important;\n}\n\n.bee-error-dialog-default.p-dialog .p-dialog-header-icon:focus {\n background: var(--primary-color-12) !important;\n}\n\n/* danger */\n.bee-error-dialog-danger.p-dialog .p-dialog-header,\n.bee-error-dialog-danger.p-dialog .p-confirm-dialog-reject,\n.bee-error-dialog-danger.p-dialog .p-dialog-header-icons .p-dialog-header-icon,\n.bee-error-dialog-danger.p-dialog .p-dialog-content,\n.bee-error-dialog-danger.p-dialog .p-dialog-footer {\n background: var(--error-dark-color);\n color: var(--primary-color-text);\n}\n\n.bee-error-dialog-danger.p-dialog .p-confirm-dialog-accept.p-button {\n background: var(--surface-a);\n color: var(--error-dark-color);\n}\n\n.bee-error-dialog-danger.p-dialog .p-confirm-dialog-reject.p-button:hover {\n background: var(--error-color) !important;\n}\n\n@media (max-width: 500px) {\n .bee-error-dialog.p-dialog {\n width: 80vw;\n }\n}\n@media (min-width: 500px) and (max-width: 700px) {\n .bee-error-dialog.p-dialog {\n width: 60vw;\n }\n}";function BeeErrorDialog({id:e,className:t,visible:n,message:r,header:o,type:i="default",messageIcon:a,acceptLabel:s,acceptIcon:l,onAccept:p,onHide:c}){const d=null!=e?e:libExports.useId(1,"bee-error-dialog")[0],u="bee-error-dialog"+("primary"===i?" bee-error-dialog-primary":"secondary"===i?" bee-error-dialog-secondary":"default"===i?" bee-error-dialog-default":" bee-error-dialog-danger")+(t?" "+t:"");return require$$0.jsx(confirmdialog.ConfirmDialog,{id:d,className:u,visible:n,message:r,header:o,icon:a,acceptIcon:l||null,acceptLabel:s,rejectClassName:"bee-error-dialog-reject-btn",onHide:()=>{c&&c()},accept:()=>{p&&p()}})}styleInject(css_248z$9);var css_248z$8=".bee-info-dialog.p-dialog {\n width: 45vw;\n max-width: 40rem;\n}\n\n/* hide close and reject btn */\n.bee-info-dialog.p-dialog .bee-info-dialog-reject-btn,\n.bee-info-dialog.p-dialog .p-dialog-header-close {\n display: none;\n}\n\n/* content */\n.bee-info-dialog.p-dialog .p-confirm-dialog-message {\n margin-right: 1rem;\n -moz-hyphens: auto;\n -o-hyphens: auto;\n -webkit-hyphens: auto;\n -ms-hyphens: auto;\n hyphens: auto;\n}\n\n.bee-info-dialog.p-dialog .p-dialog-content {\n padding: 1rem 1.25rem 0.75rem 1.25rem;\n}\n\n/* primary */\n.bee-info-dialog-primary.p-dialog .p-dialog-header {\n background-color: var(--primary-color);\n}\n\n.bee-info-dialog-primary.p-dialog .p-dialog-header .p-dialog-title,\n.bee-info-dialog-primary .p-dialog-header .p-dialog-header-icons button {\n color: var(--primary-color-text);\n}\n\n/* secondary */\n.bee-info-dialog-secondary.p-dialog .p-dialog-header {\n background-color: var(--secondary-dark-color);\n}\n\n.bee-info-dialog-secondary.p-dialog .p-dialog-header .p-dialog-title {\n color: var(--secondary-color-text);\n}\n\n.bee-info-dialog-secondary.p-dialog .p-confirm-dialog-accept.p-button {\n background-color: var(--secondary-dark-color);\n color: var(--secondary-color-text) !important;\n}\n\n.bee-info-dialog-secondary.p-dialog .p-confirm-dialog-accept.p-button:hover {\n background: var(--secondary-color) !important;\n color: var(--secondary-color-text) !important;\n}\n\n.bee-info-dialog-secondary.p-dialog .p-confirm-dialog-accept.p-button:active {\n background: var(--secondary-color-68) !important;\n color: var(--secondary-color-text) !important;\n}\n\n.bee-info-dialog-secondary.p-dialog .p-confirm-dialog-accept.p-button:focus {\n background: var(--secondary-color-76) !important;\n color: var(--secondary-color-text) !important;\n}\n\n/* danger */\n.bee-info-dialog-danger.p-dialog .p-dialog-header {\n background-color: var(--error-dark-color);\n}\n\n.bee-info-dialog-danger.p-dialog .p-dialog-header .p-dialog-title,\n.bee-info-dialog-danger .p-dialog-header .p-dialog-header-icons button {\n color: var(--primary-color-text);\n}\n\n.bee-info-dialog-danger.p-dialog .p-confirm-dialog-accept.p-button {\n background-color: var(--error-dark-color);\n}\n\n/* responsiveness */\n@media (max-width: 600px) {\n .bee-info-dialog.p-dialog {\n width: 100vw;\n }\n}\n@media (min-width: 600px) and (max-width: 900px) {\n .bee-info-dialog.p-dialog {\n width: 70vw;\n }\n}";function BeeInfoDialog({id:e,className:t,visible:n,message:r,header:o,type:i="default",acceptLabel:a,onAccept:s}){const l=null!=e?e:libExports.useId(1,"bee-info-dialog")[0],p="bee-info-dialog"+("primary"===i?" bee-info-dialog-primary":"secondary"===i?" bee-info-dialog-secondary":"default"===i?" bee-info-dialog-default":"danger"===i?" bee-info-dialog-danger":" bee-info-dialog-default")+(t?" "+t:"");return require$$0.jsx(confirmdialog.ConfirmDialog,{id:l,className:p,visible:n,message:r,header:o,acceptLabel:a,rejectClassName:"bee-info-dialog-reject-btn",rejectLabel:"",accept:()=>{s&&s()}})}styleInject(css_248z$8);var propTypes={exports:{}},reactIs={exports:{}},reactIs_production_min={},hasRequiredReactIs_production_min;function requireReactIs_production_min(){if(hasRequiredReactIs_production_min)return reactIs_production_min;hasRequiredReactIs_production_min=1;var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,n=e?Symbol.for("react.portal"):60106,r=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,i=e?Symbol.for("react.profiler"):60114,a=e?Symbol.for("react.provider"):60109,s=e?Symbol.for("react.context"):60110,l=e?Symbol.for("react.async_mode"):60111,p=e?Symbol.for("react.concurrent_mode"):60111,c=e?Symbol.for("react.forward_ref"):60112,d=e?Symbol.for("react.suspense"):60113,u=e?Symbol.for("react.suspense_list"):60120,h=e?Symbol.for("react.memo"):60115,b=e?Symbol.for("react.lazy"):60116,m=e?Symbol.for("react.block"):60121,f=e?Symbol.for("react.fundamental"):60117,g=e?Symbol.for("react.responder"):60118,v=e?Symbol.for("react.scope"):60119;function y(e){if("object"==typeof e&&null!==e){var u=e.$$typeof;switch(u){case t:switch(e=e.type){case l:case p:case r:case i:case o:case d:return e;default:switch(e=e&&e.$$typeof){case s:case c:case b:case h:case a:return e;default:return u}}case n:return u}}}function x(e){return y(e)===p}return reactIs_production_min.AsyncMode=l,reactIs_production_min.ConcurrentMode=p,reactIs_production_min.ContextConsumer=s,reactIs_production_min.ContextProvider=a,reactIs_production_min.Element=t,reactIs_production_min.ForwardRef=c,reactIs_production_min.Fragment=r,reactIs_production_min.Lazy=b,reactIs_production_min.Memo=h,reactIs_production_min.Portal=n,reactIs_production_min.Profiler=i,reactIs_production_min.StrictMode=o,reactIs_production_min.Suspense=d,reactIs_production_min.isAsyncMode=function(e){return x(e)||y(e)===l},reactIs_production_min.isConcurrentMode=x,reactIs_production_min.isContextConsumer=function(e){return y(e)===s},reactIs_production_min.isContextProvider=function(e){return y(e)===a},reactIs_production_min.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},reactIs_production_min.isForwardRef=function(e){return y(e)===c},reactIs_production_min.isFragment=function(e){return y(e)===r},reactIs_production_min.isLazy=function(e){return y(e)===b},reactIs_production_min.isMemo=function(e){return y(e)===h},reactIs_production_min.isPortal=function(e){return y(e)===n},reactIs_production_min.isProfiler=function(e){return y(e)===i},reactIs_production_min.isStrictMode=function(e){return y(e)===o},reactIs_production_min.isSuspense=function(e){return y(e)===d},reactIs_production_min.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===r||e===p||e===i||e===o||e===d||e===u||"object"==typeof e&&null!==e&&(e.$$typeof===b||e.$$typeof===h||e.$$typeof===a||e.$$typeof===s||e.$$typeof===c||e.$$typeof===f||e.$$typeof===g||e.$$typeof===v||e.$$typeof===m)},reactIs_production_min.typeOf=y,reactIs_production_min}var reactIs_development={},hasRequiredReactIs_development,hasRequiredReactIs,objectAssign,hasRequiredObjectAssign,ReactPropTypesSecret_1,hasRequiredReactPropTypesSecret,has,hasRequiredHas,checkPropTypes_1,hasRequiredCheckPropTypes,factoryWithTypeCheckers,hasRequiredFactoryWithTypeCheckers,factoryWithThrowingShims,hasRequiredFactoryWithThrowingShims,hasRequiredPropTypes;
|
|
42
42
|
/** @license React v16.13.1
|
|
43
43
|
* react-is.development.js
|
|
44
44
|
*
|