npm - @crystaldesign/diva-web-planner-react - Versions diffs - 24.12.0 → 24.12.2-rc.0 - Mend

@crystaldesign/diva-web-planner-react 24.12.0 → 24.12.2-rc.0

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.

Files changed (277) hide show

package/build/umd/6266.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 6266.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6266,6028],{36028:(e,n,i)=>{i.r(n),i.d(n,{default:()=>h});var t=i(34988),a=i(87363),r=i(88683),o=i(93379),s=i.n(o),d=i(7795),I=i.n(d),l=i(90569),g=i.n(l),c=i(3565),M=i.n(c),m=i(19216),u=i.n(m),A=i(44589),D=i.n(A),v=i(88195),x={};x.styleTagTransform=D(),x.setAttributes=M(),x.insert=g().bind(null,"head"),x.domAPI=I(),x.insertStyleElement=u();s()(v.ZP,x);v.ZP&&v.ZP.locals&&v.ZP.locals;var p=i(22182),w=i(47514);window.customElements.get("model-viewer")||Promise.all([i.e(7881),i.e(963)]).then(i.bind(i,70963));const h=function ArViewer(e){var n,i,o,s,d=e.url,I=e.qrCodeUrl,l=e.cameraArButton,g=e.viewerClassName,c=e.arViewerSettings,M=e.isCurrentlyVisible,m="",u=(0,r.useDivaCore)().state,A=u.isFirefox,D=u.isMobile,x=(0,r.useTranslation)().t,h=(0,a.useState)(0),C=(0,t.Z)(h,2),T=C[0],N=C[1],y=(0,a.useState)(!D),b=(0,t.Z)(y,2),z=b[0],S=b[1];return l&&(m+="scene-viewer quick-look"),(0,w.jsxs)(w.Fragment,{children:[z&&!1!==M&&I&&(0,w.jsxs)("div",{className:v.GY,children:[(0,w.jsx)(p.ZP,{value:I,className:v.Vf}),(0,w.jsx)("div",{className:v.ze,children:x("pdp.ar.qrtext")}),(0,w.jsx)("div",{className:v.zJ,id:"arThumbnailImg",onClick:function onClick(){return S(!1)}})]}),(0,w.jsx)("model-viewer",{src:d,alt:"A AR Model of a Chair","environment-image":"default"===(null==c?void 0:c[T].environmentImage)?void 0:"neutral",shadowIntensity:null!==(n=null==c?void 0:c[T].shadowIntensity)&&void 0!==n?n:1,shadowSoftness:null!==(i=null==c?void 0:c[T].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(o=null==c?void 0:c[T].exposure)&&void 0!==o?o:1,useEnvironmentasSkybox:null!==(s=null==c?void 0:c[T].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":A?"":m,style:{overscrollBehavior:"none",width:"100%",height:"100%",touchAction:"none"},class:g}),c&&(0,w.jsx)("select",{name:"arViewerSetting",id:"arViewerSettings",style:{position:"absolute",top:"0px"},onChange:function onChange(e){return function onArViewerSettingsChanged(e){N(parseInt(e.target.value))}(e)},children:c.map((function(e,n){return(0,w.jsx)("option",{value:n,children:e.name},n)}))})]})}},56266:(e,n,i)=>{i.r(n),i.d(n,{default:()=>j});var t=i(84658),a=i(34988),r=i(50747),o=i.n(r),s=i(88683),d=i(87363),I=i.n(d),l=i(93379),g=i.n(l),c=i(7795),M=i.n(c),m=i(90569),u=i.n(m),A=i(3565),D=i.n(A),v=i(19216),x=i.n(v),p=i(44589),w=i.n(p),h=i(48727),C={};C.styleTagTransform=w(),C.setAttributes=D(),C.insert=u().bind(null,"head"),C.domAPI=M(),C.insertStyleElement=x();g()(h.ZP,C);h.ZP&&h.ZP.locals&&h.ZP.locals;var T=i(65515),N=i.n(T),y=i(36028),b=i(47514),z=function(){var e=(0,t.Z)(o().mark((function _callee(e,n){return o().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:return n.abrupt("return",new Promise((function(n){var i=document.createElement("script");i.src="https://scripts.sirv.com/sirvjs/v3/sirv.js",i.type="text/javascript",i.async=!0,i.dataset.components=e,i.onload=n,document.body.appendChild(i)})));case 1:case"end":return n.stop()}}),_callee)})));return function loadSirv(n,i){return e.apply(this,arguments)}}(),S=function getMediaItem(e,n,i,t){var a,r=arguments.length>5?arguments[5]:void 0,o=!!(arguments.length>4&&void 0!==arguments[4]?arguments[4]:[]).find((function(n){return e.url.includes(n)})),s=f(e);switch(e.mediaType){case"SPIN":case"SPN":case"VID":case"PCT":case void 0:try{var d=new URL(e.url);return t&&!["SPIN","SPN"].includes(e.mediaType)&&(d.searchParams.append("scale.option","noup"),d.searchParams.append("w","3000")),o?(d.searchParams.append("crop.type","trim"),d.searchParams.append("crop.pad.x","10%"),d.searchParams.append("crop.pad.y","10%"),(0,b.jsx)("div",{"data-src":d.toString(),id:"main3dImage","data-options":"SHO"==e.functionType||"ART"==e.functionType?"mode:deep":void 0,"data-type":"PCT"==e.mediaType?"zoom":void 0,children:s},d.toString())):(0,b.jsx)("img",{"data-src":d.toString(),"data-type":"static","data-option":"fit:cover",id:"main3dImage",children:s},d.toString())}catch(e){return(0,b.jsx)("div",{children:"Invalid Url"})}case"AR":return(0,b.jsxs)("div",{"data-swipe-disabled":!0,children:[(0,b.jsx)(y.default,{url:e.url,arViewerSettings:e.arViewerSettings,qrCodeUrl:r?r+"/arViewer?arMedia="+(null!==(a=e.shortUrl)&&void 0!==a?a:e.url):void 0,type:"ArViewer",cameraArButton:!0,isCurrentlyVisible:i===n}),s]},n)}return(0,b.jsx)(b.Fragment,{})},f=function getThumb(e){var n=e.thumb;return"string"==typeof n?(0,b.jsx)("smv-thumbnail",{children:(0,b.jsx)("img",{src:n},n)}):I().isValidElement(n)?(0,b.jsx)("smv-thumbnail",{children:n}):"AR"===e.mediaType?(0,b.jsx)("smv-thumbnail",{id:"thumbnail",children:(0,b.jsx)("div",{className:h.fW})}):void 0};const j=function MediaViewer(e){var n=e.medias,t=e.mediaIds,r=e.itemKey,o=void 0===r?"MediaViewer":r,I=e.onLandscapeOptions,l=e.defaultDataOptions,g=e.currentItem,c=void 0===g?0:g,M=e.showRotationIconInFullscreen,m=e.setCurrentItem,u=e.keepOldZoomIcons,A=(0,d.useMemo)((function(){return(0,s.getLogger)("MediaViewer","ContentBox")}),[]),D=(0,d.useState)(n),v=(0,a.Z)(D,2),x=v[0],p=v[1],w=(0,s.useTranslation)().t,C=o,T=(0,s.useDivaCore)(),y=T.state,f=y.dimensions,j=f.isPortrait,L=f.isMobile,k=f.isTablet,E=f.height,P=f.width,O=y.apiConfig,Z=O.baseSirvUrls,R=O.arViewerBaseUrl,U=T.handler.mediaHandler;(0,d.useEffect)((function(){p(n)}),[n]),(0,d.useEffect)((function(){u||i.e(4145).then(i.bind(i,24145))}),[]),(0,d.useEffect)((function(){var e;null!=t&&t.length&&JSON.stringify(t)!==JSON.stringify(null!==(e=null==x?void 0:x.map((function(e){return e._id})))&&void 0!==e?e:[])&&U.getMediaByIds(t).then((function(e){p(e)}))}),[t]);var Q=function fullscreenIn(){if(M&&L&&j&&P<500){var e=document.getElementsByClassName("smv-fullscreen-box")[0];if(e){var n=document.createElement("div");n.className=h.AH,e.appendChild(n)}}},H=function onSpinReady(e){null==m||m(e.index);var n=null==x?void 0:x[e.index];void 0!==e.index&&n&&A.successTransaction("ON_SHOW_MEDIA",{functionType:n.functionType,mediaType:n.mediaType,mediaName:n.name,url:n.url})},Y=function subscribeToEvents(){var e=window.Sirv;e.on("viewer:afterSlideIn",H),e.on("viewer:fullscreenIn",Q)};(0,d.useEffect)((function(){var e=window;return A.startTransaction({event:"onShowMedia",message:"Show Media ".concat(x),eventId:"ON_SHOW_MEDIA"}),e.Sirv?Y():z("zoom, spin, video",x).then((function(){Y(),e.Sirv.start()})),function(){var n=e.Sirv;n&&(n.off("viewer:afterSlideIn",H),n.off("viewer:fullscreenIn",Q))}}),[]);var W=l;return void 0!==c&&(W+=";slide.first:"+c),!j&&L&&I&&E<500&&(W+=I),w("sirv.zoom.hint.text.click","")&&(W+=";zoom.hint.text.click: ".concat(w("sirv.zoom.hint.text.click"))),w("sirv.zoom.hint.text.hover","")&&(W+=";zoom.hint.text.hover: ".concat(w("sirv.zoom.hint.text.hover"))),w("sirv.zoom.hint.text.dblclick","")&&(W+=";zoom.hint.text.dblclick: ".concat(w("sirv.zoom.hint.text.dblclick"))),w("sirv.spin.hint.message.text","")&&(W+=";zoom.spin.hint.message.text: ".concat(w("sirv.spin.hint.message.text"))),(0,b.jsx)("div",{id:C,className:N()(h.QH,"Sirv basic 3DSirvViewer-Container","diva-media-viewer"),"data-options":W,children:null==x?void 0:x.map((function(e,n){return S(e,n,c,L&&!k,Z,R)}))},C)}},88195:(e,n,i)=>{i.d(n,{GY:()=>c,Vf:()=>M,ZP:()=>A,zJ:()=>m,ze:()=>u});var t=i(8081),a=i.n(t),r=i(23645),o=i.n(r),s=i(61667),d=i.n(s),I=new URL(i(90140),i.b),l=o()(a()),g=d()(I);l.push([e.id,".index-module--PD1WN {\n  position: absolute;\n  bottom: 10px;\n  right: 0px;\n  left: 0px;\n  margin-left: auto;\n  margin-right: auto;\n  width: 361px;\n  height: 90px;\n  margin-bottom: 10px;\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0.75rem 0.15rem;\n  border-radius: 0.3rem;\n  padding-left: 5px;\n  padding-right: 5px;\n  align-items: center;\n  gap: 10px;\n}\n\n.index-module--AWoJQ {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--sIl1Z {\n  position: absolute;\n  cursor: pointer;\n  top: 7px;\n  right: 7px;\n  width: 12px;\n  height: 12px;\n  background-image: url("+g+");\n  background-repeat: no-repeat;\n  z-index: 1;\n}\n\n.index-module--NiigZ {\n  width: 250px;\n  height: 80px;\n  word-wrap: break-word;\n  font-family: var(--diva-typography-font-family);\n}\n",""]);var c="index-module--PD1WN",M="index-module--AWoJQ",m="index-module--sIl1Z",u="index-module--NiigZ";const A=l},48727:(e,n,i)=>{i.d(n,{AH:()=>v,QH:()=>A,ZP:()=>x,fW:()=>D});var t=i(8081),a=i.n(t),r=i(23645),o=i.n(r),s=i(61667),d=i.n(s),I=new URL(i(76354),i.b),l=new URL(i(98132),i.b),g=new URL(i(4336),i.b),c=o()(a()),M=d()(I),m=d()(l),u=d()(g);c.push([e.id,".diva-media-viewer .smv-button-fullscreen-open .smv-icon {\n  -webkit-mask-image: url("+M+") !important;\n  mask-image: url("+M+") !important;\n  mask-size: 75% !important;\n  -webkit-mask-size: 75% !important;\n}\n\n.diva-media-viewer .smv-button-fullscreen-open .smv-icon {\n  -webkit-mask-repeat: no-repeat;\n          mask-repeat: no-repeat;\n  background-color: #4f4f4f;\n}\n\n.index-module--RsTal .smv-button .smv-button-fullscreen .smv-button-fullscreen-close {\n  display: none;\n}\n\n.diva-media-viewer .smv-bullets.smv-h .smv-selectors {\n  min-height: 20px !important;\n}\n\n.smv-thumbnails .smv-selector[data-type='spin']:before {\n  background-image: url('https://scripts.sirv.com/sirvjs/v3/graphics/icons/white/icon.spin.12.svg') !important;\n}\n\n.diva-product-wrapper .smv-selectors-box.smv-v.smv-thumbnails {\n  margin: 10px;\n  height: calc(100% - 20px);\n}\n\n#DivaCore .smv-selectors-box {\n  z-index: 50;\n}\n\n#DivaCore .smv-selectors-scroll-container .smv-scroll {\n  align-items: inherit;\n}\n.index-module--JiNAH {\n  height: 100%;\n  width: 100%;\n  background-size: contain;\n  background-position: center;\n  width: 70px;\n  height: 70px;\n  background-image: url("+m+");\n}\n\n.index-module--_m700 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 30px;\n  height: 30px;\n  background: center / contain no-repeat url("+u+");\n  z-index: 100;\n  margin: 16px;\n}\n\n#DivaCore .smv-item smv-thumbnail[data-type='html'] {\n  width: auto !important;\n  height: auto !important;\n}\n",""]);var A="index-module--RsTal",D="index-module--JiNAH",v="index-module--_m700";const x=c},98132:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHdpZHRoPSIyNTAuMDAwMDAwcHQiIGhlaWdodD0iMjUwLjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgMjUwLjAwMDAwMCAyNTAuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsMjUwLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKICBmaWxsPSIjMDAwMDAwIiBzdHJva2U9Im5vbmUiPgogIDxwYXRoIGQ9Ik02NDIgMjA0NyBsLTMyIC0zMyAwIC03NjUgMCAtNzY1IDMzIC0zMiAzMyAtMzIgMzg1IDAgMzg1IDAgMzIgMzMKICAzMiAzMyAwIDc2NSAwIDc2NSAtMzMgMzIgLTMzIDMyIC0zODUgMCAtMzg1IDAgLTMyIC0zM3ogbTEzNiAtNjQgYzYgLTU3IDExCiAgLTU4IDI4MiAtNTggMjc0IDAgMjgwIDEgMjgwIDYyIDAgMzQgMSAzNCAzMyAyOCAxNyAtNCAzOCAtMTMgNDYgLTIwIDI2IC0yNQogIDMyIC0yMDIgMjkgLTgzMyBsLTMgLTYzNCAtMjQgLTE5IGMtMjIgLTE4IC00MyAtMTkgLTM2MSAtMTkgLTMxOCAwIC0zMzkgMQogIC0zNjEgMTkgbC0yNCAxOSAtMyA2OTQgYy0yIDM4MSAwIDcwOCAzIDcyNiA0IDIzIDE2IDM5IDM4IDUzIDQzIDI2IDYxIDIxIDY1CiAgLTE4eiIvPgogIDxwYXRoIGQ9Ik0xMTUzIDE2MjkgbC0yMTMgLTEyMSAwIC0zMjEgMCAtMzIyIDk3IC01NSBjMjU1IC0xNDUgMzM3IC0xODkgMzQ1CiAgLTE4NCA0IDMgOCAxOSA4IDM1IDAgMzMgLTUgMzcgLTI0NSAxODIgbC0xMjAgNzIgLTMgMjQ4IGMtMSAxMzYgMCAyNDcgMiAyNDcKICAyIDAgNzQgLTQwIDE1OSAtOTAgODYgLTQ5IDE2NiAtOTEgMTc5IC05MiAyMCAtMyAyMyAxIDIzIDMxIDAgMzMgLTMgMzYgLTE1NwogIDEyNSAtODcgNTAgLTE1OCA5NCAtMTU4IDk4IDAgMyA2NCA0NCAxNDIgODkgNzggNDYgMTUwIDkxIDE2MCAxMDEgMjEgMjEgMjUKICA3OCA2IDc4IC03IDAgLTEwOSAtNTUgLTIyNSAtMTIxeiIvPgogIDxwYXRoIGQ9Ik0xNTgwIDE3MjYgYzAgLTIxIDcgLTQzIDE4IC01NCAxMCAtMTAgODMgLTU2IDE2MyAtMTAyIDc5IC00NSAxNDUKICAtODQgMTQ3IC04NSAyIC0xIC02MSAtNDAgLTE0MCAtODUgLTE2NSAtOTUgLTE4OCAtMTE0IC0xODggLTE1MCAwIC01MiAtNCAtNTQKICAyMTggNzYgNzkgNDYgMTQ1IDg0IDE0OCA4NCAyIDAgMyAtMTExIDIgLTI0NyBsLTMgLTI0OCAtMTIwIC03MiBjLTI0MCAtMTQ1CiAgLTI0NSAtMTQ5IC0yNDUgLTE4MiAwIC0xNiA0IC0zMiA4IC0zNSA4IC01IDg3IDM3IDM0NSAxODQgbDk3IDU1IC0yIDMyMyAtMwogIDMyNCAtMTYwIDkwIGMtODggNDkgLTE4OCAxMDYgLTIyMiAxMjUgbC02MyAzNSAwIC0zNnoiLz4KICA8L2c+Cjwvc3ZnPg=="},76354:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDcuMDAwMDJMMTcgMS4wMDAwNEwxMSAxLjAwMDA0TTAuOTk5OTYzIDExTDAuOTk5OTYzIDE3TDYuOTk5OTggMTciIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},4336:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTkiIHk9IjkiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxNSIgcng9IjMiIHRyYW5zZm9ybT0icm90YXRlKDkwIDE5IDkpIiBzdHJva2U9IiM0RjRGNEYiIHN0cm9rZS13aWR0aD0iMS4yIi8+CjxwYXRoIGQ9Ik0xIDE3LjAwMDlMMSA0LjAwMDg1QzEgMi4zNDQgMi4zNDMxNSAxLjAwMDg1IDQgMS4wMDA4NUw4IDEuMDAwODVDOS42NTY4NSAxLjAwMDg1IDExIDIuMzQ0IDExIDQuMDAwODVMMTEgOS4wMDA4NSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNyA2LjAwMDg1QzE3IDMuNzkxNzIgMTUuMjA5MSAyLjAwMDg1IDEzIDIuMDAwODUiIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNSA1LjAwMDg0TDE3IDYuOTQ2MTdMMTkgNS4wMDA4MiIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="},90140:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6266,6028],{36028:(e,n,i)=>{i.r(n),i.d(n,{default:()=>h});var t=i(34988),a=i(87363),r=i(88683),o=i(93379),s=i.n(o),d=i(7795),I=i.n(d),l=i(90569),g=i.n(l),c=i(3565),M=i.n(c),m=i(19216),u=i.n(m),A=i(44589),D=i.n(A),v=i(88195),x={};x.styleTagTransform=D(),x.setAttributes=M(),x.insert=g().bind(null,"head"),x.domAPI=I(),x.insertStyleElement=u();s()(v.ZP,x);v.ZP&&v.ZP.locals&&v.ZP.locals;var p=i(22182),w=i(47514);window.customElements.get("model-viewer")||Promise.all([i.e(7881),i.e(963)]).then(i.bind(i,70963));const h=function ArViewer(e){var n,i,o,s,d=e.url,I=e.qrCodeUrl,l=e.cameraArButton,g=e.viewerClassName,c=e.arViewerSettings,M=e.isCurrentlyVisible,m="",u=(0,r.useDivaCore)().state,A=u.isFirefox,D=u.isMobile,x=(0,r.useTranslation)().t,h=(0,a.useState)(0),C=(0,t.Z)(h,2),T=C[0],N=C[1],y=(0,a.useState)(!D),b=(0,t.Z)(y,2),z=b[0],S=b[1];return l&&(m+="scene-viewer quick-look"),(0,w.jsxs)(w.Fragment,{children:[z&&!1!==M&&I&&(0,w.jsxs)("div",{className:v.GY,children:[(0,w.jsx)(p.ZP,{value:I,className:v.Vf}),(0,w.jsx)("div",{className:v.ze,children:x("pdp.ar.qrtext")}),(0,w.jsx)("div",{className:v.zJ,id:"arThumbnailImg",onClick:function onClick(){return S(!1)}})]}),(0,w.jsx)("model-viewer",{src:d,alt:"A AR Model of a Chair","environment-image":"default"===(null==c?void 0:c[T].environmentImage)?void 0:"neutral",shadowIntensity:null!==(n=null==c?void 0:c[T].shadowIntensity)&&void 0!==n?n:1,shadowSoftness:null!==(i=null==c?void 0:c[T].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(o=null==c?void 0:c[T].exposure)&&void 0!==o?o:1,useEnvironmentasSkybox:null!==(s=null==c?void 0:c[T].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":A?"":m,style:{overscrollBehavior:"none",width:"100%",height:"100%",touchAction:"none"},class:g}),c&&(0,w.jsx)("select",{name:"arViewerSetting",id:"arViewerSettings",style:{position:"absolute",top:"0px"},onChange:function onChange(e){return function onArViewerSettingsChanged(e){N(parseInt(e.target.value))}(e)},children:c.map((function(e,n){return(0,w.jsx)("option",{value:n,children:e.name},n)}))})]})}},56266:(e,n,i)=>{i.r(n),i.d(n,{default:()=>j});var t=i(84658),a=i(34988),r=i(50747),o=i.n(r),s=i(88683),d=i(87363),I=i.n(d),l=i(93379),g=i.n(l),c=i(7795),M=i.n(c),m=i(90569),u=i.n(m),A=i(3565),D=i.n(A),v=i(19216),x=i.n(v),p=i(44589),w=i.n(p),h=i(48727),C={};C.styleTagTransform=w(),C.setAttributes=D(),C.insert=u().bind(null,"head"),C.domAPI=M(),C.insertStyleElement=x();g()(h.ZP,C);h.ZP&&h.ZP.locals&&h.ZP.locals;var T=i(65515),N=i.n(T),y=i(36028),b=i(47514),z=function(){var e=(0,t.Z)(o().mark((function _callee(e,n){return o().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:return n.abrupt("return",new Promise((function(n){var i=document.createElement("script");i.src="https://scripts.sirv.com/sirvjs/v3/sirv.js",i.type="text/javascript",i.async=!0,i.dataset.components=e,i.onload=n,document.body.appendChild(i)})));case 1:case"end":return n.stop()}}),_callee)})));return function loadSirv(n,i){return e.apply(this,arguments)}}(),S=function getMediaItem(e,n,i,t){var a,r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],o=arguments.length>5?arguments[5]:void 0,s=!!r.find((function(n){return e.url.includes(n)})),d=f(e);switch(e.mediaType){case"SPIN":case"SPN":case"VID":case"PCT":case void 0:try{var I=new URL(e.url);return t&&!["SPIN","SPN"].includes(e.mediaType)&&(I.searchParams.append("scale.option","noup"),I.searchParams.append("w","3000")),s?(I.searchParams.append("crop.type","trim"),I.searchParams.append("crop.pad.x","10%"),I.searchParams.append("crop.pad.y","10%"),(0,b.jsx)("div",{"data-src":I.toString(),id:"main3dImage","data-options":"SHO"==e.functionType||"ART"==e.functionType?"mode:deep":void 0,"data-type":"PCT"==e.mediaType?"zoom":void 0,children:d},I.toString())):(0,b.jsx)("img",{"data-src":I.toString(),"data-type":"static","data-option":"fit:cover",id:"main3dImage",children:d},I.toString())}catch(e){return(0,b.jsx)("div",{children:"Invalid Url"})}case"AR":return(0,b.jsxs)("div",{"data-swipe-disabled":!0,children:[(0,b.jsx)(y.default,{url:e.url,arViewerSettings:e.arViewerSettings,qrCodeUrl:o?o+"/arViewer?arMedia="+(null!==(a=e.shortUrl)&&void 0!==a?a:e.url):void 0,type:"ArViewer",cameraArButton:!0,isCurrentlyVisible:i===n}),d]},n)}return(0,b.jsx)(b.Fragment,{})},f=function getThumb(e){var n=e.thumb;return"string"==typeof n?(0,b.jsx)("smv-thumbnail",{children:(0,b.jsx)("img",{src:n},n)}):I().isValidElement(n)?(0,b.jsx)("smv-thumbnail",{children:n}):"AR"===e.mediaType?(0,b.jsx)("smv-thumbnail",{id:"thumbnail",children:(0,b.jsx)("div",{className:h.fW})}):void 0};const j=function MediaViewer(e){var n=e.medias,t=e.mediaIds,r=e.itemKey,o=void 0===r?"MediaViewer":r,I=e.onLandscapeOptions,l=e.defaultDataOptions,g=e.currentItem,c=void 0===g?0:g,M=e.showRotationIconInFullscreen,m=e.setCurrentItem,u=e.keepOldZoomIcons,A=(0,d.useMemo)((function(){return(0,s.getLogger)("MediaViewer","ContentBox")}),[]),D=(0,d.useState)(n),v=(0,a.Z)(D,2),x=v[0],p=v[1],w=(0,s.useTranslation)().t,C=o,T=(0,s.useDivaCore)(),y=T.state,f=y.dimensions,j=f.isPortrait,L=f.isMobile,k=f.isTablet,E=f.height,P=f.width,O=y.apiConfig,Z=O.baseSirvUrls,R=O.arViewerBaseUrl,U=T.handler.mediaHandler;(0,d.useEffect)((function(){p(n)}),[n]),(0,d.useEffect)((function(){u||i.e(4145).then(i.bind(i,24145))}),[]),(0,d.useEffect)((function(){var e;null!=t&&t.length&&JSON.stringify(t)!==JSON.stringify(null!==(e=null==x?void 0:x.map((function(e){return e._id})))&&void 0!==e?e:[])&&U.getMediaByIds(t).then((function(e){p(e)}))}),[t]);var Q=function fullscreenIn(){if(M&&L&&j&&P<500){var e=document.getElementsByClassName("smv-fullscreen-box")[0];if(e){var n=document.createElement("div");n.className=h.AH,e.appendChild(n)}}},H=function onSpinReady(e){null==m||m(e.index);var n=null==x?void 0:x[e.index];void 0!==e.index&&n&&A.successTransaction("ON_SHOW_MEDIA",{functionType:n.functionType,mediaType:n.mediaType,mediaName:n.name,url:n.url})},Y=function subscribeToEvents(){var e=window.Sirv;e.on("viewer:afterSlideIn",H),e.on("viewer:fullscreenIn",Q)};(0,d.useEffect)((function(){var e=window;return A.startTransaction({event:"onShowMedia",message:"Show Media ".concat(x),eventId:"ON_SHOW_MEDIA"}),e.Sirv?Y():z("zoom, spin, video",x).then((function(){Y(),e.Sirv.start()})),function(){var n=e.Sirv;n&&(n.off("viewer:afterSlideIn",H),n.off("viewer:fullscreenIn",Q))}}),[]);var W=l;return void 0!==c&&(W+=";slide.first:"+c),!j&&L&&I&&E<500&&(W+=I),w("sirv.zoom.hint.text.click","")&&(W+=";zoom.hint.text.click: ".concat(w("sirv.zoom.hint.text.click"))),w("sirv.zoom.hint.text.hover","")&&(W+=";zoom.hint.text.hover: ".concat(w("sirv.zoom.hint.text.hover"))),w("sirv.zoom.hint.text.dblclick","")&&(W+=";zoom.hint.text.dblclick: ".concat(w("sirv.zoom.hint.text.dblclick"))),w("sirv.spin.hint.message.text","")&&(W+=";zoom.spin.hint.message.text: ".concat(w("sirv.spin.hint.message.text"))),(0,b.jsx)("div",{id:C,className:N()(h.QH,"Sirv basic 3DSirvViewer-Container","diva-media-viewer"),"data-options":W,children:null==x?void 0:x.map((function(e,n){return S(e,n,c,L&&!k,Z,R)}))},C)}},88195:(e,n,i)=>{i.d(n,{GY:()=>c,Vf:()=>M,ZP:()=>A,zJ:()=>m,ze:()=>u});var t=i(8081),a=i.n(t),r=i(23645),o=i.n(r),s=i(61667),d=i.n(s),I=new URL(i(90140),i.b),l=o()(a()),g=d()(I);l.push([e.id,".index-module--PD1WN {\n  position: absolute;\n  bottom: 10px;\n  right: 0px;\n  left: 0px;\n  margin-left: auto;\n  margin-right: auto;\n  width: 361px;\n  height: 90px;\n  margin-bottom: 10px;\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0.75rem 0.15rem;\n  border-radius: 0.3rem;\n  padding-left: 5px;\n  padding-right: 5px;\n  align-items: center;\n  gap: 10px;\n}\n\n.index-module--AWoJQ {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--sIl1Z {\n  position: absolute;\n  cursor: pointer;\n  top: 7px;\n  right: 7px;\n  width: 12px;\n  height: 12px;\n  background-image: url("+g+");\n  background-repeat: no-repeat;\n  z-index: 1;\n}\n\n.index-module--NiigZ {\n  width: 250px;\n  height: 80px;\n  word-wrap: break-word;\n  font-family: var(--diva-typography-font-family);\n}\n",""]);var c="index-module--PD1WN",M="index-module--AWoJQ",m="index-module--sIl1Z",u="index-module--NiigZ";const A=l},48727:(e,n,i)=>{i.d(n,{AH:()=>v,QH:()=>A,ZP:()=>x,fW:()=>D});var t=i(8081),a=i.n(t),r=i(23645),o=i.n(r),s=i(61667),d=i.n(s),I=new URL(i(76354),i.b),l=new URL(i(98132),i.b),g=new URL(i(4336),i.b),c=o()(a()),M=d()(I),m=d()(l),u=d()(g);c.push([e.id,".diva-media-viewer .smv-button-fullscreen-open .smv-icon {\n  -webkit-mask-image: url("+M+") !important;\n  mask-image: url("+M+") !important;\n  mask-size: 75% !important;\n  -webkit-mask-size: 75% !important;\n}\n\n.diva-media-viewer .smv-button-fullscreen-open .smv-icon {\n  -webkit-mask-repeat: no-repeat;\n          mask-repeat: no-repeat;\n  background-color: #4f4f4f;\n}\n\n.index-module--RsTal .smv-button .smv-button-fullscreen .smv-button-fullscreen-close {\n  display: none;\n}\n\n.diva-media-viewer .smv-bullets.smv-h .smv-selectors {\n  min-height: 20px !important;\n}\n\n.smv-thumbnails .smv-selector[data-type='spin']:before {\n  background-image: url('https://scripts.sirv.com/sirvjs/v3/graphics/icons/white/icon.spin.12.svg') !important;\n}\n\n.diva-product-wrapper .smv-selectors-box.smv-v.smv-thumbnails {\n  margin: 10px;\n  height: calc(100% - 20px);\n}\n\n#DivaCore .smv-selectors-box {\n  z-index: 50;\n}\n\n#DivaCore .smv-selectors-scroll-container .smv-scroll {\n  align-items: inherit;\n}\n.index-module--JiNAH {\n  height: 100%;\n  width: 100%;\n  background-size: contain;\n  background-position: center;\n  width: 70px;\n  height: 70px;\n  background-image: url("+m+");\n}\n\n.index-module--_m700 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 30px;\n  height: 30px;\n  background: center / contain no-repeat url("+u+");\n  z-index: 100;\n  margin: 16px;\n}\n\n#DivaCore .smv-item smv-thumbnail[data-type='html'] {\n  width: auto !important;\n  height: auto !important;\n}\n",""]);var A="index-module--RsTal",D="index-module--JiNAH",v="index-module--_m700";const x=c},98132:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHdpZHRoPSIyNTAuMDAwMDAwcHQiIGhlaWdodD0iMjUwLjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgMjUwLjAwMDAwMCAyNTAuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsMjUwLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKICBmaWxsPSIjMDAwMDAwIiBzdHJva2U9Im5vbmUiPgogIDxwYXRoIGQ9Ik02NDIgMjA0NyBsLTMyIC0zMyAwIC03NjUgMCAtNzY1IDMzIC0zMiAzMyAtMzIgMzg1IDAgMzg1IDAgMzIgMzMKICAzMiAzMyAwIDc2NSAwIDc2NSAtMzMgMzIgLTMzIDMyIC0zODUgMCAtMzg1IDAgLTMyIC0zM3ogbTEzNiAtNjQgYzYgLTU3IDExCiAgLTU4IDI4MiAtNTggMjc0IDAgMjgwIDEgMjgwIDYyIDAgMzQgMSAzNCAzMyAyOCAxNyAtNCAzOCAtMTMgNDYgLTIwIDI2IC0yNQogIDMyIC0yMDIgMjkgLTgzMyBsLTMgLTYzNCAtMjQgLTE5IGMtMjIgLTE4IC00MyAtMTkgLTM2MSAtMTkgLTMxOCAwIC0zMzkgMQogIC0zNjEgMTkgbC0yNCAxOSAtMyA2OTQgYy0yIDM4MSAwIDcwOCAzIDcyNiA0IDIzIDE2IDM5IDM4IDUzIDQzIDI2IDYxIDIxIDY1CiAgLTE4eiIvPgogIDxwYXRoIGQ9Ik0xMTUzIDE2MjkgbC0yMTMgLTEyMSAwIC0zMjEgMCAtMzIyIDk3IC01NSBjMjU1IC0xNDUgMzM3IC0xODkgMzQ1CiAgLTE4NCA0IDMgOCAxOSA4IDM1IDAgMzMgLTUgMzcgLTI0NSAxODIgbC0xMjAgNzIgLTMgMjQ4IGMtMSAxMzYgMCAyNDcgMiAyNDcKICAyIDAgNzQgLTQwIDE1OSAtOTAgODYgLTQ5IDE2NiAtOTEgMTc5IC05MiAyMCAtMyAyMyAxIDIzIDMxIDAgMzMgLTMgMzYgLTE1NwogIDEyNSAtODcgNTAgLTE1OCA5NCAtMTU4IDk4IDAgMyA2NCA0NCAxNDIgODkgNzggNDYgMTUwIDkxIDE2MCAxMDEgMjEgMjEgMjUKICA3OCA2IDc4IC03IDAgLTEwOSAtNTUgLTIyNSAtMTIxeiIvPgogIDxwYXRoIGQ9Ik0xNTgwIDE3MjYgYzAgLTIxIDcgLTQzIDE4IC01NCAxMCAtMTAgODMgLTU2IDE2MyAtMTAyIDc5IC00NSAxNDUKICAtODQgMTQ3IC04NSAyIC0xIC02MSAtNDAgLTE0MCAtODUgLTE2NSAtOTUgLTE4OCAtMTE0IC0xODggLTE1MCAwIC01MiAtNCAtNTQKICAyMTggNzYgNzkgNDYgMTQ1IDg0IDE0OCA4NCAyIDAgMyAtMTExIDIgLTI0NyBsLTMgLTI0OCAtMTIwIC03MiBjLTI0MCAtMTQ1CiAgLTI0NSAtMTQ5IC0yNDUgLTE4MiAwIC0xNiA0IC0zMiA4IC0zNSA4IC01IDg3IDM3IDM0NSAxODQgbDk3IDU1IC0yIDMyMyAtMwogIDMyNCAtMTYwIDkwIGMtODggNDkgLTE4OCAxMDYgLTIyMiAxMjUgbC02MyAzNSAwIC0zNnoiLz4KICA8L2c+Cjwvc3ZnPg=="},76354:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDcuMDAwMDJMMTcgMS4wMDAwNEwxMSAxLjAwMDA0TTAuOTk5OTYzIDExTDAuOTk5OTYzIDE3TDYuOTk5OTggMTciIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},4336:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTkiIHk9IjkiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxNSIgcng9IjMiIHRyYW5zZm9ybT0icm90YXRlKDkwIDE5IDkpIiBzdHJva2U9IiM0RjRGNEYiIHN0cm9rZS13aWR0aD0iMS4yIi8+CjxwYXRoIGQ9Ik0xIDE3LjAwMDlMMSA0LjAwMDg1QzEgMi4zNDQgMi4zNDMxNSAxLjAwMDg1IDQgMS4wMDA4NUw4IDEuMDAwODVDOS42NTY4NSAxLjAwMDg1IDExIDIuMzQ0IDExIDQuMDAwODVMMTEgOS4wMDA4NSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNyA2LjAwMDg1QzE3IDMuNzkxNzIgMTUuMjA5MSAyLjAwMDg1IDEzIDIuMDAwODUiIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNSA1LjAwMDg0TDE3IDYuOTQ2MTdMMTkgNS4wMDA4MiIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="},90140:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);

package/build/umd/6770.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 6770.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6770],{46770:(e,t,r)=>{r.d(t,{Eh:()=>j,XI:()=>useHover,sJ:()=>useLayer});var n=r(87363),o=r(61533);function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _extends(){return _extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(this,arguments)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function _createForOfIteratorHelperLoose(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(r)return(r=r.call(e)).next.bind(r);if(Array.isArray(e)||(r=function _unsupportedIterableToArray(e,t){if(e){if("string"==typeof e)return _arrayLikeToArray(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0;return function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function useTrackRef(e){var t=(0,n.useRef)(null);return function setter(r){r&&r!==t.current&&(t.current=r,e(r))}}var i="undefined"!=typeof window?n.useLayoutEffect:n.useEffect;function getPixelValue(e){return parseFloat(e.replace("px",""))}function limit(e,t,r){return e<t?t:e>r?r:e}function isSet(e){return null!=e}function mergeRefs(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return function(e){for(var r,n=_createForOfIteratorHelperLoose(t);!(r=n()).done;){var o=r.value;o&&("function"==typeof o?o(e):o.current=e)}}}function findScrollContainers(e,t){var r=[];if(!e||!t||e===document.body)return r;var n=t.getComputedStyle(e);return[n.overflow,n.overflowX,n.overflowY].some((function(e){return["auto","scroll"].includes(e)}))&&r.push(e),[].concat(r,findScrollContainers(e.parentElement,t))}function createReferenceError(e){return"react-laag: Could not find a valid reference for the "+e+" element. There might be 2 causes:\n   - Make sure that the 'ref' is set correctly on the "+e+' element when isOpen: true. Also make sure your component forwards the ref with "forwardRef()".\n   - Make sure that you are actually rendering the '+e+" when the isOpen prop is set to true"}function useTrackElements(e){var t=e.enabled,r=e.onChange,o=e.environment,s=e.ResizeObserverPolyfill,a=e.overflowContainer,u=e.triggerOption,l=function getResizeObserver(e,t){if(void 0!==e)return t||e.ResizeObserver}(o,s);(0,n.useEffect)((function(){}),[l]);var c=(0,n.useRef)(null),f=Boolean(u),d=function useMutableStore(e){var t=(0,n.useRef)(e);return(0,n.useMemo)((function(){return[function get(){return t.current},function set(e){t.current="function"==typeof e?e(t.current):e}]}),[])}({scrollContainers:[],trigger:null,layer:null}),p=d[0],h=d[1],g=function useEventSubscriptions(){var e=(0,n.useRef)([]);return(0,n.useMemo)((function(){return{hasEventSubscriptions:function hasEventSubscriptions(){return e.current.length>0},removeAllEventSubscriptions:function removeAllEventSubscriptions(){for(var t,r=_createForOfIteratorHelperLoose(e.current);!(t=r()).done;)(0,t.value)();e.current=[]},addEventSubscription:function addEventSubscription(t){e.current.push(t)}}}),[])}(),v=g.hasEventSubscriptions,m=g.addEventSubscription,y=g.removeAllEventSubscriptions,b=(0,n.useCallback)((function handleChange(){var e=p(),t=e.layer,n=e.trigger,i=e.scrollContainers,s=i[0];if(!t)throw new Error(createReferenceError("layer"));if(!n&&!f)throw new Error(createReferenceError("trigger"));var a={top:0,left:0};if(s){var u=s.scrollLeft;a={top:s.scrollTop,left:u}}else{var l=o.scrollX;a={top:o.scrollY,left:l}}var d={left:0,top:0};if(s){var h=o.getComputedStyle(s),g=h.borderLeftWidth,v=h.borderTopWidth;d={left:getPixelValue(g)||0,top:getPixelValue(v)||0}}r({layer:t,trigger:n,scrollContainers:i,arrow:c.current},a,d)}),[p,r,o,c,f]),w=(0,n.useCallback)((function addEventListeners(){var e=p(),t=e.trigger,r=e.layer,n=e.scrollContainers;if(!r)throw new Error(createReferenceError("layer"));if(!t&&!f)throw new Error(createReferenceError("trigger"));if(l){for(var i=!1,s=new l((function observerCallback(){i?b():i=!0})),a=0,u=[t,r,document.body];a<u.length;a++){var c=u[a];c&&s.observe(c)}m((function(){for(var e=0,n=[t,r,document.body];e<n.length;e++){var o=n[e];o&&s.unobserve(o)}s.disconnect()}))}for(var d,h=function _loop(){var e=d.value;e.addEventListener("scroll",b),m((function(){return e.removeEventListener("scroll",b)}))},g=_createForOfIteratorHelperLoose([o].concat(n));!(d=g()).done;)h()}),[p,m,b,o,l,f]),C=(0,n.useCallback)((function(e,r){t&&e&&e!==r&&(y(),w(),b())}),[y,w,b,t]),S=useTrackRef((0,n.useCallback)((function(e){var t=p().layer;h((function(t){return _extends({},t,{layer:e})})),C(t,e)}),[p,h,C])),O=(0,n.useCallback)((function handleScrollContainers(e){var t=findScrollContainers(e,o),r=t[0];if(r){var n=o.getComputedStyle(r).position;["relative","absolute","fixed"].includes(n)||a||(r.style.position="relative")}return t}),[o,a]),P=useTrackRef((0,n.useCallback)((function(e){var t=O(e),r=p().trigger;h((function(r){return _extends({},r,{trigger:e,scrollContainers:t})})),C(r,e)}),[p,h,C,O])),B=null==u||null==u.getParent?void 0:u.getParent();return i((function(){B&&h((function(e){return _extends({},e,{scrollContainers:O(B)})}))}),[B,h,O]),i((function(){return t&&(v()||w()),function(){v()&&y()}}),[t,v,w,y]),i((function(){t&&b()})),{triggerRef:P,layerRef:S,arrowRef:c,closestScrollContainer:p().scrollContainers[0]||null}}var s=(0,n.createContext)({});function GroupProvider(e){var t=e.children,r=e.registrations,o=(0,n.useCallback)((function register(e){return r.current.add(e),function(){return r.current.delete(e)}}),[r]);return(0,n.createElement)(s.Provider,{value:o},t)}function useGroup(e){var t=e.isOpen,r=e.onOutsideClick,o=e.onParentClose,i=(0,n.useRef)(null),a=(0,n.useRef)(null),u=(0,n.useRef)(new Set),l=(0,n.useContext)(s),c=(0,n.useCallback)((function shouldCloseWhenClickedOutside(e){var t=e.target,r=i.current&&i.current.contains(t),n=a.current&&a.current.contains(t),o=function getShouldCloseAccordingToChildren(e,t){for(var r,n=_createForOfIteratorHelperLoose(e);!(r=n()).done;)if(!(0,r.value.shouldCloseWhenClickedOutside)(t))return!1;return!0}(u.current,e);return n&&o&&u.current.forEach((function(e){return(0,e.closeChild)()})),!r&&!n&&o}),[i,a,u]);return(0,n.useEffect)((function(){if("function"==typeof l)return l({shouldCloseWhenClickedOutside:c,closeChild:function closeChild(){o&&o()}})}),[l,c,o,u]),(0,n.useEffect)((function(){if(!(!t||!r||"function"==typeof l))return document.addEventListener("click",handleClick,!0),function(){return document.removeEventListener("click",handleClick,!0)};function handleClick(e){c(e)&&r()}}),[t,r,c,l]),(0,n.useEffect)((function(){t||u.current.forEach((function(e){return(0,e.closeChild)()}))}),[t]),{closeOnOutsideClickRefs:{trigger:i,layer:a},registrations:u}}var a={top:"bottom",left:"right",bottom:"top",right:"left",center:"center"},u=function(){function SideBase(e,t,r,n,o,i,s,a,u){this.prop=void 0,this.opposite=void 0,this.isHorizontal=void 0,this.sizeProp=void 0,this.oppositeSizeProp=void 0,this.cssProp=void 0,this.oppositeCssProp=void 0,this.isCenter=void 0,this.isPush=void 0,this.prop=e,this.opposite=t,this.isHorizontal=r,this.sizeProp=n,this.oppositeSizeProp=o,this.cssProp=i,this.oppositeCssProp=s,this.isCenter=a,this.isPush=u}var e=SideBase.prototype;return e.factor=function factor(e){return e*(this.isPush?1:-1)},e.isOppositeDirection=function isOppositeDirection(e){return this.isHorizontal!==e.isHorizontal},SideBase}();function createSide(e,t){void 0===t&&(t=!0);var r=["left","right"].includes(e);return new u(e,t?createSide(a[e],!1):null,r,r?"width":"height",r?"height":"width",r?"left":"top",r?"top":"left","center"===e,!["right","bottom"].includes(e))}var l={top:createSide("top"),bottom:createSide("bottom"),left:createSide("left"),right:createSide("right")},c=_extends({},l,{center:createSide("center")}),f=["top","left","bottom","right"],d=function(){function BoundsOffsets(e){return this.top=void 0,this.left=void 0,this.right=void 0,this.bottom=void 0,Object.assign(this,e)}return BoundsOffsets.mergeSmallestSides=function mergeSmallestSides(e){var t=e[0],r=e.slice(1);if(!t)throw new Error("Please provide at least 1 bounds objects in order to merge");for(var n,o=Object.fromEntries(f.map((function(e){return[e,t[e]]}))),i=_createForOfIteratorHelperLoose(r);!(n=i()).done;)for(var s,a=n.value,u=_createForOfIteratorHelperLoose(f);!(s=u()).done;){var l=s.value;o[l]=Math.min(o[l],a[l])}return new BoundsOffsets(o)},_createClass(BoundsOffsets,[{key:"allSidesArePositive",get:function get(){var e=this;return f.every((function(t){return e[t]>=0}))}},{key:"negativeSides",get:function get(){var e=this;return Object.fromEntries(f.filter((function(t){return e[t]<0})).map((function(t){return[t,e[t]]})))}}]),BoundsOffsets}();function sumOfPropertyValues(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return t.reduce((function(e,t){return e+(t?getPixelValue(t):0)}),0)}function boundsToObject(e){return{top:e.top,left:e.left,right:e.right,bottom:e.bottom,width:e.width,height:e.height}}var p={top:0,left:0,right:0,bottom:0,width:0,height:0},h=function(){function Bounds(e){return void 0===e&&(e={}),this.top=void 0,this.left=void 0,this.right=void 0,this.bottom=void 0,this.width=void 0,this.height=void 0,Object.assign(this,p,e)}Bounds.create=function create(e){return new Bounds(e)},Bounds.fromElement=function fromElement(e,t){void 0===t&&(t={});var r=t,n=r.withTransform,o=void 0===n||n,i=r.environment,s=void 0===i?window:i,a=r.withScrollbars,u=void 0===a||a,l=new Bounds(boundsToObject(e.getBoundingClientRect()));if(!o){var c=s.getComputedStyle(e),f=c.width,d=c.height,p=c.boxSizing,h=c.borderLeft,g=c.borderRight,v=c.borderTop,m=c.borderBottom,y=c.paddingLeft,b=c.paddingRight,w=c.paddingTop,C=c.paddingBottom;l=new Bounds(_extends({},l,{width:"border-box"===p?getPixelValue(f):sumOfPropertyValues(f,h,g,y,b),height:"border-box"===p?getPixelValue(d):sumOfPropertyValues(d,v,m,w,C)}))}if(!u){var S=l.width-e.clientWidth,O=l.height-e.clientHeight;return l.substract({right:S,bottom:O})}return l},Bounds.empty=function empty(){return new Bounds},Bounds.fromWindow=function fromWindow(e){var t,r=null!=(t=null==e?void 0:e.document.scrollingElement)?t:null==e?void 0:e.document.documentElement,n=null!=r?r:{},o=n.clientWidth,i=void 0===o?0:o,s=n.clientHeight,a=void 0===s?0:s;return new Bounds({width:i,height:a,right:i,bottom:a})};var e=Bounds.prototype;return e.toObject=function toObject(){return boundsToObject(this)},e.merge=function merge(e){var t=this.toObject();return new Bounds(_extends({},t,"function"==typeof e?e(t):e))},e.substract=function substract(e){for(var t=this.toObject(),r=0,n=Object.entries(e);r<n.length;r++){var o=n[r],i=o[0],s=o[1];if(i in l){var a=l[i];t[i]+=a.factor(s),t[a.isHorizontal?"width":"height"]-=s}else t[i]-=s||0}return new Bounds(t)},e.offsetsTo=function offsetsTo(e){return new d({top:e.top-this.top,bottom:this.bottom-e.bottom,left:e.left-this.left,right:this.right-e.right})},e.mapSides=function mapSides(e){for(var t=this.toObject(),r=0,n=Object.values(l);r<n.length;r++){var o=n[r];t[o.prop]=e(o,t[o.prop])}return new Bounds(t)},_createClass(Bounds,[{key:"surface",get:function get(){return this.width*this.height}}]),Bounds}(),g=function(){function Placement(e,t,r,n,o){this.primary=void 0,this.secondary=void 0,this.offsets=void 0,this.subjectsBounds=void 0,this._cachedLayerBounds=null,this._cachedContainerOffsets=null,this.primary=e,this.secondary=t,this.offsets=o,this.setSubjectsBounds(r,n)}var e=Placement.prototype;return e.setSubjectsBounds=function setSubjectsBounds(e,t){if(t){var r="function"==typeof t?t(this.primary.prop):t;this.subjectsBounds=e.merge({layer:_extends({},e.layer,r)})}else this.subjectsBounds=e},e.getLayerBounds=function getLayerBounds(e){if(void 0===e&&(e=0),this._cachedLayerBounds&&0===e)return this._cachedLayerBounds;var t=this.primary,r=this.secondary,n=this.subjectsBounds,o=n.trigger,i=n.layer,s=n.arrow,a=t.isHorizontal,u=t.oppositeCssProp,c=t.oppositeSizeProp,f=t.prop,d=t.opposite,p=h.empty();p[d.prop]=o[f]-t.factor(this.offsets.trigger),p[f]=p[d.prop]-t.factor(i[t.sizeProp]);var g=2*this.offsets.arrow,v=o[u]-(i[c]-s[c])+g,m=o[u]+(o[c]-s[c])-g;if(r.isPush||(v+=i[c],m+=i[c]),r.isCenter){var y=(a?l.top:l.left).prop,b=(a?l.bottom:l.right).prop;p[y]=limit(o[y]+o[c]/2-i[c]/2+e,v,m),p[b]=p[y]+i[c]}else{var w=r,C=o[w.prop],S=C<v?v-C:C>m?m-C:0;p[w.prop]=limit(C+e+S,v,m),p[w.opposite.prop]=p[w.prop]+r.factor(i[c])}p.width=p.right-p.left,p.height=p.bottom-p.top;var O=h.create(p);return 0===e&&(this._cachedLayerBounds=O),O},e.getLayerCollisionBounds=function getLayerCollisionBounds(){var e=this.offsets.container;return this.getLayerBounds().mapSides((function(t,r){return r-t.factor(e)})).merge((function(t){var r=t.width,n=t.height;return{width:r+2*e,height:n+2*e}}))},e.getContainerOffsets=function getContainerOffsets(e){if(this._cachedContainerOffsets&&!e)return this._cachedContainerOffsets;var t=this.subjectsBounds.merge({layer:e||this.getLayerCollisionBounds()}),r=d.mergeSmallestSides(t.layerOffsetsToScrollContainers);return e||(this._cachedContainerOffsets=r),r},_createClass(Placement,[{key:"type",get:function get(){return this.primary.prop+"-"+("center"===this.secondary.prop?"center":["bottom","right"].includes(this.secondary.prop)?"end":"start")}},{key:"triggerIsBigger",get:function get(){var e=this.secondary.isHorizontal,t=this.subjectsBounds,r=t.triggerHasBiggerWidth,n=t.triggerHasBiggerHeight;return e&&r||!e&&n}},{key:"fitsContainer",get:function get(){return this.getContainerOffsets().allSidesArePositive}},{key:"visibleSurface",get:function get(){var e=this.getLayerBounds(),t=this.getContainerOffsets(e).negativeSides;for(var r in t)t[r]=-t[r];return e.substract(t).surface}},{key:"secondaryOffsetSide",get:function get(){var e,t,r=this,n=this.getContainerOffsets();return(null!=(e=null==(t=Object.entries(n.negativeSides).map((function(e){var t=e[0],r=e[1];return[l[t],r]})).filter((function(e){var t=e[0];return r.primary.isOppositeDirection(t)})).sort((function(e,t){var r=e[1];return t[1]-r})))?void 0:t[0])?e:[])[0]||null}}]),Placement}(),v=function(e){function PlacementCenter(){return e.apply(this,arguments)||this}return function _inheritsLoose(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,_setPrototypeOf(e,t)}(PlacementCenter,e),PlacementCenter.prototype.getLayerBounds=function getLayerBounds(){var e=this.subjectsBounds,t=e.trigger,r=e.layer,n=h.empty();return n.top=t.top+t.height/2-r.height/2,n.bottom=n.top+r.height,n.left=t.left+t.width/2-r.width/2,n.right=n.left+r.width,n.width=n.right-n.left,n.height=n.bottom-n.top,n},PlacementCenter}(g);var m={position:"absolute",willChange:"top, left",left:null,right:null,top:null,bottom:null};var y=function(){function Placements(e,t,r){this.placements=void 0,this.config=void 0,this.subjectsBounds=void 0,this.placements=e,this.config=t,this.subjectsBounds=r}Placements.getSidesFromPlacementType=function getSidesFromPlacementType(e){var t=e.split("-"),r=t[0],n=t[1],o=l[r];return[o,"center"===n?c.center:o.isHorizontal?"start"===n?c.top:c.bottom:"start"===n?c.left:c.right]},Placements.create=function create(e,t){var r={arrow:t.arrowOffset,container:t.containerOffset,trigger:t.triggerOffset};function getListOfPlacements(n){void 0===n&&(n=t.placement);var o=Placements.getSidesFromPlacementType(n),i=o[0],s=o[1],a=l[i.isHorizontal?t.preferY:t.preferX],u=!i.isHorizontal&&e.triggerHasBiggerWidth||i.isHorizontal&&e.triggerHasBiggerHeight;function placementFrom(n,o){return new g(n,o,e,t.layerDimensions,r)}var f=[];return f[0]=placementFrom(i,s),f[1]=placementFrom(i,s.isCenter?a:c.center),f[2]=placementFrom(i,c[(s.opposite.isCenter?a.opposite:s.opposite).prop]),f[3]=placementFrom(a,u?i:c[i.opposite.prop]),f[4]=placementFrom(a,c.center),f[5]=placementFrom(a,u?c[i.opposite.prop]:i),f[6]=placementFrom(l[a.opposite.prop],u?i:c[i.opposite.prop]),f[7]=placementFrom(l[a.opposite.prop],c.center),f[8]=placementFrom(l[a.opposite.prop],u?c[i.opposite.prop]:i),f[9]=placementFrom(l[i.opposite.prop],s),f[10]=placementFrom(l[i.opposite.prop],s.isCenter?a:c.center),f[11]=placementFrom(l[i.opposite.prop],c[(s.opposite.isCenter?a.opposite:s.opposite).prop]),f=f.filter((function(e){return e.type===t.placement||t.possiblePlacements.includes(e.type)}))}return"center"===t.placement?new Placements([new v(c.center,c.center,e,t.layerDimensions,r)].concat(getListOfPlacements(t.preferY+"-"+t.preferX)),t,e):new Placements(getListOfPlacements(),t,e)};var e=Placements.prototype;return e.filterPlacementsBySide=function filterPlacementsBySide(e){return this.placements.filter((function(t){return t.primary===e}))},e.findFirstPlacementThatFits=function findFirstPlacementThatFits(){return this.placements.find((function(e){return e.fitsContainer}))},e.placementWithBiggestVisibleSurface=function placementWithBiggestVisibleSurface(){return this.placements.map((function(e){return{placement:e,surface:e.visibleSurface}})).sort((function(e,t){return t.surface-e.surface}))[0].placement},e.findSuitablePlacement=function findSuitablePlacement(){return this.config.auto?this.findFirstPlacementThatFits()||this.placementWithBiggestVisibleSurface():this.placements[0]},e.getSecondaryOffset=function getSecondaryOffset(e){var t=this.config,r=t.auto,n=t.snap;if(!r||n||e instanceof v)return 0;var o=this.filterPlacementsBySide(e.primary);if(0===o.indexOf(e)&&e.fitsContainer)return 0;var i=o.find((function(e){return!e.fitsContainer}));if(!i)return 0;var s=i.secondaryOffsetSide;if(!s)return 0;var a,u=e.getContainerOffsets(),l=e.secondary;return a=e.triggerIsBigger||i===e?s.isPush?-1:1:l===c.left||[c.top,c.center].includes(l)&&s.isPush?-1:1,u[s.prop]*a},e.getStyles=function getStyles(e,t,r,n){var o={willChange:"top, left, width, height"},i=function getArrowStyle(e,t,r){var n;if(t.primary.isCenter)return m;var o=e.layer,i=e.trigger,s=e.arrow,a=t.primary.oppositeSizeProp,u=i[a]>o[a],l=r+s[a]/2,c=o[a]-s[a]/2-r,f=function getNegativeOffsetBetweenLayerCenterAndTrigger(e,t,r){var n=e.layer,o=e.trigger,i=e.arrow,s=t.primary.oppositeSizeProp,a=t.primary.isHorizontal?["top","bottom"]:["left","right"],u=a[0],l=a[1],c=n[u]+n[s]/2-o[u]-i[s]/2-r,f=n[l]-n[s]/2-o[l]+i[s]/2+r;return(c<0?-c:0)+(f>0?-f:0)}(e,t,r),d=t.primary.prop,p=t.primary.oppositeCssProp,h=u?o[a]/2+f:i[p]+i[a]/2-o[p];return _extends({},m,((n={})[d]="100%",n[p]=limit(h,l,c),n))}(this.subjectsBounds.merge({layer:e}),t,this.config.arrowOffset);return{arrow:i,layer:this.config.overflowContainer?_extends({},o,{position:"fixed",top:e.top,left:e.left}):_extends({},o,{position:"absolute",top:e.top-this.subjectsBounds.parent.top+r.top-n.top,left:e.left-this.subjectsBounds.parent.left+r.left-n.left})}},e.getHasDisappeared=function getHasDisappeared(e){var t=this.config.overflowContainer?this.subjectsBounds.trigger:e,r=d.mergeSmallestSides(this.subjectsBounds.offsetsToScrollContainers(t,!0));return Object.entries(r.negativeSides).some((function(e){var r=e[0];return e[1]<=-t[l[r].sizeProp]}))?"full":r.allSidesArePositive?null:"partial"},e.result=function result(e,t){var r=this.findSuitablePlacement(),n=this.getSecondaryOffset(r),o=r.getLayerBounds(n);return{styles:this.getStyles(o,r,e,t),layerSide:r.primary.prop,placement:r,layerBounds:o,hasDisappeared:this.getHasDisappeared(o)}},Placements}(),b=function(){function SubjectsBounds(e,t){this.overflowContainer=void 0,this.trigger=void 0,this.layer=void 0,this.arrow=void 0,this.parent=void 0,this.window=void 0,this.scrollContainers=void 0,this.overflowContainer=t,Object.assign(this,e)}SubjectsBounds.create=function create(e,t,r,n,o,i,s,a){var u=h.fromWindow(e);return new SubjectsBounds({layer:h.fromElement(t,{environment:e,withTransform:!1}),trigger:a?h.create(boundsToObject(a())):h.fromElement(r),arrow:o?h.fromElement(o):h.empty(),parent:n?h.fromElement(n):u,window:u,scrollContainers:[u].concat(i.map((function(e){return h.fromElement(e,{withScrollbars:!1})})))},s)};var e=SubjectsBounds.prototype;return e.merge=function merge(e){return new SubjectsBounds(_extends({},this,e),this.overflowContainer)},e.offsetsToScrollContainers=function offsetsToScrollContainers(e,t){return void 0===t&&(t=!1),(this.overflowContainer&&!t?[this.window]:this.scrollContainers).map((function(t){return t.offsetsTo(e)}))},_createClass(SubjectsBounds,[{key:"layerOffsetsToScrollContainers",get:function get(){return this.offsetsToScrollContainers(this.layer)}},{key:"triggerHasBiggerWidth",get:function get(){return this.trigger.width>this.layer.width}},{key:"triggerHasBiggerHeight",get:function get(){return this.trigger.height>this.layer.height}}]),SubjectsBounds}(),w=null;var C={auto:!1,arrowOffset:0,containerOffset:10,triggerOffset:0,overflowContainer:!0,placement:"top-center",possiblePlacements:["bottom-start","bottom-end","bottom-center","top-start","top-center","top-end","left-end","left-center","left-start","right-end","right-center","right-start","center"],preferX:"right",preferY:"bottom",snap:!1,container:void 0,trigger:void 0};function useLayer(e){var t,r=e.isOpen,i=void 0!==r&&r,s=e.overflowContainer,a=void 0===s?C.overflowContainer:s,u=e.environment,l=void 0===u?"undefined"!=typeof window?window:void 0:u,c=e.ResizeObserver,f=e.placement,d=void 0===f?C.placement:f,p=e.possiblePlacements,h=void 0===p?C.possiblePlacements:p,g=e.preferX,v=void 0===g?C.preferX:g,m=e.preferY,O=void 0===m?C.preferY:m,P=e.auto,B=void 0===P?C.auto:P,E=e.snap,L=void 0===E?C.snap:E,T=e.triggerOffset,j=void 0===T?C.triggerOffset:T,k=e.containerOffset,_=void 0===k?C.containerOffset:k,R=e.arrowOffset,x=void 0===R?C.arrowOffset:R,H=e.container,A=void 0===H?C.container:H,z=e.layerDimensions,I=void 0===z?null:z,M=e.onDisappear,F=e.onOutsideClick,W=e.onParentClose,D=e.trigger,V=(0,n.useState)((function(){return{layerSide:"center"===d?"center":y.getSidesFromPlacementType(d)[0].prop,styles:{layer:{position:a?"fixed":"absolute",top:0,left:0},arrow:{position:"absolute",top:0,left:0}}}})),N=V[0],Y=V[1],G=(0,n.useRef)(null),X=function useLastState(e,t){var r=(0,n.useRef)(e);return t?(r.current=e,r):(r.current=null,r)}(N,i),Z=(0,n.useRef)({cancelled:!1});(0,n.useEffect)((function(){return function(){Z.current.cancelled=!0}}),[]);var J=(0,n.useCallback)((function handlePositioning(e,t,r){var n=e.arrow,o=e.layer,i=e.scrollContainers,s=e.trigger,u=i[0],c=b.create(l,o,s,u,n,i,a,null==D?void 0:D.getBounds),f={placement:d,possiblePlacements:h,auto:B,layerDimensions:I,arrowOffset:x,containerOffset:_,triggerOffset:j,preferX:v,preferY:O,snap:L,overflowContainer:a},p=y.create(c,f).result(t,r),g=p.hasDisappeared,m={layerSide:p.layerSide,styles:p.styles};if(!X.current||function didStateChange(e,t){if(e.layerSide!==t.layerSide)return!0;for(var r=0,n=["position","top","left","right","bottom"];r<n.length;r++){var o=n[r];if(e.styles.layer[o]!==t.styles.layer[o]||e.styles.arrow[o]!==t.styles.arrow[o])return!0}return!1}(X.current,m)){X.current=m,Z.current.cancelled=!0;var w={cancelled:!1};Z.current=w,Promise.resolve().then((function(){w.cancelled||Y(m)}))}isSet(g)&&isSet(M)&&M(g)}),[x,B,_,l,I,M,a,d,h,v,O,L,j,X,D]),U=useTrackElements({ResizeObserverPolyfill:c,environment:l,enabled:i,overflowContainer:a,onChange:J,triggerOption:D}),$=U.triggerRef,q=U.layerRef,K=U.arrowRef,Q=U.closestScrollContainer,ee=useGroup({isOpen:i,onOutsideClick:F,onParentClose:W}),te=ee.closeOnOutsideClickRefs,re=ee.registrations,ne={triggerProps:Boolean(D)?{}:{ref:mergeRefs($,te.trigger,G)},layerProps:{ref:mergeRefs(q,te.layer),style:N.styles.layer},arrowProps:{ref:K,style:N.styles.arrow,layerSide:N.layerSide},layerSide:N.layerSide,triggerBounds:i?D?D.getBounds():null==(t=G.current)?void 0:t.getBoundingClientRect():null,renderLayer:function renderLayer(e){return"undefined"!=typeof document?(0,o.createPortal)((0,n.createElement)(GroupProvider,{registrations:re,children:e}),a||!Q?function getContainerElement(e){var t;if("function"==typeof e){if(!((t=e())&&t instanceof HTMLElement))throw new Error("react-laag: You've passed a function to the 'container' prop, but it returned no valid HTMLElement")}else if(e instanceof HTMLElement)t=e;else if("string"==typeof e){if(!(t=document.getElementById(e)))throw new Error("react-laag: You've passed element with id '"+e+"' to the 'container' prop, but it returned no valid HTMLElement")}else{if(w instanceof HTMLElement)return w;(t=document.getElementById(S))||((t=document.createElement("div")).id=S,t.style.cssText="\n        position: absolute;\n        top: 0px;\n        left: 0px;\n        right: 0px;\n      ",document.body.appendChild(t))}return t}(A):Q):null}};return ne}var S="layers";var O=["size","angle","borderWidth","borderColor","roundness","backgroundColor","layerSide","style"],P="left",B="top",E="bottom",L="right";function getWidthBasedOnAngle(e,t){return Math.tan(e*(Math.PI/180))*t}function getViewBox(e,t,r,n){var o;return((o={})[E]="0 "+-n+" "+t+" "+e,o[B]="0 0 "+t+" "+(e+n),o[L]=-n+" 0 "+e+" "+t,o[P]="0 0 "+(e+n)+" "+t,o)[r.prop]}function getTrianglePath(e,t,r,n,o){var i,s,a,u=n/10*e*2,l=(i={},i[E]=[0,e],i[B]=[0,0],i[L]=[e,t],i[P]=[0,t],i)[r.prop].join(" "),c=r.isHorizontal?"V 0":"H "+t,f=t/2,d=t/2+getWidthBasedOnAngle(o,e/8),p=e/8,h=(s={},s[E]=["C",d,p,f+u,0,f,0],s[B]=["C",d,e-p,f+u,e,f,e],s[L]=["C",p,t-d,0,f-u,0,f],s[P]=["C",e-p,t-d,e,f-u,e,f],s)[r.prop].join(" "),g=t/2-getWidthBasedOnAngle(o,e/8),v=e/8;return["M",l,c,h,(a={},a[E]=["C",f-u,0,g,v,l],a[B]=["C",f-u,e,g,e-v,l],a[L]=["C",0,f+u,v,t-g,l],a[P]=["C",e,f+u,e-v,t-g,l],a)[r.prop].join(" ")].join(" ")}function getBorderMaskPath(e,t,r,n,o){var i=getWidthBasedOnAngle(o,r),s=n.isPush?[0,r]:[e,e-r],a=s[0],u=s[1];return n.isHorizontal?["M",a,r,"V",t-r,"L",u,t-r-i,"V",i+r,"Z"].join(" "):["M",r,a,"H",t-r,"L",t-r-i,u,"H",i+r,"Z"].join(" ")}var T,j=(0,n.forwardRef)((function Arrow(e,t){var r=e.size,o=void 0===r?8:r,i=e.angle,s=void 0===i?45:i,a=e.borderWidth,u=void 0===a?0:a,c=e.borderColor,f=void 0===c?"black":c,d=e.roundness,p=void 0===d?0:d,h=e.backgroundColor,g=void 0===h?"white":h,v=e.layerSide,m=void 0===v?"top":v,y=e.style,b=void 0===y?{}:y,w=function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,O);if("center"===m)return null;var C=l[m],S=o,P=2*getWidthBasedOnAngle(s,o),B=Math.max(S,P);return(0,n.createElement)("svg",_extends({ref:t},w,{style:_extends({},b,{transform:"translate"+(C.isHorizontal?"Y":"X")+"(-50%)"}),width:B,height:B,preserveAspectRatio:C.isPush?"xMinYMin":"xMaxYMax",viewBox:getViewBox(S,P,C,u)}),(0,n.createElement)("path",{fill:g,strokeWidth:u,stroke:f,d:getTrianglePath(S,P,C,p,s)}),(0,n.createElement)("path",{fill:g,d:getBorderMaskPath(S,P,u,C,s)}))}));function useHover(e){var t=void 0===e?{}:e,r=t.delayEnter,o=void 0===r?0:r,i=t.delayLeave,s=void 0===i?0:i,a=t.hideOnScroll,u=void 0===a||a,l=(0,n.useState)(!1),c=l[0],f=l[1],d=(0,n.useRef)(null),p=(0,n.useRef)(T.IDLE),h=(0,n.useRef)(!1),g=(0,n.useCallback)((function removeTimeout(){clearTimeout(d.current),d.current=null,p.current=T.IDLE}),[]);function onMouseLeave(e,t){if(p.current===T.ENTERING&&d.current&&g(),c){if(t)return f(!1),d.current=null,void(p.current=T.IDLE);p.current=T.LEAVING,d.current=window.setTimeout((function(){f(!1),d.current=null,p.current=T.IDLE}),s)}}return(0,n.useEffect)((function(){function onScroll(){c&&u&&(g(),f(!1))}return window.addEventListener("scroll",onScroll,!0),function(){window.removeEventListener("scroll",onScroll,!0),d.current&&clearTimeout(d.current)}}),[c,u,g]),[c,{onMouseEnter:function onMouseEnter(){p.current===T.LEAVING&&d.current&&g(),c||(p.current=T.ENTERING,d.current=window.setTimeout((function(){f(!0),d.current=null,p.current=T.IDLE}),o))},onMouseLeave,onTouchStart:function onTouchStart(){h.current=!1},onTouchMove:function onTouchMove(){h.current=!0},onTouchEnd:function onTouchEnd(){h.current||c||f(!0),h.current=!1}},function(){return onMouseLeave(0,!0)}]}!function(e){e[e.ENTERING=0]="ENTERING",e[e.LEAVING=1]="LEAVING",e[e.IDLE=2]="IDLE"}(T||(T={}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6770],{46770:(e,t,r)=>{r.d(t,{Eh:()=>B,XI:()=>useHover,sJ:()=>useLayer});var n=r(87363),o=r(61533);function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _extends(){return _extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(this,arguments)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function _createForOfIteratorHelperLoose(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(r)return(r=r.call(e)).next.bind(r);if(Array.isArray(e)||(r=function _unsupportedIterableToArray(e,t){if(e){if("string"==typeof e)return _arrayLikeToArray(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0;return function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function useTrackRef(e){var t=(0,n.useRef)(null);return function setter(r){r&&r!==t.current&&(t.current=r,e(r))}}var i="undefined"!=typeof window?n.useLayoutEffect:n.useEffect;function getPixelValue(e){return parseFloat(e.replace("px",""))}function limit(e,t,r){return e<t?t:e>r?r:e}function isSet(e){return null!=e}function mergeRefs(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return function(e){for(var r,n=_createForOfIteratorHelperLoose(t);!(r=n()).done;){var o=r.value;o&&("function"==typeof o?o(e):o.current=e)}}}function findScrollContainers(e,t){var r=[];if(!e||!t||e===document.body)return r;var n=t.getComputedStyle(e);return[n.overflow,n.overflowX,n.overflowY].some((function(e){return["auto","scroll"].includes(e)}))&&r.push(e),[].concat(r,findScrollContainers(e.parentElement,t))}function createReferenceError(e){return"react-laag: Could not find a valid reference for the "+e+" element. There might be 2 causes:\n   - Make sure that the 'ref' is set correctly on the "+e+' element when isOpen: true. Also make sure your component forwards the ref with "forwardRef()".\n   - Make sure that you are actually rendering the '+e+" when the isOpen prop is set to true"}function useTrackElements(e){var t=e.enabled,r=e.onChange,o=e.environment,s=e.ResizeObserverPolyfill,a=e.overflowContainer,u=e.triggerOption,l=function getResizeObserver(e,t){if(void 0!==e)return t||e.ResizeObserver}(o,s);(0,n.useEffect)((function(){}),[l]);var c=(0,n.useRef)(null),f=Boolean(u),d=function useMutableStore(e){var t=(0,n.useRef)(e);return(0,n.useMemo)((function(){return[function get(){return t.current},function set(e){t.current="function"==typeof e?e(t.current):e}]}),[])}({scrollContainers:[],trigger:null,layer:null}),p=d[0],h=d[1],g=function useEventSubscriptions(){var e=(0,n.useRef)([]);return(0,n.useMemo)((function(){return{hasEventSubscriptions:function hasEventSubscriptions(){return e.current.length>0},removeAllEventSubscriptions:function removeAllEventSubscriptions(){for(var t,r=_createForOfIteratorHelperLoose(e.current);!(t=r()).done;)(0,t.value)();e.current=[]},addEventSubscription:function addEventSubscription(t){e.current.push(t)}}}),[])}(),v=g.hasEventSubscriptions,m=g.addEventSubscription,y=g.removeAllEventSubscriptions,b=(0,n.useCallback)((function handleChange(){var e=p(),t=e.layer,n=e.trigger,i=e.scrollContainers,s=i[0];if(!t)throw new Error(createReferenceError("layer"));if(!n&&!f)throw new Error(createReferenceError("trigger"));var a={top:0,left:0};if(s){var u=s.scrollLeft;a={top:s.scrollTop,left:u}}else{var l=o.scrollX;a={top:o.scrollY,left:l}}var d={left:0,top:0};if(s){var h=o.getComputedStyle(s),g=h.borderLeftWidth,v=h.borderTopWidth;d={left:getPixelValue(g)||0,top:getPixelValue(v)||0}}r({layer:t,trigger:n,scrollContainers:i,arrow:c.current},a,d)}),[p,r,o,c,f]),w=(0,n.useCallback)((function addEventListeners(){var e=p(),t=e.trigger,r=e.layer,n=e.scrollContainers;if(!r)throw new Error(createReferenceError("layer"));if(!t&&!f)throw new Error(createReferenceError("trigger"));if(l){for(var i=!1,s=new l((function observerCallback(){i?b():i=!0})),a=0,u=[t,r,document.body];a<u.length;a++){var c=u[a];c&&s.observe(c)}m((function(){for(var e=0,n=[t,r,document.body];e<n.length;e++){var o=n[e];o&&s.unobserve(o)}s.disconnect()}))}for(var d,h=function _loop(){var e=d.value;e.addEventListener("scroll",b),m((function(){return e.removeEventListener("scroll",b)}))},g=_createForOfIteratorHelperLoose([o].concat(n));!(d=g()).done;)h()}),[p,m,b,o,l,f]),C=(0,n.useCallback)((function(e,r){t&&e&&e!==r&&(y(),w(),b())}),[y,w,b,t]),S=useTrackRef((0,n.useCallback)((function(e){var t=p().layer;h((function(t){return _extends({},t,{layer:e})})),C(t,e)}),[p,h,C])),O=(0,n.useCallback)((function handleScrollContainers(e){var t=findScrollContainers(e,o),r=t[0];if(r){var n=o.getComputedStyle(r).position;["relative","absolute","fixed"].includes(n)||a||(r.style.position="relative")}return t}),[o,a]),P=useTrackRef((0,n.useCallback)((function(e){var t=O(e),r=p().trigger;h((function(r){return _extends({},r,{trigger:e,scrollContainers:t})})),C(r,e)}),[p,h,C,O])),B=null==u||null==u.getParent?void 0:u.getParent();return i((function(){B&&h((function(e){return _extends({},e,{scrollContainers:O(B)})}))}),[B,h,O]),i((function(){return t&&(v()||w()),function(){v()&&y()}}),[t,v,w,y]),i((function(){t&&b()})),{triggerRef:P,layerRef:S,arrowRef:c,closestScrollContainer:p().scrollContainers[0]||null}}var s=(0,n.createContext)({});function GroupProvider(e){var t=e.children,r=e.registrations,o=(0,n.useCallback)((function register(e){return r.current.add(e),function(){return r.current.delete(e)}}),[r]);return(0,n.createElement)(s.Provider,{value:o},t)}function useGroup(e){var t=e.isOpen,r=e.onOutsideClick,o=e.onParentClose,i=(0,n.useRef)(null),a=(0,n.useRef)(null),u=(0,n.useRef)(new Set),l=(0,n.useContext)(s),c=(0,n.useCallback)((function shouldCloseWhenClickedOutside(e){var t=e.target,r=i.current&&i.current.contains(t),n=a.current&&a.current.contains(t),o=function getShouldCloseAccordingToChildren(e,t){for(var r,n=_createForOfIteratorHelperLoose(e);!(r=n()).done;)if(!(0,r.value.shouldCloseWhenClickedOutside)(t))return!1;return!0}(u.current,e);return n&&o&&u.current.forEach((function(e){return(0,e.closeChild)()})),!r&&!n&&o}),[i,a,u]);return(0,n.useEffect)((function(){if("function"==typeof l)return l({shouldCloseWhenClickedOutside:c,closeChild:function closeChild(){o&&o()}})}),[l,c,o,u]),(0,n.useEffect)((function(){if(!(!t||!r||"function"==typeof l))return document.addEventListener("click",handleClick,!0),function(){return document.removeEventListener("click",handleClick,!0)};function handleClick(e){c(e)&&r()}}),[t,r,c,l]),(0,n.useEffect)((function(){t||u.current.forEach((function(e){return(0,e.closeChild)()}))}),[t]),{closeOnOutsideClickRefs:{trigger:i,layer:a},registrations:u}}var a={top:"bottom",left:"right",bottom:"top",right:"left",center:"center"},u=function(){function SideBase(e,t,r,n,o,i,s,a,u){this.prop=void 0,this.opposite=void 0,this.isHorizontal=void 0,this.sizeProp=void 0,this.oppositeSizeProp=void 0,this.cssProp=void 0,this.oppositeCssProp=void 0,this.isCenter=void 0,this.isPush=void 0,this.prop=e,this.opposite=t,this.isHorizontal=r,this.sizeProp=n,this.oppositeSizeProp=o,this.cssProp=i,this.oppositeCssProp=s,this.isCenter=a,this.isPush=u}var e=SideBase.prototype;return e.factor=function factor(e){return e*(this.isPush?1:-1)},e.isOppositeDirection=function isOppositeDirection(e){return this.isHorizontal!==e.isHorizontal},SideBase}();function createSide(e,t){void 0===t&&(t=!0);var r=["left","right"].includes(e);return new u(e,t?createSide(a[e],!1):null,r,r?"width":"height",r?"height":"width",r?"left":"top",r?"top":"left","center"===e,!["right","bottom"].includes(e))}var l={top:createSide("top"),bottom:createSide("bottom"),left:createSide("left"),right:createSide("right")},c=_extends({},l,{center:createSide("center")}),f=["top","left","bottom","right"],d=function(){function BoundsOffsets(e){return this.top=void 0,this.left=void 0,this.right=void 0,this.bottom=void 0,Object.assign(this,e)}return BoundsOffsets.mergeSmallestSides=function mergeSmallestSides(e){var t=e[0],r=e.slice(1);if(!t)throw new Error("Please provide at least 1 bounds objects in order to merge");for(var n,o=Object.fromEntries(f.map((function(e){return[e,t[e]]}))),i=_createForOfIteratorHelperLoose(r);!(n=i()).done;)for(var s,a=n.value,u=_createForOfIteratorHelperLoose(f);!(s=u()).done;){var l=s.value;o[l]=Math.min(o[l],a[l])}return new BoundsOffsets(o)},_createClass(BoundsOffsets,[{key:"allSidesArePositive",get:function get(){var e=this;return f.every((function(t){return e[t]>=0}))}},{key:"negativeSides",get:function get(){var e=this;return Object.fromEntries(f.filter((function(t){return e[t]<0})).map((function(t){return[t,e[t]]})))}}]),BoundsOffsets}();function sumOfPropertyValues(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return t.reduce((function(e,t){return e+(t?getPixelValue(t):0)}),0)}function boundsToObject(e){return{top:e.top,left:e.left,right:e.right,bottom:e.bottom,width:e.width,height:e.height}}var p={top:0,left:0,right:0,bottom:0,width:0,height:0},h=function(){function Bounds(e){return void 0===e&&(e={}),this.top=void 0,this.left=void 0,this.right=void 0,this.bottom=void 0,this.width=void 0,this.height=void 0,Object.assign(this,p,e)}Bounds.create=function create(e){return new Bounds(e)},Bounds.fromElement=function fromElement(e,t){void 0===t&&(t={});var r=t,n=r.withTransform,o=void 0===n||n,i=r.environment,s=void 0===i?window:i,a=r.withScrollbars,u=void 0===a||a,l=new Bounds(boundsToObject(e.getBoundingClientRect()));if(!o){var c=s.getComputedStyle(e),f=c.width,d=c.height,p=c.boxSizing,h=c.borderLeft,g=c.borderRight,v=c.borderTop,m=c.borderBottom,y=c.paddingLeft,b=c.paddingRight,w=c.paddingTop,C=c.paddingBottom;l=new Bounds(_extends({},l,{width:"border-box"===p?getPixelValue(f):sumOfPropertyValues(f,h,g,y,b),height:"border-box"===p?getPixelValue(d):sumOfPropertyValues(d,v,m,w,C)}))}if(!u){var S=l.width-e.clientWidth,O=l.height-e.clientHeight;return l.substract({right:S,bottom:O})}return l},Bounds.empty=function empty(){return new Bounds},Bounds.fromWindow=function fromWindow(e){var t,r=null!=(t=null==e?void 0:e.document.scrollingElement)?t:null==e?void 0:e.document.documentElement,n=null!=r?r:{},o=n.clientWidth,i=void 0===o?0:o,s=n.clientHeight,a=void 0===s?0:s;return new Bounds({width:i,height:a,right:i,bottom:a})};var e=Bounds.prototype;return e.toObject=function toObject(){return boundsToObject(this)},e.merge=function merge(e){var t=this.toObject();return new Bounds(_extends({},t,"function"==typeof e?e(t):e))},e.substract=function substract(e){for(var t=this.toObject(),r=0,n=Object.entries(e);r<n.length;r++){var o=n[r],i=o[0],s=o[1];if(i in l){var a=l[i];t[i]+=a.factor(s),t[a.isHorizontal?"width":"height"]-=s}else t[i]-=s||0}return new Bounds(t)},e.offsetsTo=function offsetsTo(e){return new d({top:e.top-this.top,bottom:this.bottom-e.bottom,left:e.left-this.left,right:this.right-e.right})},e.mapSides=function mapSides(e){for(var t=this.toObject(),r=0,n=Object.values(l);r<n.length;r++){var o=n[r];t[o.prop]=e(o,t[o.prop])}return new Bounds(t)},_createClass(Bounds,[{key:"surface",get:function get(){return this.width*this.height}}]),Bounds}(),g=function(){function Placement(e,t,r,n,o){this.primary=void 0,this.secondary=void 0,this.offsets=void 0,this.subjectsBounds=void 0,this._cachedLayerBounds=null,this._cachedContainerOffsets=null,this.primary=e,this.secondary=t,this.offsets=o,this.setSubjectsBounds(r,n)}var e=Placement.prototype;return e.setSubjectsBounds=function setSubjectsBounds(e,t){if(t){var r="function"==typeof t?t(this.primary.prop):t;this.subjectsBounds=e.merge({layer:_extends({},e.layer,r)})}else this.subjectsBounds=e},e.getLayerBounds=function getLayerBounds(e){if(void 0===e&&(e=0),this._cachedLayerBounds&&0===e)return this._cachedLayerBounds;var t=this.primary,r=this.secondary,n=this.subjectsBounds,o=n.trigger,i=n.layer,s=n.arrow,a=t.isHorizontal,u=t.oppositeCssProp,c=t.oppositeSizeProp,f=t.prop,d=t.opposite,p=h.empty();p[d.prop]=o[f]-t.factor(this.offsets.trigger),p[f]=p[d.prop]-t.factor(i[t.sizeProp]);var g=2*this.offsets.arrow,v=o[u]-(i[c]-s[c])+g,m=o[u]+(o[c]-s[c])-g;if(r.isPush||(v+=i[c],m+=i[c]),r.isCenter){var y=(a?l.top:l.left).prop,b=(a?l.bottom:l.right).prop;p[y]=limit(o[y]+o[c]/2-i[c]/2+e,v,m),p[b]=p[y]+i[c]}else{var w=r,C=o[w.prop],S=C<v?v-C:C>m?m-C:0;p[w.prop]=limit(C+e+S,v,m),p[w.opposite.prop]=p[w.prop]+r.factor(i[c])}p.width=p.right-p.left,p.height=p.bottom-p.top;var O=h.create(p);return 0===e&&(this._cachedLayerBounds=O),O},e.getLayerCollisionBounds=function getLayerCollisionBounds(){var e=this.offsets.container;return this.getLayerBounds().mapSides((function(t,r){return r-t.factor(e)})).merge((function(t){var r=t.width,n=t.height;return{width:r+2*e,height:n+2*e}}))},e.getContainerOffsets=function getContainerOffsets(e){if(this._cachedContainerOffsets&&!e)return this._cachedContainerOffsets;var t=this.subjectsBounds.merge({layer:e||this.getLayerCollisionBounds()}),r=d.mergeSmallestSides(t.layerOffsetsToScrollContainers);return e||(this._cachedContainerOffsets=r),r},_createClass(Placement,[{key:"type",get:function get(){return this.primary.prop+"-"+("center"===this.secondary.prop?"center":["bottom","right"].includes(this.secondary.prop)?"end":"start")}},{key:"triggerIsBigger",get:function get(){var e=this.secondary.isHorizontal,t=this.subjectsBounds,r=t.triggerHasBiggerWidth,n=t.triggerHasBiggerHeight;return e&&r||!e&&n}},{key:"fitsContainer",get:function get(){return this.getContainerOffsets().allSidesArePositive}},{key:"visibleSurface",get:function get(){var e=this.getLayerBounds(),t=this.getContainerOffsets(e).negativeSides;for(var r in t)t[r]=-t[r];return e.substract(t).surface}},{key:"secondaryOffsetSide",get:function get(){var e,t,r=this,n=this.getContainerOffsets();return(null!=(e=null==(t=Object.entries(n.negativeSides).map((function(e){var t=e[0],r=e[1];return[l[t],r]})).filter((function(e){var t=e[0];return r.primary.isOppositeDirection(t)})).sort((function(e,t){var r=e[1];return t[1]-r})))?void 0:t[0])?e:[])[0]||null}}]),Placement}(),v=function(e){function PlacementCenter(){return e.apply(this,arguments)||this}return function _inheritsLoose(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,_setPrototypeOf(e,t)}(PlacementCenter,e),PlacementCenter.prototype.getLayerBounds=function getLayerBounds(){var e=this.subjectsBounds,t=e.trigger,r=e.layer,n=h.empty();return n.top=t.top+t.height/2-r.height/2,n.bottom=n.top+r.height,n.left=t.left+t.width/2-r.width/2,n.right=n.left+r.width,n.width=n.right-n.left,n.height=n.bottom-n.top,n},PlacementCenter}(g);var m={position:"absolute",willChange:"top, left",left:null,right:null,top:null,bottom:null};var y=function(){function Placements(e,t,r){this.placements=void 0,this.config=void 0,this.subjectsBounds=void 0,this.placements=e,this.config=t,this.subjectsBounds=r}Placements.getSidesFromPlacementType=function getSidesFromPlacementType(e){var t=e.split("-"),r=t[0],n=t[1],o=l[r];return[o,"center"===n?c.center:o.isHorizontal?"start"===n?c.top:c.bottom:"start"===n?c.left:c.right]},Placements.create=function create(e,t){var r={arrow:t.arrowOffset,container:t.containerOffset,trigger:t.triggerOffset};function getListOfPlacements(n){void 0===n&&(n=t.placement);var o=Placements.getSidesFromPlacementType(n),i=o[0],s=o[1],a=l[i.isHorizontal?t.preferY:t.preferX],u=!i.isHorizontal&&e.triggerHasBiggerWidth||i.isHorizontal&&e.triggerHasBiggerHeight;function placementFrom(n,o){return new g(n,o,e,t.layerDimensions,r)}var f=[];return f[0]=placementFrom(i,s),f[1]=placementFrom(i,s.isCenter?a:c.center),f[2]=placementFrom(i,c[(s.opposite.isCenter?a.opposite:s.opposite).prop]),f[3]=placementFrom(a,u?i:c[i.opposite.prop]),f[4]=placementFrom(a,c.center),f[5]=placementFrom(a,u?c[i.opposite.prop]:i),f[6]=placementFrom(l[a.opposite.prop],u?i:c[i.opposite.prop]),f[7]=placementFrom(l[a.opposite.prop],c.center),f[8]=placementFrom(l[a.opposite.prop],u?c[i.opposite.prop]:i),f[9]=placementFrom(l[i.opposite.prop],s),f[10]=placementFrom(l[i.opposite.prop],s.isCenter?a:c.center),f[11]=placementFrom(l[i.opposite.prop],c[(s.opposite.isCenter?a.opposite:s.opposite).prop]),f=f.filter((function(e){return e.type===t.placement||t.possiblePlacements.includes(e.type)}))}return"center"===t.placement?new Placements([new v(c.center,c.center,e,t.layerDimensions,r)].concat(getListOfPlacements(t.preferY+"-"+t.preferX)),t,e):new Placements(getListOfPlacements(),t,e)};var e=Placements.prototype;return e.filterPlacementsBySide=function filterPlacementsBySide(e){return this.placements.filter((function(t){return t.primary===e}))},e.findFirstPlacementThatFits=function findFirstPlacementThatFits(){return this.placements.find((function(e){return e.fitsContainer}))},e.placementWithBiggestVisibleSurface=function placementWithBiggestVisibleSurface(){return this.placements.map((function(e){return{placement:e,surface:e.visibleSurface}})).sort((function(e,t){return t.surface-e.surface}))[0].placement},e.findSuitablePlacement=function findSuitablePlacement(){return this.config.auto?this.findFirstPlacementThatFits()||this.placementWithBiggestVisibleSurface():this.placements[0]},e.getSecondaryOffset=function getSecondaryOffset(e){var t=this.config,r=t.auto,n=t.snap;if(!r||n||e instanceof v)return 0;var o=this.filterPlacementsBySide(e.primary);if(0===o.indexOf(e)&&e.fitsContainer)return 0;var i=o.find((function(e){return!e.fitsContainer}));if(!i)return 0;var s=i.secondaryOffsetSide;if(!s)return 0;var a,u=e.getContainerOffsets(),l=e.secondary;return a=e.triggerIsBigger||i===e?s.isPush?-1:1:l===c.left||[c.top,c.center].includes(l)&&s.isPush?-1:1,u[s.prop]*a},e.getStyles=function getStyles(e,t,r,n){var o={willChange:"top, left, width, height"},i=function getArrowStyle(e,t,r){var n;if(t.primary.isCenter)return m;var o=e.layer,i=e.trigger,s=e.arrow,a=t.primary.oppositeSizeProp,u=i[a]>o[a],l=r+s[a]/2,c=o[a]-s[a]/2-r,f=function getNegativeOffsetBetweenLayerCenterAndTrigger(e,t,r){var n=e.layer,o=e.trigger,i=e.arrow,s=t.primary.oppositeSizeProp,a=t.primary.isHorizontal?["top","bottom"]:["left","right"],u=a[0],l=a[1],c=n[u]+n[s]/2-o[u]-i[s]/2-r,f=n[l]-n[s]/2-o[l]+i[s]/2+r;return(c<0?-c:0)+(f>0?-f:0)}(e,t,r),d=t.primary.prop,p=t.primary.oppositeCssProp,h=u?o[a]/2+f:i[p]+i[a]/2-o[p];return _extends({},m,((n={})[d]="100%",n[p]=limit(h,l,c),n))}(this.subjectsBounds.merge({layer:e}),t,this.config.arrowOffset);return{arrow:i,layer:this.config.overflowContainer?_extends({},o,{position:"fixed",top:e.top,left:e.left}):_extends({},o,{position:"absolute",top:e.top-this.subjectsBounds.parent.top+r.top-n.top,left:e.left-this.subjectsBounds.parent.left+r.left-n.left})}},e.getHasDisappeared=function getHasDisappeared(e){var t=this.config.overflowContainer?this.subjectsBounds.trigger:e,r=d.mergeSmallestSides(this.subjectsBounds.offsetsToScrollContainers(t,!0));return Object.entries(r.negativeSides).some((function(e){var r=e[0];return e[1]<=-t[l[r].sizeProp]}))?"full":r.allSidesArePositive?null:"partial"},e.result=function result(e,t){var r=this.findSuitablePlacement(),n=this.getSecondaryOffset(r),o=r.getLayerBounds(n);return{styles:this.getStyles(o,r,e,t),layerSide:r.primary.prop,placement:r,layerBounds:o,hasDisappeared:this.getHasDisappeared(o)}},Placements}(),b=function(){function SubjectsBounds(e,t){this.overflowContainer=void 0,this.trigger=void 0,this.layer=void 0,this.arrow=void 0,this.parent=void 0,this.window=void 0,this.scrollContainers=void 0,this.overflowContainer=t,Object.assign(this,e)}SubjectsBounds.create=function create(e,t,r,n,o,i,s,a){var u=h.fromWindow(e);return new SubjectsBounds({layer:h.fromElement(t,{environment:e,withTransform:!1}),trigger:a?h.create(boundsToObject(a())):h.fromElement(r),arrow:o?h.fromElement(o):h.empty(),parent:n?h.fromElement(n):u,window:u,scrollContainers:[u].concat(i.map((function(e){return h.fromElement(e,{withScrollbars:!1})})))},s)};var e=SubjectsBounds.prototype;return e.merge=function merge(e){return new SubjectsBounds(_extends({},this,e),this.overflowContainer)},e.offsetsToScrollContainers=function offsetsToScrollContainers(e,t){return void 0===t&&(t=!1),(this.overflowContainer&&!t?[this.window]:this.scrollContainers).map((function(t){return t.offsetsTo(e)}))},_createClass(SubjectsBounds,[{key:"layerOffsetsToScrollContainers",get:function get(){return this.offsetsToScrollContainers(this.layer)}},{key:"triggerHasBiggerWidth",get:function get(){return this.trigger.width>this.layer.width}},{key:"triggerHasBiggerHeight",get:function get(){return this.trigger.height>this.layer.height}}]),SubjectsBounds}(),w=null;var C={auto:!1,arrowOffset:0,containerOffset:10,triggerOffset:0,overflowContainer:!0,placement:"top-center",possiblePlacements:["bottom-start","bottom-end","bottom-center","top-start","top-center","top-end","left-end","left-center","left-start","right-end","right-center","right-start","center"],preferX:"right",preferY:"bottom",snap:!1,container:void 0,trigger:void 0};function useLayer(e){var t,r=e.isOpen,i=void 0!==r&&r,s=e.overflowContainer,a=void 0===s?C.overflowContainer:s,u=e.environment,l=void 0===u?"undefined"!=typeof window?window:void 0:u,c=e.ResizeObserver,f=e.placement,d=void 0===f?C.placement:f,p=e.possiblePlacements,h=void 0===p?C.possiblePlacements:p,g=e.preferX,v=void 0===g?C.preferX:g,m=e.preferY,O=void 0===m?C.preferY:m,P=e.auto,B=void 0===P?C.auto:P,E=e.snap,L=void 0===E?C.snap:E,T=e.triggerOffset,j=void 0===T?C.triggerOffset:T,k=e.containerOffset,_=void 0===k?C.containerOffset:k,R=e.arrowOffset,x=void 0===R?C.arrowOffset:R,H=e.container,A=void 0===H?C.container:H,z=e.layerDimensions,I=void 0===z?null:z,M=e.onDisappear,F=e.onOutsideClick,W=e.onParentClose,D=e.trigger,V=(0,n.useState)((function(){return{layerSide:"center"===d?"center":y.getSidesFromPlacementType(d)[0].prop,styles:{layer:{position:a?"fixed":"absolute",top:0,left:0},arrow:{position:"absolute",top:0,left:0}}}})),N=V[0],Y=V[1],G=(0,n.useRef)(null),X=function useLastState(e,t){var r=(0,n.useRef)(e);return t?(r.current=e,r):(r.current=null,r)}(N,i),Z=(0,n.useRef)({cancelled:!1});(0,n.useEffect)((function(){return function(){Z.current.cancelled=!0}}),[]);var J=(0,n.useCallback)((function handlePositioning(e,t,r){var n=e.arrow,o=e.layer,i=e.scrollContainers,s=e.trigger,u=i[0],c=b.create(l,o,s,u,n,i,a,null==D?void 0:D.getBounds),f={placement:d,possiblePlacements:h,auto:B,layerDimensions:I,arrowOffset:x,containerOffset:_,triggerOffset:j,preferX:v,preferY:O,snap:L,overflowContainer:a},p=y.create(c,f).result(t,r),g=p.hasDisappeared,m={layerSide:p.layerSide,styles:p.styles};if(!X.current||function didStateChange(e,t){if(e.layerSide!==t.layerSide)return!0;for(var r=0,n=["position","top","left","right","bottom"];r<n.length;r++){var o=n[r];if(e.styles.layer[o]!==t.styles.layer[o]||e.styles.arrow[o]!==t.styles.arrow[o])return!0}return!1}(X.current,m)){X.current=m,Z.current.cancelled=!0;var w={cancelled:!1};Z.current=w,Promise.resolve().then((function(){w.cancelled||Y(m)}))}isSet(g)&&isSet(M)&&M(g)}),[x,B,_,l,I,M,a,d,h,v,O,L,j,X,D]),U=useTrackElements({ResizeObserverPolyfill:c,environment:l,enabled:i,overflowContainer:a,onChange:J,triggerOption:D}),$=U.triggerRef,q=U.layerRef,K=U.arrowRef,Q=U.closestScrollContainer,ee=useGroup({isOpen:i,onOutsideClick:F,onParentClose:W}),te=ee.closeOnOutsideClickRefs,re=ee.registrations,ne={triggerProps:Boolean(D)?{}:{ref:mergeRefs($,te.trigger,G)},layerProps:{ref:mergeRefs(q,te.layer),style:N.styles.layer},arrowProps:{ref:K,style:N.styles.arrow,layerSide:N.layerSide},layerSide:N.layerSide,triggerBounds:i?D?D.getBounds():null==(t=G.current)?void 0:t.getBoundingClientRect():null,renderLayer:function renderLayer(e){return"undefined"!=typeof document?(0,o.createPortal)((0,n.createElement)(GroupProvider,{registrations:re,children:e}),a||!Q?function getContainerElement(e){var t;if("function"==typeof e){if(!((t=e())&&t instanceof HTMLElement))throw new Error("react-laag: You've passed a function to the 'container' prop, but it returned no valid HTMLElement")}else if(e instanceof HTMLElement)t=e;else if("string"==typeof e){if(!(t=document.getElementById(e)))throw new Error("react-laag: You've passed element with id '"+e+"' to the 'container' prop, but it returned no valid HTMLElement")}else{if(w instanceof HTMLElement)return w;(t=document.getElementById(S))||((t=document.createElement("div")).id=S,t.style.cssText="\n        position: absolute;\n        top: 0px;\n        left: 0px;\n        right: 0px;\n      ",document.body.appendChild(t))}return t}(A):Q):null}};return ne}var S="layers";var O=["size","angle","borderWidth","borderColor","roundness","backgroundColor","layerSide","style"];function getWidthBasedOnAngle(e,t){return Math.tan(e*(Math.PI/180))*t}function getViewBox(e,t,r,n){var o;return((o={}).bottom="0 "+-n+" "+t+" "+e,o.top="0 0 "+t+" "+(e+n),o.right=-n+" 0 "+e+" "+t,o.left="0 0 "+(e+n)+" "+t,o)[r.prop]}function getTrianglePath(e,t,r,n,o){var i,s,a,u=n/10*e*2,l=(i={},i.bottom=[0,e],i.top=[0,0],i.right=[e,t],i.left=[0,t],i)[r.prop].join(" "),c=r.isHorizontal?"V 0":"H "+t,f=t/2,d=t/2+getWidthBasedOnAngle(o,e/8),p=e/8,h=(s={},s.bottom=["C",d,p,f+u,0,f,0],s.top=["C",d,e-p,f+u,e,f,e],s.right=["C",p,t-d,0,f-u,0,f],s.left=["C",e-p,t-d,e,f-u,e,f],s)[r.prop].join(" "),g=t/2-getWidthBasedOnAngle(o,e/8),v=e/8;return["M",l,c,h,(a={},a.bottom=["C",f-u,0,g,v,l],a.top=["C",f-u,e,g,e-v,l],a.right=["C",0,f+u,v,t-g,l],a.left=["C",e,f+u,e-v,t-g,l],a)[r.prop].join(" ")].join(" ")}function getBorderMaskPath(e,t,r,n,o){var i=getWidthBasedOnAngle(o,r),s=n.isPush?[0,r]:[e,e-r],a=s[0],u=s[1];return n.isHorizontal?["M",a,r,"V",t-r,"L",u,t-r-i,"V",i+r,"Z"].join(" "):["M",r,a,"H",t-r,"L",t-r-i,u,"H",i+r,"Z"].join(" ")}var P,B=(0,n.forwardRef)((function Arrow(e,t){var r=e.size,o=void 0===r?8:r,i=e.angle,s=void 0===i?45:i,a=e.borderWidth,u=void 0===a?0:a,c=e.borderColor,f=void 0===c?"black":c,d=e.roundness,p=void 0===d?0:d,h=e.backgroundColor,g=void 0===h?"white":h,v=e.layerSide,m=void 0===v?"top":v,y=e.style,b=void 0===y?{}:y,w=function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,O);if("center"===m)return null;var C=l[m],S=o,P=2*getWidthBasedOnAngle(s,o),B=Math.max(S,P);return(0,n.createElement)("svg",_extends({ref:t},w,{style:_extends({},b,{transform:"translate"+(C.isHorizontal?"Y":"X")+"(-50%)"}),width:B,height:B,preserveAspectRatio:C.isPush?"xMinYMin":"xMaxYMax",viewBox:getViewBox(S,P,C,u)}),(0,n.createElement)("path",{fill:g,strokeWidth:u,stroke:f,d:getTrianglePath(S,P,C,p,s)}),(0,n.createElement)("path",{fill:g,d:getBorderMaskPath(S,P,u,C,s)}))}));function useHover(e){var t=void 0===e?{}:e,r=t.delayEnter,o=void 0===r?0:r,i=t.delayLeave,s=void 0===i?0:i,a=t.hideOnScroll,u=void 0===a||a,l=(0,n.useState)(!1),c=l[0],f=l[1],d=(0,n.useRef)(null),p=(0,n.useRef)(P.IDLE),h=(0,n.useRef)(!1),g=(0,n.useCallback)((function removeTimeout(){clearTimeout(d.current),d.current=null,p.current=P.IDLE}),[]);function onMouseLeave(e,t){if(p.current===P.ENTERING&&d.current&&g(),c){if(t)return f(!1),d.current=null,void(p.current=P.IDLE);p.current=P.LEAVING,d.current=window.setTimeout((function(){f(!1),d.current=null,p.current=P.IDLE}),s)}}return(0,n.useEffect)((function(){function onScroll(){c&&u&&(g(),f(!1))}return window.addEventListener("scroll",onScroll,!0),function(){window.removeEventListener("scroll",onScroll,!0),d.current&&clearTimeout(d.current)}}),[c,u,g]),[c,{onMouseEnter:function onMouseEnter(){p.current===P.LEAVING&&d.current&&g(),c||(p.current=P.ENTERING,d.current=window.setTimeout((function(){f(!0),d.current=null,p.current=P.IDLE}),o))},onMouseLeave,onTouchStart:function onTouchStart(){h.current=!1},onTouchMove:function onTouchMove(){h.current=!0},onTouchEnd:function onTouchEnd(){h.current||c||f(!0),h.current=!1}},function(){return onMouseLeave(0,!0)}]}!function(e){e[e.ENTERING=0]="ENTERING",e[e.LEAVING=1]="LEAVING",e[e.IDLE=2]="IDLE"}(P||(P={}))}}]);

package/build/umd/7124.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 7124.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7124,7933],{17628:(e,n,t)=>{"use strict";t.d(n,{V:()=>r});var r=function getIconOfTabGroup(e,n,t){var r="https://cdn.diva-portal.com/static/images/TabIcons/";if(n){if(n[e.toLowerCase()])return r+n[e.toLowerCase()];if(n[e])return r+n[e]}switch(e){case"StaticRoomList":return r+"room.svg";case"Planner":case"PRODUCTS":case"PROMOTED":return r+"planner.svg";case"Summary":return r+"summary.svg";case"Piede":case"pieds":case"Fuss":case"Fuß":case"Fu":case"Fsse":return r+"feet.svg";case"Testiera":case"tte de lit":case"Kopfteil":case"Headboard":return r+"bed_headboard.svg";case"materasso":case"matelas":case"Matratze":case"Matratze Zubehr":return r+"mattress.svg";case"dimensioni":case"dimension":case"Grsse":return r+"dimensions.svg";case"Topper":case"surmatelas":return r+"topper.svg";case"Telaio inferiore":case"box":case"Untergestell":case"Box/Untergestell":case"BoxUntergestell":case"Box  Bettrahmen":case"box  cadre de lit":case"Box":case"Box inkl Grsse":return r+"bed_underframe.svg";case"Visualizzazione":case"visualisation":case"Visualisierung":return r+"bed_visualization.svg";case"Rivestimento":case"tissu dco":case"Bezug":case"Stoff":return r+"upholstery.svg";case"Sitz":case"Sitztiefe":return r+"seat.svg";case"Armlehne":return r+"armrest.svg";case"ACCESSOIRES":return r+"additionalArticles.svg";case"Rcken":return r+"sofaBackrest.svg";case"Konfiguration":return r+"material_config.svg";case"Zustand":return r+"settings_suggest.svg"}}},37124:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>w});var r=t(80248),o=t(9420),a=(t(87363),t(47933)),s=t(93379),i=t.n(s),l=t(7795),c=t.n(l),d=t(90569),u=t.n(d),p=t(3565),b=t.n(p),m=t(19216),v=t.n(m),g=t(44589),x=t.n(g),f=t(66874),h={};h.styleTagTransform=x(),h.setAttributes=b(),h.insert=u().bind(null,"head"),h.domAPI=c(),h.insertStyleElement=v();i()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var k=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const w=(0,o.Pi)((function VerticalTabGroupItemFree(e){return(0,k.jsx)(a.default,_objectSpread(_objectSpread({},e),{},{wcVisitedStepClass:f.to,wcActiveStepClass:f.F1,verticalItemPoligonClass:f.Wb,wcStepIconClass:f.x3}))}))},47933:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>P});var r=t(65515),o=t.n(r),a=t(9420),s=t(57851),i=t(87363),l=t(88683),c=t(93379),d=t.n(c),u=t(7795),p=t.n(u),b=t(90569),m=t.n(b),v=t(3565),g=t.n(v),x=t(19216),f=t.n(x),h=t(44589),k=t.n(h),w=t(38027),y={};y.styleTagTransform=k(),y.setAttributes=g(),y.insert=m().bind(null,"head"),y.domAPI=p(),y.insertStyleElement=f();d()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var S=t(17628),C=t(47514);const P=(0,a.Pi)((function VerticalTabGroupItemStandard(e){var n,t=e.tabGroup,r=e.height,a=e.minHeight,c=void 0===a?80:a,d=e.isFirstItem,u=e.isLastItem,p=e.wcVisitedStepClass,b=void 0===p?w.to:p,m=e.wcActiveStepClass,v=void 0===m?w.F1:m,g=e.verticalItemPoligonClass,x=void 0===g?w.Wb:g,f=e.wcStepIconClass,h=void 0===f?w.x3:f,k=e.lastItemDiv,y=(0,s.NP)(),P=(0,l.useTranslation)().t,j=128,G=(0,i.useRef)(null),I=y.tabGroupState.curTabGroup;r<c&&(r=c),(0,i.useEffect)((function(){y.tabGroupState.setTabGroupItems(t.key,G.current)}),[G]);var O,V=t.posNr==(null==I?void 0:I.posNr),N=y.tabGroupAlreadyVisited(t)&&!(t.posNr==(null==I?void 0:I.posNr));O=d&&u?"0 "+r+", 0 0, "+j+" 0, "+j+" "+r+", 64 "+r:d?"0 "+(r-9)+", 0 0, "+j+" 0, "+j+" "+(r-9)+", 64 "+(r-1):u?"0 "+(r-1)+", 0 0, 64 8, "+j+" 0, "+j+" "+(r-1):"0 "+(r-9)+", 0 0, 64 8, "+j+" 0, "+j+" "+(r-9)+", 64 "+(r-1);var F=null!==(n=(0,S.V)(t.key,y.getViewConfig().tabGroupsIcons))&&void 0!==n?n:"",T=(0,C.jsxs)("div",{"data-test-id":"tabGroupItem",children:[(0,C.jsx)("div",{className:h,style:{WebkitMaskImage:"url("+F+")",maskImage:"url("+F+")"}}),(0,C.jsx)("span",{"data-test-id":"tabGroupItemTitle",children:P("configurator."+t.title,t.title)})]});return u&&k&&(T=k),(0,C.jsxs)("svg",{"data-test-id":"tabGroupItemSvg",viewBox:"0 0 128 "+r,ref:G,style:{height:r+"px",minHeight:c},onClick:function onClick(){return function onTabGroupClick(e){y.tabGroupState.navigateToTabgroupByPosNr(+e.posNr)}(t)},className:o()(w.x6,V?v:void 0,N?b:void 0),children:[(0,C.jsx)("polygon",{className:o()(x,V?v:void 0,N?b:void 0),points:O}),(0,C.jsx)("foreignObject",{width:"100%",height:"100%",style:{pointerEvents:"none"},children:(0,C.jsx)("span",{className:o()(w.xb,x,V?v:void 0,N?b:void 0),children:T})})]})}))},66874:(e,n,t)=>{"use strict";t.d(n,{F1:()=>l,Wb:()=>i,ZP:()=>u,to:()=>c,x3:()=>d});var r=t(8081),o=t.n(r),a=t(23645),s=t.n(a)()(o());s.push([e.id,".index-module--C6jFV {\n  fill: #f5f5f5;\n  stroke: #f5f5f5;\n}\n.index-module--C6jFV:hover {\n  stroke: #cca663;\n  stroke-width: 2px;\n}\n.index-module--C6jFV.index-module--DwweC {\n  stroke: #cca663;\n  color: #cca663;\n}\n.index-module--C6jFV.index-module--GAYpd {\n  color: #a1a1a1;\n}\n\n.index-module--C6jFV.index-module--DwweC:hover {\n  stroke: #d6b781;\n}\n\n.index-module--C6jFV:hover,\n.index-module--C6jFV.index-module--GAYpd:hover {\n  color: #e1e1e1;\n}\n\n.index-module--IXuqN {\n  display: block;\n  background-color: black;\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.index-module--DwweC .index-module--IXuqN {\n  background-color: #cca663;\n}\n.index-module--GAYpd .index-module--IXuqN {\n  background-color: #a1a1a1;\n}\n",""]);var i="index-module--C6jFV",l="index-module--DwweC",c="index-module--GAYpd",d="index-module--IXuqN";const u=s},38027:(e,n,t)=>{"use strict";t.d(n,{F1:()=>d,Wb:()=>c,ZP:()=>b,to:()=>u,x3:()=>p,x6:()=>i,xb:()=>l});var r=t(8081),o=t.n(r),a=t(23645),s=t.n(a)()(o());s.push([e.id,".index-module--zywLK {\n  font-size: 12px;\n  width: 100%;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  vertical-align: top;\n  zoom: 1;\n  box-sizing: content-box;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  color: #000;\n  color: var(--tabGroupStepVisitedFont, #000);\n}\n\n.index-module--q8ldY {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n  font-size: 12px;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  display: block;\n  width: 100%;\n}\n\n.index-module--_EcbQ {\n  fill: var(--thirdColor);\n  fill: var(--tabGroupStep, var(--thirdColor));\n}\n.index-module--_EcbQ.index-module--BPmSG {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n  color: white;\n}\n/* .verticalItemPoligon.wcVisitedStep {\n  border: #b1b1b1 1px solid;\n} */\n\n.index-module--_EcbQ.index-module--evPRd {\n  fill: #b1b1b1;\n  fill: var(--tabGroupStepVisited, #b1b1b1);\n}\n.index-module--_EcbQ.index-module--BPmSG:hover {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n}\n\n.index-module--_EcbQ:hover,\n.index-module--_EcbQ.index-module--evPRd:hover {\n  fill: #bbbbbb;\n  fill: var(--tabGroupStepHover, #bbbbbb);\n}\n\n.index-module--xqsj9 {\n  display: block;\n  background-color: #000;\n  background-color: var(--tabGroupStepVisitedFont, #000);\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.index-module--BPmSG .index-module--xqsj9 {\n  background-color: white;\n}\n",""]);var i="index-module--zywLK",l="index-module--q8ldY",c="index-module--_EcbQ",d="index-module--BPmSG",u="index-module--evPRd",p="index-module--xqsj9";const b=s},65515:(e,n)=>{var t;!function(){"use strict";var r={}.hasOwnProperty;function classNames(){for(var e="",n=0;n<arguments.length;n++){var t=arguments[n];t&&(e=appendClass(e,parseValue(t)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var t in e)r.call(e,t)&&e[t]&&(n=appendClass(n,t));return n}function appendClass(e,n){return n?e?e+" "+n:e+n:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7124,7933],{17628:(e,n,t)=>{"use strict";t.d(n,{V:()=>r});var r=function getIconOfTabGroup(e,n,t){var r="https://cdn.diva-portal.com/static/images/TabIcons/";if(n){if(n[e.toLowerCase()])return r+n[e.toLowerCase()];if(n[e])return r+n[e]}switch(e){case"StaticRoomList":return r+"room.svg";case"Planner":case"PRODUCTS":case"PROMOTED":return r+"planner.svg";case"Summary":return r+"summary.svg";case"Piede":case"pieds":case"Fuss":case"Fuß":case"Fu":case"Fsse":return r+"feet.svg";case"Testiera":case"tte de lit":case"Kopfteil":case"Headboard":return r+"bed_headboard.svg";case"materasso":case"matelas":case"Matratze":case"Matratze Zubehr":return r+"mattress.svg";case"dimensioni":case"dimension":case"Grsse":return r+"dimensions.svg";case"Topper":case"surmatelas":return r+"topper.svg";case"Telaio inferiore":case"box":case"Untergestell":case"Box/Untergestell":case"BoxUntergestell":case"Box  Bettrahmen":case"box  cadre de lit":case"Box":case"Box inkl Grsse":return r+"bed_underframe.svg";case"Visualizzazione":case"visualisation":case"Visualisierung":return r+"bed_visualization.svg";case"Rivestimento":case"tissu dco":case"Bezug":case"Stoff":return r+"upholstery.svg";case"Sitz":case"Sitztiefe":return r+"seat.svg";case"Armlehne":return r+"armrest.svg";case"ACCESSOIRES":return r+"additionalArticles.svg";case"Rcken":return r+"sofaBackrest.svg";case"Konfiguration":return r+"material_config.svg";case"Zustand":return r+"settings_suggest.svg"}}},37124:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>w});var r=t(80248),o=t(9420),a=(t(87363),t(47933)),s=t(93379),i=t.n(s),l=t(7795),c=t.n(l),d=t(90569),u=t.n(d),p=t(3565),b=t.n(p),m=t(19216),v=t.n(m),g=t(44589),x=t.n(g),f=t(66874),h={};h.styleTagTransform=x(),h.setAttributes=b(),h.insert=u().bind(null,"head"),h.domAPI=c(),h.insertStyleElement=v();i()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var k=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const w=(0,o.Pi)((function VerticalTabGroupItemFree(e){return(0,k.jsx)(a.default,_objectSpread(_objectSpread({},e),{},{wcVisitedStepClass:f.to,wcActiveStepClass:f.F1,verticalItemPoligonClass:f.Wb,wcStepIconClass:f.x3}))}))},47933:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>P});var r=t(65515),o=t.n(r),a=t(9420),s=t(57851),i=t(87363),l=t(88683),c=t(93379),d=t.n(c),u=t(7795),p=t.n(u),b=t(90569),m=t.n(b),v=t(3565),g=t.n(v),x=t(19216),f=t.n(x),h=t(44589),k=t.n(h),w=t(38027),y={};y.styleTagTransform=k(),y.setAttributes=g(),y.insert=m().bind(null,"head"),y.domAPI=p(),y.insertStyleElement=f();d()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var S=t(17628),C=t(47514);const P=(0,a.Pi)((function VerticalTabGroupItemStandard(e){var n,t=e.tabGroup,r=e.height,a=e.minHeight,c=void 0===a?80:a,d=e.isFirstItem,u=e.isLastItem,p=e.wcVisitedStepClass,b=void 0===p?w.to:p,m=e.wcActiveStepClass,v=void 0===m?w.F1:m,g=e.verticalItemPoligonClass,x=void 0===g?w.Wb:g,f=e.wcStepIconClass,h=void 0===f?w.x3:f,k=e.lastItemDiv,y=(0,s.NP)(),P=(0,l.useTranslation)().t,j=(0,i.useRef)(null),G=y.tabGroupState.curTabGroup;r<c&&(r=c),(0,i.useEffect)((function(){y.tabGroupState.setTabGroupItems(t.key,j.current)}),[j]);var I,O=t.posNr==(null==G?void 0:G.posNr),V=y.tabGroupAlreadyVisited(t)&&!(t.posNr==(null==G?void 0:G.posNr));I=d&&u?"0 "+r+", 0 0, "+"128 0, "+"128 "+r+", 64 "+r:d?"0 "+(r-9)+", 0 0, "+"128 0, "+"128 "+(r-9)+", 64 "+(r-1):u?"0 "+(r-1)+", 0 0, 64 8, "+"128 0, "+"128 "+(r-1):"0 "+(r-9)+", 0 0, 64 8, "+"128 0, "+"128 "+(r-9)+", 64 "+(r-1);var N=null!==(n=(0,S.V)(t.key,y.getViewConfig().tabGroupsIcons))&&void 0!==n?n:"",F=(0,C.jsxs)("div",{"data-test-id":"tabGroupItem",children:[(0,C.jsx)("div",{className:h,style:{WebkitMaskImage:"url("+N+")",maskImage:"url("+N+")"}}),(0,C.jsx)("span",{"data-test-id":"tabGroupItemTitle",children:P("configurator."+t.title,t.title)})]});return u&&k&&(F=k),(0,C.jsxs)("svg",{"data-test-id":"tabGroupItemSvg",viewBox:"0 0 128 "+r,ref:j,style:{height:r+"px",minHeight:c},onClick:function onClick(){return function onTabGroupClick(e){y.tabGroupState.navigateToTabgroupByPosNr(+e.posNr)}(t)},className:o()(w.x6,O?v:void 0,V?b:void 0),children:[(0,C.jsx)("polygon",{className:o()(x,O?v:void 0,V?b:void 0),points:I}),(0,C.jsx)("foreignObject",{width:"100%",height:"100%",style:{pointerEvents:"none"},children:(0,C.jsx)("span",{className:o()(w.xb,x,O?v:void 0,V?b:void 0),children:F})})]})}))},66874:(e,n,t)=>{"use strict";t.d(n,{F1:()=>l,Wb:()=>i,ZP:()=>u,to:()=>c,x3:()=>d});var r=t(8081),o=t.n(r),a=t(23645),s=t.n(a)()(o());s.push([e.id,".index-module--C6jFV {\n  fill: #f5f5f5;\n  stroke: #f5f5f5;\n}\n.index-module--C6jFV:hover {\n  stroke: #cca663;\n  stroke-width: 2px;\n}\n.index-module--C6jFV.index-module--DwweC {\n  stroke: #cca663;\n  color: #cca663;\n}\n.index-module--C6jFV.index-module--GAYpd {\n  color: #a1a1a1;\n}\n\n.index-module--C6jFV.index-module--DwweC:hover {\n  stroke: #d6b781;\n}\n\n.index-module--C6jFV:hover,\n.index-module--C6jFV.index-module--GAYpd:hover {\n  color: #e1e1e1;\n}\n\n.index-module--IXuqN {\n  display: block;\n  background-color: black;\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.index-module--DwweC .index-module--IXuqN {\n  background-color: #cca663;\n}\n.index-module--GAYpd .index-module--IXuqN {\n  background-color: #a1a1a1;\n}\n",""]);var i="index-module--C6jFV",l="index-module--DwweC",c="index-module--GAYpd",d="index-module--IXuqN";const u=s},38027:(e,n,t)=>{"use strict";t.d(n,{F1:()=>d,Wb:()=>c,ZP:()=>b,to:()=>u,x3:()=>p,x6:()=>i,xb:()=>l});var r=t(8081),o=t.n(r),a=t(23645),s=t.n(a)()(o());s.push([e.id,".index-module--zywLK {\n  font-size: 12px;\n  width: 100%;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  vertical-align: top;\n  zoom: 1;\n  box-sizing: content-box;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  color: #000;\n  color: var(--tabGroupStepVisitedFont, #000);\n}\n\n.index-module--q8ldY {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n  font-size: 12px;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  display: block;\n  width: 100%;\n}\n\n.index-module--_EcbQ {\n  fill: var(--thirdColor);\n  fill: var(--tabGroupStep, var(--thirdColor));\n}\n.index-module--_EcbQ.index-module--BPmSG {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n  color: white;\n}\n/* .verticalItemPoligon.wcVisitedStep {\n  border: #b1b1b1 1px solid;\n} */\n\n.index-module--_EcbQ.index-module--evPRd {\n  fill: #b1b1b1;\n  fill: var(--tabGroupStepVisited, #b1b1b1);\n}\n.index-module--_EcbQ.index-module--BPmSG:hover {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n}\n\n.index-module--_EcbQ:hover,\n.index-module--_EcbQ.index-module--evPRd:hover {\n  fill: #bbbbbb;\n  fill: var(--tabGroupStepHover, #bbbbbb);\n}\n\n.index-module--xqsj9 {\n  display: block;\n  background-color: #000;\n  background-color: var(--tabGroupStepVisitedFont, #000);\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.index-module--BPmSG .index-module--xqsj9 {\n  background-color: white;\n}\n",""]);var i="index-module--zywLK",l="index-module--q8ldY",c="index-module--_EcbQ",d="index-module--BPmSG",u="index-module--evPRd",p="index-module--xqsj9";const b=s},65515:(e,n)=>{var t;!function(){"use strict";var r={}.hasOwnProperty;function classNames(){for(var e="",n=0;n<arguments.length;n++){var t=arguments[n];t&&(e=appendClass(e,parseValue(t)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var t in e)r.call(e,t)&&e[t]&&(n=appendClass(n,t));return n}function appendClass(e,n){return n?e?e+" "+n:e+n:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()}}]);

package/build/umd/7757.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 7757.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7757],{58902:(e,t,n)=>{"use strict";n.d(t,{Z:()=>b});var o=n(80248),r=n(72874),a=n(87363),c=n.n(a),i=n(47514),s=n(34155);!function(){const e={STAGE:"production"};try{if(s)return s.env=Object.assign({},s.env),void Object.assign(s.env,e)}catch(e){}globalThis.process={env:e}}();var u="cube-face-obv-V";function clearTextSelection(){var e,t,n;if(window.getSelection)if(null!==(e=window.getSelection())&&void 0!==e&&e.empty)null===(n=window.getSelection())||void 0===n||n.empty();else if(null!==(t=window.getSelection())&&void 0!==t&&t.removeAllRanges){var o;null===(o=window.getSelection())||void 0===o||o.removeAllRanges()}}function ownKeys$3(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread$3(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys$3(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys$3(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function isNumericalObject(e){return"number"==typeof e[Object.keys(e)[0]]}!function styleInject(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===n&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}(":root {\n  --faceTransparency: 0.7;\n  --size: 120px;\n  --fontSize: 1.4rem;\n}\n\n.control-element-container-SW7qx,\n.control-element-container-SW7qx * {\n  box-sizing: border-box;\n  -moz-user-select: none;\n   -ms-user-select: none;\n       user-select: none;\n  -webkit-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-app-region: no-drag;\n  cursor: default;\n  opacity: 1;\n}\n\n.hidden-Tqm-e {\n  opacity: 0;\n  transition: opacity calc(var(--autoHideDuration) / 2);\n  transition-delay: calc(var(--autoHideDuration) / 2);\n}\n\n.control-element-container-SW7qx {\n  width: 100%;\n  height: 100%;\n  perspective: 400px;\n}\n\n.control-element-WF71u {\n  width: 120px;\n  width: var(--size);\n  height: 120px;\n  height: var(--size);\n  position: relative;\n  transform-style: preserve-3d;\n  transform: scale(var(--zoomFactor)) translateZ(-100px)\n    rotate3d(1, 0, 0, var(--rotX)) rotate3d(0, 1, 0, var(--rotY));\n}\n\n.control-element-WF71u .cube-face-obv-V {\n  outline: 1px solid transparent;\n}\n\n.cube-face-obv-V {\n  position: absolute;\n  width: 120px;\n  width: var(--size);\n  height: 120px;\n  height: var(--size);\n  border: 2px solid black;\n  line-height: 120px;\n  line-height: var(--size);\n  color: rgba(255, 255, 255, 0.4);\n  text-align: center;\n  text-transform: uppercase;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-family: sans-serif;\n  font-size: 1.4rem;\n  font-size: var(--fontSize);\n  transition: background 0.2s;\n}\n\n.cube-face-obv-V:hover {\n  --faceTransparency: 1;\n  cursor: pointer;\n}\n\n.cube-face-front-Frhsh {\n  background: rgba(0, 0, 0, 0.7);\n  background: rgba(0, 0, 0, var(--faceTransparency));\n  transform: rotateY(0deg) translateZ(calc(120px / 2));\n  transform: rotateY(0deg) translateZ(calc(var(--size) / 2));\n}\n.cube-face-right-LeBsy {\n  background: rgba(200, 200, 200, 0.7);\n  background: rgba(200, 200, 200, var(--faceTransparency));\n  transform: rotateY(90deg) translateZ(calc(120px / 2));\n  transform: rotateY(90deg) translateZ(calc(var(--size) / 2));\n}\n.cube-face-back-o1-8s {\n  background: rgba(0, 0, 0, 0.7);\n  background: rgba(0, 0, 0, var(--faceTransparency));\n  transform: rotateY(180deg) translateZ(calc(120px / 2));\n  transform: rotateY(180deg) translateZ(calc(var(--size) / 2));\n}\n.cube-face-left-DFZf- {\n  background: rgba(200, 200, 200, 0.7);\n  background: rgba(200, 200, 200, var(--faceTransparency));\n  transform: rotateY(-90deg) translateZ(calc(120px / 2));\n  transform: rotateY(-90deg) translateZ(calc(var(--size) / 2));\n}\n.cube-face-top-Hw8SM {\n  background: rgba(100, 100, 100, 0.7);\n  background: rgba(100, 100, 100, var(--faceTransparency));\n  transform: rotateX(90deg) translateZ(calc(120px / 2));\n  transform: rotateX(90deg) translateZ(calc(var(--size) / 2));\n}\n.cube-face-bottom-NYTq6 {\n  background: rgba(100, 100, 100, 0.7);\n  background: rgba(100, 100, 100, var(--faceTransparency));\n  transform: rotateX(-90deg) translateZ(calc(120px / 2));\n  transform: rotateX(-90deg) translateZ(calc(var(--size) / 2));\n}\n\n.rotate-icon-8ePmj {\n  --rotateIconSize: calc(var(--size) / 3);\n  position: absolute;\n  width: var(--rotateIconSize);\n}\n\n/* .rotate-icon img {\n  width: 100%;\n  height: auto;\n}\n\n.rotate-icon-horizontal {\n  top: calc(var(--size) / 2 * -1);\n  left: calc(50% - var(--rotateIconSize) / 2);\n  transform: translateZ(-100px) rotate3d(1, 0, 0, 50deg);\n}\n\n.rotate-icon-vertical {\n  top: calc(var(--size) / 2 - var(--rotateIconSize) / 2);\n  left: calc(var(--size) / 2 * -1);\n  transform: translateZ(-100px) rotate3d(0, 1, 0, 80deg);\n} */\n");const l={top:{rotX:-90,rotY:0},back:{rotX:0,rotY:180},left:{rotX:0,rotY:90},right:{rotX:0,rotY:270},front:{rotX:0,rotY:0}};function animateToRotation({targetRotation:e,currentRotation:t,onRotationChange:n,onRotationEnd:o}){!function animateObjectValues({to:e,from:t,duration:n,onAnimate:o,onAnimationEnd:r=()=>{}}){if(!isNumericalObject(e)||!isNumericalObject(t))return;const a=Object.keys(e).reduce(((n,o)=>{const r=e[o]-t[o];return _objectSpread$3(_objectSpread$3({},n),{},{[o]:r})}),{}),c=Object.keys(e).reduce(((e,t)=>{const o=a[t]/n;return _objectSpread$3(_objectSpread$3({},e),{},{[t]:o})}),{});let i=0,s=!1;const animate=(a=Date.now())=>{i||(i=a);const u=a-i,l=Object.keys(e).reduce(((e,n)=>{let o=t[n]+c[n]*u;return _objectSpread$3(_objectSpread$3({},e),{},{[n]:o})}),{});o(l),u<n&&!s?window.setTimeout((()=>animate()),1e3/60):(o(e),r(e))};return animate(),()=>{s=!0}}({from:t,to:e,duration:500,onAnimate:n,onAnimationEnd:o})}function rotateToCubeSide({side:e,currentRotation:t,onRotationChange:n,onRotationEnd:o}){animateToRotation({currentRotation:t,onRotationChange:n,onRotationEnd:o,targetRotation:l[e]})}function ownKeys$2(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread$2(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys$2(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys$2(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function normalizeRotationFormat(e){return function isInvertedRotation(e){return void 0!==e.horizontal}(e)?function convertFromInverted(e){return{rotY:e.horizontal,rotX:-1*e.vertical}}(e):e}function toCubeRotation(e){return _objectSpread$2(_objectSpread$2({},e),function convertToInverted(e){return{horizontal:e.rotY,vertical:-1*e.rotX}}(e))}function sanitizeRotation({rotX:e,rotY:t}){let n=e,o=t;return n>0&&(n=0),n<-90&&(n=-90),o>360&&(o-=360),o<0&&(o=360+o),{rotX:n,rotY:o}}function calculateElementRotation({startPos:e,currentPos:t,elemWidth:n}){const o=function calcAngleDegrees({x:e,y:t}){return 180*Math.atan2(t,e)/Math.PI}({x:e.x-t.x,y:e.y-t.y}),r=Math.sqrt((e.x-t.x)**2+(e.y-t.y)**2),a=210/n*r;let c=0,i=0,s="+x";return o<45&&o>=-45&&(i=-1*a,s="-y"),o<-45&&o>=-135&&(c=-1*a,s="-x"),(o<-135&&o>=-180||o>=135&&o<=180)&&(i=a,s="+y"),o>=45&&o<135&&(c=a,s="+x"),{rotX:c,rotY:i,quadrant:s}}function normalizePointerEvent(e){if(function isTouchEvent(e){return!!e.touches}(e)){const t=e.touches.item(0)||e.changedTouches.item(0);return t||{clientX:0,clientY:0,target:null}}return e}function ownKeys$1(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread$1(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys$1(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys$1(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function calcTwoFingerDistance(e){return Math.hypot(e.touches[0].pageX-e.touches[1].pageX,e.touches[0].pageY-e.touches[1].pageY)}function usePinch({interactionElement:e,interactionMoveElement:t=document.body,minZoom:n=-10,maxZoom:o=10,onZoomEnd:r=()=>{},zoomFactorResetDelay:c=500,maxCssScale:i=3,minCssScale:s=0,disableDefaultScrollBehaviour:u}){const[l,d]=(0,a.useState)({absoluteZoom:0,relativeZoom:0}),[b,m]=(0,a.useState)(!1),validateZoomFactor=e=>{let t=e;return t=Math.min(o,t),t=Math.max(n,t),t};function resetRelativeZoom(){window.setTimeout((()=>{d((e=>_objectSpread$1(_objectSpread$1({},e),{},{relativeZoom:0})))}),c)}(0,a.useEffect)((()=>{let n=!1;if(!e||!t)return;const pxToZoomFactor=t=>{const{width:n}=e.getBoundingClientRect();return 5/n*t};let o;function onZoomEndEvent(){d((e=>{let t=validateZoomFactor(e.absoluteZoom+e.relativeZoom);return t=function snapZoomValue(e){return.5*Math.round(e/.5)}(t),0!==e.relativeZoom&&window.requestAnimationFrame((()=>{o&&r({relativeZoom:e.relativeZoom,absoluteZoom:t,zoomCenter:o})})),_objectSpread$1(_objectSpread$1({},e),{},{absoluteZoom:t})})),n||resetRelativeZoom()}let a,c=0;function onTouchStart(t){clearTextSelection(),2===t.touches.length?(c=calcTwoFingerDistance(t),e&&(o=function calcTwoFingerCenter(e,t){const{top:n,left:o}=t.getBoundingClientRect();return{x:(e.touches[0].pageX+e.touches[1].pageX)/2-o,y:(e.touches[0].pageY+e.touches[1].pageY)/2-n}}(t,e))):c=0,u&&t.preventDefault()}function onTouchMove(e){if(!c)return;m(!0);const t=calcTwoFingerDistance(e),n=t-c;c=t,d((e=>{const t=validateZoomFactor(e.relativeZoom+pxToZoomFactor(n));return _objectSpread$1(_objectSpread$1({},e),{},{relativeZoom:t})}))}function onTouchEnd(e){e.touches.length<2&&(c=0,m(!1),onZoomEndEvent())}function onMouseWheel(t){if(!e)return;u&&t.preventDefault(),m(!0),void 0!==a&&window.clearTimeout(a),a=window.setTimeout((()=>{n||(m(!1),onZoomEndEvent())}),400);const r=-1*t.deltaY,{top:c,left:i}=e.getBoundingClientRect();o={x:t.pageX-i,y:t.pageY-c},d((e=>{const t=validateZoomFactor(e.relativeZoom+pxToZoomFactor(r));return _objectSpread$1(_objectSpread$1({},e),{},{relativeZoom:t})}))}return t.addEventListener("touchmove",onTouchMove),e.addEventListener("touchstart",onTouchStart),t.addEventListener("touchend",onTouchEnd),e.addEventListener("wheel",onMouseWheel),()=>{n=!0,t.removeEventListener("touchmove",onTouchMove),e.removeEventListener("touchstart",onTouchStart),t.removeEventListener("touchend",onTouchEnd),e.removeEventListener("wheel",onMouseWheel)}}),[e,n,o,t,c,u]);return{zoom:_objectSpread$1(_objectSpread$1({},l),{},{relativeZoomCssScaleFactor:(e=>{let t=1;return t=e<0?1-Math.abs(e/n):e/o*(i-1)+1,Math.max(t,s)})(l.relativeZoom)}),isPinching:b,setAbsoluteZoomFromOutside:function setAbsoluteZoomFromOutside(t){const n=validateZoomFactor(t);d((t=>{const o=null==e?void 0:e.getBoundingClientRect(),a=o?o.width/2:0,c=o?o.height/2:0;return window.requestAnimationFrame((()=>{r({relativeZoom:0,absoluteZoom:n,zoomCenter:{x:a,y:c}}),resetRelativeZoom()})),_objectSpread$1(_objectSpread$1({},t),{},{relativeZoom:n-t.absoluteZoom,absoluteZoom:n})}))}}}const d=["hiddenState","interactionElement","interactionMoveElement","size","onRotationChange","onZoomChange","classnames","initialRotation","cubeFaceChildren","autoHide"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const b=c().forwardRef(((e,t)=>{let{hiddenState:n,interactionElement:o=document.body,interactionMoveElement:c=document.body,size:s="130px",onRotationChange:l=()=>{},onZoomChange:b=()=>{},classnames:m,initialRotation:p={rotX:0,rotY:0},cubeFaceChildren:f={back:"hinten",bottom:"",front:"vorne",left:"links",right:"rechts",top:"oben"},autoHide:v}=e,h=(0,r.Z)(e,d);const[g,y]=(0,a.useState)(sanitizeRotation(normalizeRotationFormat(p))),[j,w]=(0,a.useState)(0),onRotationEndCallback=e=>{y(e),l(toCubeRotation(e))},{zoom:S,isPinching:O,setAbsoluteZoomFromOutside:E}=usePinch(_objectSpread({interactionElement:o,interactionMoveElement:c,onZoomEnd:b},h));(0,a.useImperativeHandle)(t,(()=>({getAbsoluteZoom:()=>S.absoluteZoom,setZoom:E,rotateTo:e=>{const t=normalizeRotationFormat(e);e.smooth?animateToRotation({currentRotation:g,onRotationChange:y,onRotationEnd:onRotationEndCallback,targetRotation:t}):onRotationEndCallback(t)}})),[g,y,S]);const R=void 0!==v,[x,Z]=null!=n?n:(0,a.useState)(R),C=(0,a.useCallback)((()=>{rotateToCubeSide({currentRotation:g,onRotationChange:y,side:"back",onRotationEnd:onRotationEndCallback})}),[g,y]),T=(0,a.useCallback)((()=>{rotateToCubeSide({currentRotation:g,onRotationChange:y,side:"front",onRotationEnd:onRotationEndCallback})}),[g,y]),$=(0,a.useCallback)((()=>{rotateToCubeSide({currentRotation:g,onRotationChange:y,side:"left",onRotationEnd:onRotationEndCallback})}),[g,y]),z=(0,a.useCallback)((()=>{rotateToCubeSide({currentRotation:g,onRotationChange:y,side:"right",onRotationEnd:onRotationEndCallback})}),[g,y]),k=(0,a.useCallback)((()=>{rotateToCubeSide({currentRotation:g,onRotationChange:y,side:"top",onRotationEnd:onRotationEndCallback})}),[g,y]);(0,a.useEffect)((()=>{if(O)return void Z(!1);if(Z(!0),!o||!c)return;let e,t=!1;const{width:n}=o.getBoundingClientRect(),onPointerDown=n=>{clearTextSelection(),t=!0,Z(!1);const o=normalizePointerEvent(n);e=o},onPointerMove=o=>{t&&Z(!1);const r=normalizePointerEvent(o);if(e){const t=calculateElementRotation({startPos:{x:e.clientX,y:e.clientY},currentPos:{x:r.clientX,y:r.clientY},elemWidth:n});e=r,y((e=>{const n=sanitizeRotation({rotX:e.rotX+t.rotX,rotY:e.rotY+t.rotY});return _objectSpread(_objectSpread({},t),n)}))}},onInteractionEnd=n=>{t&&(Z(!0),e=void 0,y((e=>{const t=function snapRotation({rotX:e,rotY:t}){return{rotX:5*Math.round(e/5),rotY:5*Math.round(t/5)}}(e);let n=_objectSpread(_objectSpread({},e),t);return window.requestAnimationFrame((()=>{const e=toCubeRotation(n);l(e)})),n}))),t=!1};return o.addEventListener("touchstart",onPointerDown),o.addEventListener("mousedown",onPointerDown),c.addEventListener("touchmove",onPointerMove),c.addEventListener("mousemove",onPointerMove),c.addEventListener("touchend",onInteractionEnd),c.addEventListener("mouseup",onInteractionEnd),()=>{setTimeout((()=>{o.removeEventListener("touchstart",onPointerDown),o.removeEventListener("mousedown",onPointerDown),c.removeEventListener("touchmove",onPointerMove),c.removeEventListener("touchend",onInteractionEnd),c.removeEventListener("mousemove",onPointerMove),c.removeEventListener("mouseup",onInteractionEnd)}),0)}}),[o,c,O]);const P=(0,a.useCallback)((()=>{Z(!1)}),[Z]),F=(0,a.useCallback)((()=>{Z(!0)}),[Z]);return(0,i.jsx)("div",{className:"control-element-container-SW7qx"+(x&&R?" hidden-Tqm-e":""),style:{"--size":s,"--zoomFactor":S.relativeZoomCssScaleFactor,"--rotY":`${g.rotY}deg`,"--rotX":`${g.rotX}deg`,"--fontSize":j/4.4+"px","--autoHideDuration":(null!=v?v:0)/1e3+"s"},onMouseEnter:P,onMouseLeave:F,children:(0,i.jsxs)("div",{className:"control-element-WF71u",children:[(0,i.jsx)("div",{onClick:T,className:`${u} cube-face-front-Frhsh ${null==m?void 0:m.cubeFace} ${null==m?void 0:m.cubeFaceFront}`,ref:e=>{if(e&&0===j){const{height:t}=e.getBoundingClientRect();w(t)}},children:f.front}),(0,i.jsx)("div",{onClick:C,className:`${u} cube-face-back-o1-8s ${null==m?void 0:m.cubeFace} ${null==m?void 0:m.cubeFaceBack}`,children:f.back}),(0,i.jsx)("div",{onClick:z,className:`${u} cube-face-right-LeBsy ${null==m?void 0:m.cubeFace} ${null==m?void 0:m.cubeFaceRight}`,children:f.right}),(0,i.jsx)("div",{onClick:$,className:`${u} cube-face-left-DFZf- ${null==m?void 0:m.cubeFace} ${null==m?void 0:m.cubeFaceLeft}`,children:f.left}),(0,i.jsx)("div",{onClick:k,className:`${u} cube-face-top-Hw8SM ${null==m?void 0:m.cubeFace} ${null==m?void 0:m.cubeFaceTop}`,children:f.top}),(0,i.jsx)("div",{className:`${u} cube-face-bottom-NYTq6 ${null==m?void 0:m.cubeFace} ${null==m?void 0:m.cubeFaceBottom}`,children:f.bottom})]})})}))},65515:(e,t)=>{var n;!function(){"use strict";var o={}.hasOwnProperty;function classNames(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=appendClass(e,parseValue(n)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)o.call(e,n)&&e[n]&&(t=appendClass(t,n));return t}function appendClass(e,t){return t?e?e+" "+t:e+t:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(n=function(){return classNames}.apply(t,[]))||(e.exports=n)}()}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7757],{58902:(e,t,n)=>{"use strict";n.d(t,{Z:()=>b});var o=n(80248),r=n(72874),a=n(87363),c=n.n(a),i=n(47514),s=n(34155);!function(){const e={STAGE:"production"};try{if(s)return s.env=Object.assign({},s.env),void Object.assign(s.env,e)}catch(e){}globalThis.process={env:e}}();var u="cube-face-obv-V";function clearTextSelection(){var e,t,n;if(window.getSelection)if(null!==(e=window.getSelection())&&void 0!==e&&e.empty)null===(n=window.getSelection())||void 0===n||n.empty();else if(null!==(t=window.getSelection())&&void 0!==t&&t.removeAllRanges){var o;null===(o=window.getSelection())||void 0===o||o.removeAllRanges()}}function ownKeys$3(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread$3(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys$3(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys$3(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function isNumericalObject(e){return"number"==typeof e[Object.keys(e)[0]]}!function styleInject(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===n&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}(":root {\n  --faceTransparency: 0.7;\n  --size: 120px;\n  --fontSize: 1.4rem;\n}\n\n.control-element-container-SW7qx,\n.control-element-container-SW7qx * {\n  box-sizing: border-box;\n  -moz-user-select: none;\n   -ms-user-select: none;\n       user-select: none;\n  -webkit-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-app-region: no-drag;\n  cursor: default;\n  opacity: 1;\n}\n\n.hidden-Tqm-e {\n  opacity: 0;\n  transition: opacity calc(var(--autoHideDuration) / 2);\n  transition-delay: calc(var(--autoHideDuration) / 2);\n}\n\n.control-element-container-SW7qx {\n  width: 100%;\n  height: 100%;\n  perspective: 400px;\n}\n\n.control-element-WF71u {\n  width: 120px;\n  width: var(--size);\n  height: 120px;\n  height: var(--size);\n  position: relative;\n  transform-style: preserve-3d;\n  transform: scale(var(--zoomFactor)) translateZ(-100px)\n    rotate3d(1, 0, 0, var(--rotX)) rotate3d(0, 1, 0, var(--rotY));\n}\n\n.control-element-WF71u .cube-face-obv-V {\n  outline: 1px solid transparent;\n}\n\n.cube-face-obv-V {\n  position: absolute;\n  width: 120px;\n  width: var(--size);\n  height: 120px;\n  height: var(--size);\n  border: 2px solid black;\n  line-height: 120px;\n  line-height: var(--size);\n  color: rgba(255, 255, 255, 0.4);\n  text-align: center;\n  text-transform: uppercase;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-family: sans-serif;\n  font-size: 1.4rem;\n  font-size: var(--fontSize);\n  transition: background 0.2s;\n}\n\n.cube-face-obv-V:hover {\n  --faceTransparency: 1;\n  cursor: pointer;\n}\n\n.cube-face-front-Frhsh {\n  background: rgba(0, 0, 0, 0.7);\n  background: rgba(0, 0, 0, var(--faceTransparency));\n  transform: rotateY(0deg) translateZ(calc(120px / 2));\n  transform: rotateY(0deg) translateZ(calc(var(--size) / 2));\n}\n.cube-face-right-LeBsy {\n  background: rgba(200, 200, 200, 0.7);\n  background: rgba(200, 200, 200, var(--faceTransparency));\n  transform: rotateY(90deg) translateZ(calc(120px / 2));\n  transform: rotateY(90deg) translateZ(calc(var(--size) / 2));\n}\n.cube-face-back-o1-8s {\n  background: rgba(0, 0, 0, 0.7);\n  background: rgba(0, 0, 0, var(--faceTransparency));\n  transform: rotateY(180deg) translateZ(calc(120px / 2));\n  transform: rotateY(180deg) translateZ(calc(var(--size) / 2));\n}\n.cube-face-left-DFZf- {\n  background: rgba(200, 200, 200, 0.7);\n  background: rgba(200, 200, 200, var(--faceTransparency));\n  transform: rotateY(-90deg) translateZ(calc(120px / 2));\n  transform: rotateY(-90deg) translateZ(calc(var(--size) / 2));\n}\n.cube-face-top-Hw8SM {\n  background: rgba(100, 100, 100, 0.7);\n  background: rgba(100, 100, 100, var(--faceTransparency));\n  transform: rotateX(90deg) translateZ(calc(120px / 2));\n  transform: rotateX(90deg) translateZ(calc(var(--size) / 2));\n}\n.cube-face-bottom-NYTq6 {\n  background: rgba(100, 100, 100, 0.7);\n  background: rgba(100, 100, 100, var(--faceTransparency));\n  transform: rotateX(-90deg) translateZ(calc(120px / 2));\n  transform: rotateX(-90deg) translateZ(calc(var(--size) / 2));\n}\n\n.rotate-icon-8ePmj {\n  --rotateIconSize: calc(var(--size) / 3);\n  position: absolute;\n  width: var(--rotateIconSize);\n}\n\n/* .rotate-icon img {\n  width: 100%;\n  height: auto;\n}\n\n.rotate-icon-horizontal {\n  top: calc(var(--size) / 2 * -1);\n  left: calc(50% - var(--rotateIconSize) / 2);\n  transform: translateZ(-100px) rotate3d(1, 0, 0, 50deg);\n}\n\n.rotate-icon-vertical {\n  top: calc(var(--size) / 2 - var(--rotateIconSize) / 2);\n  left: calc(var(--size) / 2 * -1);\n  transform: translateZ(-100px) rotate3d(0, 1, 0, 80deg);\n} */\n");const l={top:{rotX:-90,rotY:0},back:{rotX:0,rotY:180},left:{rotX:0,rotY:90},right:{rotX:0,rotY:270},front:{rotX:0,rotY:0}};function animateToRotation({targetRotation:e,currentRotation:t,onRotationChange:n,onRotationEnd:o}){!function animateObjectValues({to:e,from:t,duration:n,onAnimate:o,onAnimationEnd:r=(()=>{})}){if(!isNumericalObject(e)||!isNumericalObject(t))return;const a=Object.keys(e).reduce(((n,o)=>{const r=e[o]-t[o];return _objectSpread$3(_objectSpread$3({},n),{},{[o]:r})}),{}),c=Object.keys(e).reduce(((e,t)=>{const o=a[t]/n;return _objectSpread$3(_objectSpread$3({},e),{},{[t]:o})}),{});let i=0,s=!1;const animate=(a=Date.now())=>{i||(i=a);const u=a-i,l=Object.keys(e).reduce(((e,n)=>{let o=t[n]+c[n]*u;return _objectSpread$3(_objectSpread$3({},e),{},{[n]:o})}),{});o(l),u<n&&!s?window.setTimeout((()=>animate()),1e3/60):(o(e),r(e))};return animate(),()=>{s=!0}}({from:t,to:e,duration:500,onAnimate:n,onAnimationEnd:o})}function rotateToCubeSide({side:e,currentRotation:t,onRotationChange:n,onRotationEnd:o}){animateToRotation({currentRotation:t,onRotationChange:n,onRotationEnd:o,targetRotation:l[e]})}function ownKeys$2(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread$2(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys$2(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys$2(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function normalizeRotationFormat(e){return function isInvertedRotation(e){return void 0!==e.horizontal}(e)?function convertFromInverted(e){return{rotY:e.horizontal,rotX:-1*e.vertical}}(e):e}function toCubeRotation(e){return _objectSpread$2(_objectSpread$2({},e),function convertToInverted(e){return{horizontal:e.rotY,vertical:-1*e.rotX}}(e))}function sanitizeRotation({rotX:e,rotY:t}){let n=e,o=t;return n>0&&(n=0),n<-90&&(n=-90),o>360&&(o-=360),o<0&&(o=360+o),{rotX:n,rotY:o}}function calculateElementRotation({startPos:e,currentPos:t,elemWidth:n}){const o=function calcAngleDegrees({x:e,y:t}){return 180*Math.atan2(t,e)/Math.PI}({x:e.x-t.x,y:e.y-t.y}),r=Math.sqrt((e.x-t.x)**2+(e.y-t.y)**2),a=210/n*r;let c=0,i=0,s="+x";return o<45&&o>=-45&&(i=-1*a,s="-y"),o<-45&&o>=-135&&(c=-1*a,s="-x"),(o<-135&&o>=-180||o>=135&&o<=180)&&(i=a,s="+y"),o>=45&&o<135&&(c=a,s="+x"),{rotX:c,rotY:i,quadrant:s}}function normalizePointerEvent(e){if(function isTouchEvent(e){return!!e.touches}(e)){const t=e.touches.item(0)||e.changedTouches.item(0);return t||{clientX:0,clientY:0,target:null}}return e}function ownKeys$1(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread$1(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys$1(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys$1(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function calcTwoFingerDistance(e){return Math.hypot(e.touches[0].pageX-e.touches[1].pageX,e.touches[0].pageY-e.touches[1].pageY)}function usePinch({interactionElement:e,interactionMoveElement:t=document.body,minZoom:n=-10,maxZoom:o=10,onZoomEnd:r=(()=>{}),zoomFactorResetDelay:c=500,maxCssScale:i=3,minCssScale:s=0,disableDefaultScrollBehaviour:u}){const[l,d]=(0,a.useState)({absoluteZoom:0,relativeZoom:0}),[b,m]=(0,a.useState)(!1),validateZoomFactor=e=>{let t=e;return t=Math.min(o,t),t=Math.max(n,t),t};function resetRelativeZoom(){window.setTimeout((()=>{d((e=>_objectSpread$1(_objectSpread$1({},e),{},{relativeZoom:0})))}),c)}(0,a.useEffect)((()=>{let n=!1;if(!e||!t)return;const pxToZoomFactor=t=>{const{width:n}=e.getBoundingClientRect();return 5/n*t};let o;function onZoomEndEvent(){d((e=>{let t=validateZoomFactor(e.absoluteZoom+e.relativeZoom);return t=function snapZoomValue(e){return.5*Math.round(e/.5)}(t),0!==e.relativeZoom&&window.requestAnimationFrame((()=>{o&&r({relativeZoom:e.relativeZoom,absoluteZoom:t,zoomCenter:o})})),_objectSpread$1(_objectSpread$1({},e),{},{absoluteZoom:t})})),n||resetRelativeZoom()}let a,c=0;function onTouchStart(t){clearTextSelection(),2===t.touches.length?(c=calcTwoFingerDistance(t),e&&(o=function calcTwoFingerCenter(e,t){const{top:n,left:o}=t.getBoundingClientRect();return{x:(e.touches[0].pageX+e.touches[1].pageX)/2-o,y:(e.touches[0].pageY+e.touches[1].pageY)/2-n}}(t,e))):c=0,u&&t.preventDefault()}function onTouchMove(e){if(!c)return;m(!0);const t=calcTwoFingerDistance(e),n=t-c;c=t,d((e=>{const t=validateZoomFactor(e.relativeZoom+pxToZoomFactor(n));return _objectSpread$1(_objectSpread$1({},e),{},{relativeZoom:t})}))}function onTouchEnd(e){e.touches.length<2&&(c=0,m(!1),onZoomEndEvent())}function onMouseWheel(t){if(!e)return;u&&t.preventDefault(),m(!0),void 0!==a&&window.clearTimeout(a),a=window.setTimeout((()=>{n||(m(!1),onZoomEndEvent())}),400);const r=-1*t.deltaY,{top:c,left:i}=e.getBoundingClientRect();o={x:t.pageX-i,y:t.pageY-c},d((e=>{const t=validateZoomFactor(e.relativeZoom+pxToZoomFactor(r));return _objectSpread$1(_objectSpread$1({},e),{},{relativeZoom:t})}))}return t.addEventListener("touchmove",onTouchMove),e.addEventListener("touchstart",onTouchStart),t.addEventListener("touchend",onTouchEnd),e.addEventListener("wheel",onMouseWheel),()=>{n=!0,t.removeEventListener("touchmove",onTouchMove),e.removeEventListener("touchstart",onTouchStart),t.removeEventListener("touchend",onTouchEnd),e.removeEventListener("wheel",onMouseWheel)}}),[e,n,o,t,c,u]);return{zoom:_objectSpread$1(_objectSpread$1({},l),{},{relativeZoomCssScaleFactor:(e=>{let t=1;return t=e<0?1-Math.abs(e/n):e/o*(i-1)+1,Math.max(t,s)})(l.relativeZoom)}),isPinching:b,setAbsoluteZoomFromOutside:function setAbsoluteZoomFromOutside(t){const n=validateZoomFactor(t);d((t=>{const o=null==e?void 0:e.getBoundingClientRect(),a=o?o.width/2:0,c=o?o.height/2:0;return window.requestAnimationFrame((()=>{r({relativeZoom:0,absoluteZoom:n,zoomCenter:{x:a,y:c}}),resetRelativeZoom()})),_objectSpread$1(_objectSpread$1({},t),{},{relativeZoom:n-t.absoluteZoom,absoluteZoom:n})}))}}}const d=["hiddenState","interactionElement","interactionMoveElement","size","onRotationChange","onZoomChange","classnames","initialRotation","cubeFaceChildren","autoHide"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const b=c().forwardRef(((e,t)=>{let{hiddenState:n,interactionElement:o=document.body,interactionMoveElement:c=document.body,size:s="130px",onRotationChange:l=(()=>{}),onZoomChange:b=(()=>{}),classnames:m,initialRotation:p={rotX:0,rotY:0},cubeFaceChildren:f={back:"hinten",bottom:"",front:"vorne",left:"links",right:"rechts",top:"oben"},autoHide:v}=e,h=(0,r.Z)(e,d);const[g,y]=(0,a.useState)(sanitizeRotation(normalizeRotationFormat(p))),[j,w]=(0,a.useState)(0),onRotationEndCallback=e=>{y(e),l(toCubeRotation(e))},{zoom:S,isPinching:O,setAbsoluteZoomFromOutside:E}=usePinch(_objectSpread({interactionElement:o,interactionMoveElement:c,onZoomEnd:b},h));(0,a.useImperativeHandle)(t,(()=>({getAbsoluteZoom:()=>S.absoluteZoom,setZoom:E,rotateTo:e=>{const t=normalizeRotationFormat(e);e.smooth?animateToRotation({currentRotation:g,onRotationChange:y,onRotationEnd:onRotationEndCallback,targetRotation:t}):onRotationEndCallback(t)}})),[g,y,S]);const R=void 0!==v,[x,Z]=null!=n?n:(0,a.useState)(R),C=(0,a.useCallback)((()=>{rotateToCubeSide({currentRotation:g,onRotationChange:y,side:"back",onRotationEnd:onRotationEndCallback})}),[g,y]),T=(0,a.useCallback)((()=>{rotateToCubeSide({currentRotation:g,onRotationChange:y,side:"front",onRotationEnd:onRotationEndCallback})}),[g,y]),$=(0,a.useCallback)((()=>{rotateToCubeSide({currentRotation:g,onRotationChange:y,side:"left",onRotationEnd:onRotationEndCallback})}),[g,y]),z=(0,a.useCallback)((()=>{rotateToCubeSide({currentRotation:g,onRotationChange:y,side:"right",onRotationEnd:onRotationEndCallback})}),[g,y]),k=(0,a.useCallback)((()=>{rotateToCubeSide({currentRotation:g,onRotationChange:y,side:"top",onRotationEnd:onRotationEndCallback})}),[g,y]);(0,a.useEffect)((()=>{if(O)return void Z(!1);if(Z(!0),!o||!c)return;let e,t=!1;const{width:n}=o.getBoundingClientRect(),onPointerDown=n=>{clearTextSelection(),t=!0,Z(!1);const o=normalizePointerEvent(n);e=o},onPointerMove=o=>{t&&Z(!1);const r=normalizePointerEvent(o);if(e){const t=calculateElementRotation({startPos:{x:e.clientX,y:e.clientY},currentPos:{x:r.clientX,y:r.clientY},elemWidth:n});e=r,y((e=>{const n=sanitizeRotation({rotX:e.rotX+t.rotX,rotY:e.rotY+t.rotY});return _objectSpread(_objectSpread({},t),n)}))}},onInteractionEnd=n=>{t&&(Z(!0),e=void 0,y((e=>{const t=function snapRotation({rotX:e,rotY:t}){return{rotX:5*Math.round(e/5),rotY:5*Math.round(t/5)}}(e);let n=_objectSpread(_objectSpread({},e),t);return window.requestAnimationFrame((()=>{const e=toCubeRotation(n);l(e)})),n}))),t=!1};return o.addEventListener("touchstart",onPointerDown),o.addEventListener("mousedown",onPointerDown),c.addEventListener("touchmove",onPointerMove),c.addEventListener("mousemove",onPointerMove),c.addEventListener("touchend",onInteractionEnd),c.addEventListener("mouseup",onInteractionEnd),()=>{setTimeout((()=>{o.removeEventListener("touchstart",onPointerDown),o.removeEventListener("mousedown",onPointerDown),c.removeEventListener("touchmove",onPointerMove),c.removeEventListener("touchend",onInteractionEnd),c.removeEventListener("mousemove",onPointerMove),c.removeEventListener("mouseup",onInteractionEnd)}),0)}}),[o,c,O]);const P=(0,a.useCallback)((()=>{Z(!1)}),[Z]),F=(0,a.useCallback)((()=>{Z(!0)}),[Z]);return(0,i.jsx)("div",{className:"control-element-container-SW7qx"+(x&&R?" hidden-Tqm-e":""),style:{"--size":s,"--zoomFactor":S.relativeZoomCssScaleFactor,"--rotY":`${g.rotY}deg`,"--rotX":`${g.rotX}deg`,"--fontSize":j/4.4+"px","--autoHideDuration":(null!=v?v:0)/1e3+"s"},onMouseEnter:P,onMouseLeave:F,children:(0,i.jsxs)("div",{className:"control-element-WF71u",children:[(0,i.jsx)("div",{onClick:T,className:`${u} cube-face-front-Frhsh ${null==m?void 0:m.cubeFace} ${null==m?void 0:m.cubeFaceFront}`,ref:e=>{if(e&&0===j){const{height:t}=e.getBoundingClientRect();w(t)}},children:f.front}),(0,i.jsx)("div",{onClick:C,className:`${u} cube-face-back-o1-8s ${null==m?void 0:m.cubeFace} ${null==m?void 0:m.cubeFaceBack}`,children:f.back}),(0,i.jsx)("div",{onClick:z,className:`${u} cube-face-right-LeBsy ${null==m?void 0:m.cubeFace} ${null==m?void 0:m.cubeFaceRight}`,children:f.right}),(0,i.jsx)("div",{onClick:$,className:`${u} cube-face-left-DFZf- ${null==m?void 0:m.cubeFace} ${null==m?void 0:m.cubeFaceLeft}`,children:f.left}),(0,i.jsx)("div",{onClick:k,className:`${u} cube-face-top-Hw8SM ${null==m?void 0:m.cubeFace} ${null==m?void 0:m.cubeFaceTop}`,children:f.top}),(0,i.jsx)("div",{className:`${u} cube-face-bottom-NYTq6 ${null==m?void 0:m.cubeFace} ${null==m?void 0:m.cubeFaceBottom}`,children:f.bottom})]})})}))},65515:(e,t)=>{var n;!function(){"use strict";var o={}.hasOwnProperty;function classNames(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=appendClass(e,parseValue(n)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)o.call(e,n)&&e[n]&&(t=appendClass(t,n));return t}function appendClass(e,t){return t?e?e+" "+t:e+t:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(n=function(){return classNames}.apply(t,[]))||(e.exports=n)}()}}]);