@evercam/ui 1.0.0-preview-compare-xray-ddd2fc142 → 1.0.0-preview-compare-xray-b21556ff0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.mjs +2 -2
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.map +1 -1
- package/dist/style.css +1 -1
- package/dist/styles.css +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -14205,7 +14205,7 @@ const Ki = E2.exports, M2 = R.extend({
|
|
|
14205
14205
|
});
|
|
14206
14206
|
var L2 = function() {
|
|
14207
14207
|
var e = this, r = e._self._c;
|
|
14208
|
-
return r("div", { directives: [{ name: "resize-observer", rawName: "v-resize-observer", value: e.handleResize, expression: "handleResize" }], ref: "container", staticClass: "e-
|
|
14208
|
+
return r("div", { directives: [{ name: "resize-observer", rawName: "v-resize-observer", value: e.handleResize, expression: "handleResize" }], ref: "container", staticClass: "e-h-full e-w-full e-relative e-bg-black e-border-black !e-select-none" }, [r("div", { staticClass: "e-w-full e-h-full" }, [r("EZoomableImg", { ref: "afterImage", staticClass: "e-block e-w-full e-h-full e-image-comparator__image", style: e.afterImageStyle, attrs: { src: e.afterImageSrc, alt: "After Image", embedded: !0, allowZoom: !0, pan: !0, slider: !1, showMiniature: !0 }, on: { change: e.onZoomChange, load: e.handleResize } }), r("EZoomableImg", { staticClass: "!e-absolute e-top-0 e-left-0 e-pointer-events-none e-block e-w-full e-h-full e-image-comparator__image", style: e.beforeImageStyle, attrs: { src: e.beforeImageSrc, alt: "Before Image", embedded: !0, allowZoom: !1, pan: !1, slider: !1, showMiniature: !1, initialParams: e.zoomState }, on: { load: e.handleResize } })], 1), e.mode === e.CompareMode.Curtain && !e.isLoading ? r("ECompareSeparator", { attrs: { "x-offset": e.separatorPositionX }, on: { mousedown: function(n) {
|
|
14209
14209
|
return n.stopPropagation(), n.preventDefault(), e.handleMouseDown.apply(null, arguments);
|
|
14210
14210
|
}, touchstart: e.handleTouchStart } }) : e._e(), e.mode === "window" && !e.isLoading ? r("EDragResize", { attrs: { initial: e.windowState, bounds: e.windowBounds }, on: { change: e.handleWindowChange } }) : e._e(), e.isLoading ? e._e() : r("div", { staticClass: "e-images-comparator__watermark", style: e.watermarkStyle }, [e._t("watermark", null, null, e.watermarkStyle)], 2), e.isLoading ? r("div", { staticClass: "e-images-comparator__overlay" }, [e._t("overlay")], 2) : e._e()], 1);
|
|
14211
14211
|
}, D2 = [], P2 = /* @__PURE__ */ N(
|
|
@@ -14214,7 +14214,7 @@ var L2 = function() {
|
|
|
14214
14214
|
D2,
|
|
14215
14215
|
!1,
|
|
14216
14216
|
null,
|
|
14217
|
-
"
|
|
14217
|
+
"2c22e240",
|
|
14218
14218
|
null,
|
|
14219
14219
|
null
|
|
14220
14220
|
);
|
package/dist/index.umd.js
CHANGED
|
@@ -4,7 +4,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
4
4
|
isHoveringTimeline &&
|
|
5
5
|
!isHoveringEvent &&
|
|
6
6
|
!isHoveringMilestone
|
|
7
|
-
`}],staticClass:"e-timeline__tooltip e-border e-rounded e-px-2 -e-left-2/4 e-relative",class:e.computedClasses.tooltipSlot},[e._v(" "+e._s(i)+" ")])]},{timestamp:i,active:o&&!e.isHoveringMilestone})],2),r("div",{key:`${e.hoveredGroupedEvents?e.hoveredGroupedEvents[0].timestamp:(a=e.hoveredEvent)==null?void 0:a.timestamp}`,staticClass:"e-absolute e-z-50",style:e.eventTooltipStyle},[e._t("eventTooltip",function(){return[e.hoveredGroupedEvents?r("div",{directives:[{name:"show",rawName:"v-show",value:e.showEventTooltip&&e.isHoveringGroupedEvents,expression:"showEventTooltip && isHoveringGroupedEvents"}]},[r("div",[r("strong",[e._v(e._s(e.hoveredGroupedEvents.length)+" Events")]),e._v(": ")]),r("div",[r("strong",[e._v("From")]),e._v(":"+e._s(e.hoveredGroupedEvents[0].timestamp||e.hoveredGroupedEvents[0].startDate)+" ")]),r("div",[r("strong",[e._v("To")]),e._v(":"+e._s(e.hoveredGroupedEvents[e.hoveredGroupedEvents.length-1].timestamp||e.hoveredGroupedEvents[e.hoveredGroupedEvents.length-1].endDate)+" ")])]):e.showEventTooltip&&(e.hoveredEvent||e.hoveredCounts.length)?r("div",{directives:[{name:"show",rawName:"v-show",value:e.isHoveringEvent,expression:"isHoveringEvent"}],staticClass:"e-timeline__event-tooltip e-border e-rounded e-px-2 -e-left-2/4 e-relative",class:e.computedClasses.eventTooltipSlot},[e.hoveredCounts.length?r("div",[r("strong",[e._v("Timestamp")]),e._v(": "+e._s(e.hoveredEvent.timestamp)+" "),e._l(e.hoveredCounts,function(u,s){return r("div",{key:s},[r("strong",[e._v(e._s(u.label||u.type)+" Count")]),e._v(": "+e._s(u.count)+" ")])})],2):e.hoveredEvent?r("div",[e.hoveredEvent.timestamp?r("div",[r("strong",[e._v("Event time")]),e._v(": "+e._s(e.hoveredEvent.timestamp)+" ")]):e._e(),e.hoveredEvent.startDate?r("div",[r("strong",[e._v("From")]),e._v(":"+e._s(e.hoveredEvent.startDate)+" ")]):e._e(),e.hoveredEvent.endDate?r("div",[r("strong",[e._v("To")]),e._v(":"+e._s(e.hoveredEvent.endDate)+" ")]):e._e()]):e._e()]):e._e()]},{event:e.hoveredEvent,groupedEvents:e.hoveredGroupedEvents,counts:e.hoveredCounts,active:e.isHoveringEvent,type:e.hoveredEventType})],2)]}}],null,!0)})],1):e._e()]}}])})],1)},_5=[],y5=H(g5,v5,_5,!1,null,null,null,null);const Yi=y5.exports,C5=A.extend({name:"EVideoEmbed",props:{videoUrl:{type:String,required:!0},platform:{type:String,required:!0,validator:t=>["youtube","vimeo"].includes(t)},iframeListeners:{type:Object,default:()=>({})},iframeOptions:{type:Object,default:()=>({})}},computed:{videoId(){if(this.platform==="youtube"){const t=/^.*(?:youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#\&\?]*).*/,e=this.videoUrl.match(t);return e&&e[1].length===11?e[1]:void 0}else if(this.platform==="vimeo"){const t=this.videoUrl.match(/vimeo\.com\/(\d+)/);return t?t[1]:void 0}},embedUrl(){var t;if(this.platform==="youtube"){const e=new URLSearchParams({quality:"1080p",...this.iframeOptions});return`https://www.youtube.com/embed/${this.videoId}?${e.toString()}`}else if(this.platform==="vimeo"&&this.videoId){const e=(t=this.videoUrl.split("/").pop())==null?void 0:t.split("?")[0],r=new URLSearchParams({h:e||"",quality:"1080p",...this.iframeOptions});return`https://player.vimeo.com/video/${this.videoId}?${r.toString()}`}return""}}}),X7="";var b5=function(){var e=this,r=e._self._c;return r("div",{staticClass:"video-embed"},[r("iframe",e._g(e._b({attrs:{src:e.embedUrl,frameborder:"0",allowfullscreen:"",width:"100%",height:"100%",allow:"autoplay; fullscreen; picture-in-picture"}},"iframe",e.iframeOptions,!1),e.iframeListeners))])},x5=[],w5=H(C5,b5,x5,!1,null,"7e66cb69",null,null);const Xi=w5.exports,S5=A.extend({name:"EHeatmapBar",props:{items:{type:Array,default:()=>[]},selectedValue:{type:[String,Number],default:""},showCounts:{type:Boolean,default:!0},namesOnly:{type:Boolean,default:!1},showNames:{type:Boolean,default:!0},colors:{type:Array,default:()=>Yr("#ebedf0","#17459e",10)},colorsDark:{type:Array,default:()=>Yr("rgba(26,53,86,0.49)","#1f65ee",10)},label:{type:String,default:""},dense:{type:Boolean,default:!1},dark:{type:Boolean,default:!1}},data(){return{}},computed:{heatMapBarItems(){return this.items},maxCount(){return this.items.reduce((t,e)=>Math.max(t,e.count),0)},computedColors(){return this.dark?this.colorsDark:this.colors},textColor(){return{color:this.dark?"#eee":"#111"}}},methods:{getColorIndex(t){return Math.ceil(t/this.maxCount*(this.computedColors.length-1))},getColor(t){const e=this.getColorIndex(t);return this.computedColors[e]||this.computedColors[0]},getItemStyle(t){return{background:this.getColor(t)}},getItemClasses(t){return typeof t=="object"?t:{[t]:!0}},getCountTextStyle(t){const e=this.getColor(t);return{color:this.getContrastingPaletteColor(e)}},adjustColorBrightness(t,e){const r=O.hsl(t);return r.l+=e,r.l=Math.max(.1,Math.min(.9,r.l)),r.formatHex()},getContrastingPaletteColor(t){const e=O.color(t);if(!e)return t;const{r,g:n,b:i}=e.rgb(),a=(.299*r+.587*n+.114*i)/255>.5?-.5:.5;return this.adjustColorBrightness(t,a)}}}),V7="";var T5=function(){var e=this,r=e._self._c;return r("div",{staticClass:"e-flex e-heatmap-bar",class:{"e-heatmap-bar--dense":e.dense,"e-heatmap-bar--dark":e.dark},style:e.textColor},[e._t("label",function(){return[e.label?r("div",{staticClass:"e-heatmap-bar__label",style:e.textColor},[e._v(" "+e._s(e.label)+" ")]):e._e()]}),e._l(e.heatMapBarItems,function({name:n,value:i,count:o,itemClass:a,id:u}){return r("div",{key:i,staticClass:"e-flex e-w-full e-justify-center e-items-center e-heatmap-bar__item",class:{"e-heatmap-bar__item--selected":e.selectedValue===i,...e.getItemClasses(a)},style:e.getItemStyle(o),on:{click:function(s){return e.$emit("change",i,a,u)}}},[e.namesOnly?r("span",{staticClass:"e-heatmap-bar__item__count",style:e.getCountTextStyle(o)},[e._v(" "+e._s(n)+" ")]):e.showCounts?r("span",{staticClass:"e-heatmap-bar__item__count",style:e.getCountTextStyle(o)},[e._v(" "+e._s(o>0?o:"")+" ")]):e._e(),e.showNames&&!e.namesOnly?r("span",{staticClass:"e-heatmap-bar__item__name e-text-xs e-text-black e-truncate",style:e.textColor},[e._v(" "+e._s(n)+" ")]):e._e()])})],2)},k5=[],E5=H(S5,T5,k5,!1,null,null,null,null);const cn=E5.exports,$5=A.extend({name:"EHoursHeatmap",components:{EHeatmapBar:cn},props:{items:{type:Array,default:()=>[]},selectedHour:{type:[String,Number],default:""},showHours:{type:Boolean,default:!0},colors:{type:Array,default:()=>["#ebedf0","#c0ddf9","#73b3f3","#3886e1","#17459e"]},label:{type:String,default:""},dense:{type:Boolean,default:!1}},computed:{itemsByHour(){return this.items.reduce((t,e)=>({...t,[ke(e.timestamp).format("H")]:e}),{})},heatmapBarItems(){return new Array(24).fill(void 0).reduce((t,e,r)=>{var n;return[...t,{name:this.getFormattedHour(r),value:r,count:((n=this.itemsByHour[r])==null?void 0:n.count)||0}]},[])}},methods:{getFormattedHour(t){const e=t.toString();return(e.length>1?e:`0${e}`)+(this.dense?"h":":00")}}});var M5=function(){var e=this,r=e._self._c;return r("EHeatmapBar",e._g({staticClass:"e-hours-heatmap",attrs:{items:e.heatmapBarItems,"selected-value":e.selectedHour,"show-names":e.showHours,colors:e.colors,label:e.label,dense:e.dense},scopedSlots:e._u([{key:"label",fn:function(){return[e._t("label")]},proxy:!0}],null,!0)},e.$listeners))},L5=[],D5=H($5,M5,L5,!1,null,null,null,null);const Vi=D5.exports,P5=A.extend({name:"EReadMore",props:{content:{type:[Array,String],default:()=>null},maxLength:{type:Number,default:()=>2},showAll:{type:Boolean,default:!1},expandText:{type:String,default:"see more..."},collapseText:{type:String,default:"less"},moreTextWithPlaceholder:{type:String,default:"and {count} more..."},onePerLine:{type:Boolean,default:!1}},data(){return{showAllContent:!1}},computed:{hiddenContentLength(){var t,e;return Math.max(((e=(t=this.content)==null?void 0:t.length)!=null?e:0)-this.maxLength,0)},isArrayContent(){return Array.isArray(this.content)},isHiddenTextContent(){return this.hiddenContentLength>0&&!this.showAllContent&&!this.isArrayContent},isHiddenArrayContent(){return this.hiddenContentLength>0&&!this.showAllContent&&this.isArrayContent},isContentExpanded(){var t;return this.showAllContent&&((t=this.content)==null?void 0:t.length)>0},computedMoreText(){return this.moreTextWithPlaceholder.replace("{count}",this.hiddenContentLength.toString())}},mounted(){this.showAllContent=this.showAll},methods:{displayContent(){return this.isArrayContent?this.displayArrayContent():this.displayTextContent()},displayArrayContent(){var e,r;const t=this.onePerLine?"<br/>":", ";return((e=this.content)==null?void 0:e.length)>this.maxLength&&this.showAllContent===!1?this.content.slice(0,this.maxLength).join(t):((r=this.content)==null?void 0:r.length)>-1?this.content.join(t):""},displayTextContent(){var t,e;return((t=this.content)==null?void 0:t.length)>this.maxLength&&this.showAllContent===!1?this.content.substr(0,this.maxLength):((e=this.content)==null?void 0:e.length)>-1?this.content:""},toggleContentExpansion(){this.showAllContent=!this.showAllContent}}});var O5=function(){var e=this,r=e._self._c;return r("span",{staticClass:"e-read-more"},[r("span",{staticClass:"e-read-more__content mr-1",style:{"white-space":e.showAllContent?"initial":"nowrap"},domProps:{innerHTML:e._s(e.displayContent())}}),e.isHiddenArrayContent?r("span",{staticClass:"e-cursor-pointer e-text-primary",on:{click:e.toggleContentExpansion}},[e._v(" "+e._s(e.computedMoreText)+" ")]):e.isHiddenTextContent?r("span",{staticClass:"e-cursor-pointer e-text-primary",on:{click:e.toggleContentExpansion}},[e._v(" "+e._s(e.expandText)+" ")]):e._e(),e.isContentExpanded?r("span",{staticClass:"e-cursor-pointer e-text-primary",on:{click:e.toggleContentExpansion}},[e._v(" "+e._s(e.collapseText)+" ")]):e._e()])},z5=[],B5=H(P5,O5,z5,!1,null,null,null,null);const Qi=B5.exports,I5=A.extend({name:"ETruncatedDiv",props:{width:{type:[String,Number],required:!0},fixedWidth:{type:Boolean,default:!1}},computed:{containerStyle(){let t=this.width;return typeof t=="number"&&(t=`${this.width}px`),{maxWidth:t,...this.fixedWidth?{width:t}:{}}}}});var F5=function(){var e=this,r=e._self._c;return r("div",e._g(e._b({staticClass:"e-truncated-div e-truncate",style:e.containerStyle},"div",e.$attrs,!1),e.$listeners),[e._t("default")],2)},A5=[],R5=H(I5,F5,A5,!1,null,null,null,null);const Ki=R5.exports,H5=A.extend({name:"ECompareSeparator",components:{EIcon:qe},props:{xOffset:{type:[Number,String],default:50}},computed:{separatorStyle(){return{left:`${this.xOffset}%`}}}}),Q7="";var N5=function(){var e=this,r=e._self._c;return e._self._setupProxy,r("div",{staticClass:"e-compare-separator",on:{mousedown:function(n){return n.preventDefault(),(i=>e.$emit("mousedown",i)).apply(null,arguments)},touchstart:function(n){return n.preventDefault(),(i=>e.$emit("touchstart",i)).apply(null,arguments)}}},[r("div",{staticClass:"e-compare-separator__line",style:e.separatorStyle}),r("div",{staticClass:"e-compare-separator__icon e-flex e-justify-around e-items-center",style:e.separatorStyle},[r("EIcon",{attrs:{icon:"caret-left",color:"e-text-white",size:"Xl"}}),r("EIcon",{attrs:{icon:"caret-right",color:"e-text-white",size:"Xl"}})],1)])},j5=[],G5=H(H5,N5,j5,!1,null,null,null,null);const Ji=G5.exports,Ge=A.extend({data(){return{eventListeners:[]}},beforeDestroy(){this.$removeEventListeners()},methods:{$addEventListener(t,e,r=window){if(!(r instanceof HTMLElement||r instanceof Window)){console.error("$addEventListener: The target element is not an HTMLElement."),console.log("$addEventListener: got: ",r);return}r.addEventListener(t,e),this.eventListeners=[...this.eventListeners,{element:r,event:t,cb:e}]},$removeEventListener(t,e,r=window){var i;const n=this.eventListeners.find(o=>o.event===t&&o.element===r&&o.cb===e);n&&((i=n.element)==null||i.removeEventListener(t,e),this.eventListeners=this.eventListeners.filter(o=>o.event===t&&o.cb===e&&o.element===r))},$removeEventListeners(){this.eventListeners.forEach(({element:t,event:e,cb:r})=>{t==null||t.removeEventListener(e,r)}),this.eventListeners=[]}}}),W5=A.extend({name:"EDragResize",mixins:[Ge],props:{bounds:{type:Object,required:!0},initial:{type:Object,default:()=>({x:0,y:0,width:100,height:100})}},data(){return{lens:{...this.initial},isDragging:!1,dragOffset:{x:0,y:0},resizeHandles:["top-left","top","top-right","right","bottom-right","bottom","bottom-left","left"],currentHandle:null}},computed:{windowStyle(){return{position:"absolute",top:`${this.lens.y}px`,left:`${this.lens.x}px`,width:`${this.lens.width}px`,height:`${this.lens.height}px`,border:"2px solid white",cursor:"move",boxSizing:"border-box"}}},watch:{lens:{handler(t){this.$emit("change",t)},deep:!0}},methods:{startDrag(t){const e=this.getPoint(t);this.dragOffset.x=e.x-this.lens.x,this.dragOffset.y=e.y-this.lens.y,this.isDragging=!0,this.$addEventListener("mousemove",this.onDrag),this.$addEventListener("mouseup",this.endDrag),this.$addEventListener("touchmove",this.onDrag),this.$addEventListener("touchend",this.endDrag)},onDrag(t){if(!this.isDragging)return;const e=this.getPoint(t),r=e.x-this.dragOffset.x,n=e.y-this.dragOffset.y,i=this.bounds,o=Math.max(i.left,Math.min(r,i.left+i.width-this.lens.width)),a=Math.max(i.top,Math.min(n,i.top+i.height-this.lens.height));this.lens.x=o,this.lens.y=a},endDrag(){this.isDragging=!1,this.$removeEventListener("mousemove",this.onDrag),this.$removeEventListener("mouseup",this.endDrag),this.$removeEventListener("touchmove",this.onDrag),this.$removeEventListener("touchend",this.endDrag)},startResize(t,e){this.currentHandle=t,this.dragOffset=this.getPoint(e),this.$addEventListener("mousemove",this.onResize),this.$addEventListener("mouseup",this.endResize),this.$addEventListener("touchmove",this.onResize),this.$addEventListener("touchend",this.endResize)},onResize(t){const e=this.getPoint(t),r=e.x-this.dragOffset.x,n=e.y-this.dragOffset.y;let{x:i,y:o,width:a,height:u}=this.lens;switch(this.currentHandle){case"top-left":i+=r,o+=n,a-=r,u-=n;break;case"top":o+=n,u-=n;break;case"top-right":o+=n,a+=r,u-=n;break;case"right":a+=r;break;case"bottom-right":a+=r,u+=n;break;case"bottom":u+=n;break;case"bottom-left":i+=r,a-=r,u+=n;break;case"left":i+=r,a-=r;break}const s=this.bounds,l=50;a=Math.max(l,Math.min(s.width,a)),u=Math.max(l,Math.min(s.height,u)),i=Math.max(s.left,Math.min(i,s.left+s.width-a)),o=Math.max(s.top,Math.min(o,s.top+s.height-u)),this.lens={x:i,y:o,width:a,height:u},this.dragOffset=e},endResize(){this.currentHandle=null,document.removeEventListener("mousemove",this.onResize),document.removeEventListener("mouseup",this.endResize),document.removeEventListener("touchmove",this.onResize),document.removeEventListener("touchend",this.endResize)},getPoint(t){return t instanceof MouseEvent?{x:t.clientX,y:t.clientY}:{x:t.touches[0].clientX,y:t.touches[0].clientY}}}}),K7="";var q5=function(){var e=this,r=e._self._c;return r("div",{staticClass:"compare-window",style:e.windowStyle,on:{mousedown:e.startDrag,touchstart:e.startDrag}},e._l(e.resizeHandles,function(n){return r("div",{key:n,staticClass:"resize-handle",class:"resize-"+n,on:{mousedown:function(i){return i.stopPropagation(),i.preventDefault(),e.startResize(n,i)},touchstart:function(i){return i.stopPropagation(),i.preventDefault(),e.startResize(n,i)}}})}),0)},U5=[],Z5=H(W5,q5,U5,!1,null,"75e287d0",null,null);const un=Z5.exports,Y5=A.extend({name:"EImagesComparator",components:{EDragResize:un},props:{beforeImageSrc:String,afterImageSrc:String,isLoading:Boolean,mode:{type:String,default:nt.Curtain,validator:t=>Object.values(nt).includes(t)},transparency:{type:Number,default:.5}},data(){return{separatorPositionX:50,isSeparatorDragging:!1,containerRect:{},computedImageDimension:{width:0,height:0,left:0,top:0},zoomState:{},touchIdentifier:null,startTouchX:0,startSeparatorPositionX:50,windowState:{x:200,y:200,width:200,height:200},CompareMode:nt}},computed:{beforeImageStyle(){if(this.isLoading)return{clip:"none"};if(this.mode===nt.Window){const{x:t,y:e,width:r,height:n}=this.windowState;return{clip:`rect(${e}px, ${t+r}px, ${e+n}px, ${t}px)`}}else return this.mode===nt.Curtain?{clip:`rect(auto, ${this.computedImageDimension.width*this.separatorPositionX/100+this.computedImageDimension.left}px, auto, auto)`}:{opacity:`${1-this.transparency}`}},afterImageStyle(){return{opacity:this.mode===nt.Transparency?`${this.transparency}`:"1"}},windowBounds(){return{top:this.computedImageDimension.top,left:this.computedImageDimension.left,width:this.computedImageDimension.width,height:this.computedImageDimension.height}},watermarkStyle(){var a;const{width:t,height:e,left:r,top:n}=this.computedImageDimension,i=60,o={top:`${n+e-i}px`,left:`${r+t-i}px`,width:"50px",height:"50px"};return((a=this.zoomState)==null?void 0:a.zoomLevel)>1&&(o.opacity="0"),o}},methods:{onZoomChange(t){this.zoomState={...t}},handleResize(){var a;const t=this.$refs.container;this.containerRect=t.getBoundingClientRect();const e=(a=this.$refs.afterImage)==null?void 0:a.$refs.image;if(!(e!=null&&e.naturalWidth)||!(e!=null&&e.naturalHeight))return;const r=t.clientWidth,n=t.clientHeight,i=e.naturalWidth/e.naturalHeight;if(r/n>i){const u=n*i;this.computedImageDimension={width:u,height:n,left:(r-u)/2,top:0}}else{const u=r/i;this.computedImageDimension={width:r,height:u,top:(n-u)/2,left:0}}},handleMouseMove(t){if(!this.isSeparatorDragging)return;const r=(t.clientX-this.containerRect.left-this.computedImageDimension.left)/this.computedImageDimension.width*100;this.separatorPositionX=Math.max(0,Math.min(100,r))},handleMouseDown(){this.isSeparatorDragging=!0,document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp)},handleMouseUp(){this.isSeparatorDragging=!1,document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp)},handleTouchStart(t){const e=t.touches[0];e&&(this.touchIdentifier=e.identifier,this.startTouchX=e.clientX,this.startSeparatorPositionX=this.separatorPositionX,document.addEventListener("touchmove",this.handleTouchMove),document.addEventListener("touchend",this.handleTouchEnd))},handleTouchMove(t){const e=Array.from(t.touches).find(i=>i.identifier===this.touchIdentifier);if(!e)return;const n=(e.clientX-this.startTouchX)/this.computedImageDimension.width*100+this.startSeparatorPositionX;this.separatorPositionX=Math.max(0,Math.min(100,n))},handleTouchEnd(){document.removeEventListener("touchmove",this.handleTouchMove),document.removeEventListener("touchend",this.handleTouchEnd),this.touchIdentifier=null},handleWindowChange(t){Object.assign(this.windowState,t)}}}),J7="";var X5=function(){var e=this,r=e._self._c;return r("div",{directives:[{name:"resize-observer",rawName:"v-resize-observer",value:e.handleResize,expression:"handleResize"}],ref:"container",staticClass:"e-images-comparator e-h-full e-w-full e-relative e-bg-black e-border-black no-select"},[r("div",{staticClass:"e-images-comparator__wrapper"},[r("EZoomableImg",{ref:"afterImage",staticClass:"img-base e-image-comparator__image",style:e.afterImageStyle,attrs:{src:e.afterImageSrc,alt:"After Image",embedded:!0,allowZoom:!0,pan:!0,slider:!1,showMiniature:!0},on:{change:e.onZoomChange,load:e.handleResize}}),r("EZoomableImg",{staticClass:"img-overlay e-image-comparator__image",style:e.beforeImageStyle,attrs:{src:e.beforeImageSrc,alt:"Before Image",embedded:!0,allowZoom:!1,pan:!1,slider:!1,showMiniature:!1,initialParams:e.zoomState},on:{load:e.handleResize}})],1),e.mode===e.CompareMode.Curtain&&!e.isLoading?r("ECompareSeparator",{attrs:{"x-offset":e.separatorPositionX},on:{mousedown:function(n){return n.stopPropagation(),n.preventDefault(),e.handleMouseDown.apply(null,arguments)},touchstart:e.handleTouchStart}}):e._e(),e.mode==="window"&&!e.isLoading?r("EDragResize",{attrs:{initial:e.windowState,bounds:e.windowBounds},on:{change:e.handleWindowChange}}):e._e(),e.isLoading?e._e():r("div",{staticClass:"e-images-comparator__watermark",style:e.watermarkStyle},[e._t("watermark",null,null,e.watermarkStyle)],2),e.isLoading?r("div",{staticClass:"e-images-comparator__overlay"},[e._t("overlay")],2):e._e()],1)},V5=[],Q5=H(Y5,X5,V5,!1,null,"8088df99",null,null);const es=Q5.exports,Ue=A.extend({data(){return{timeouts:[]}},beforeDestroy(){this.$clearTimeouts()},methods:{$setTimeout(t,e=0){const r=setTimeout(t,e);return this.timeouts=[...this.timeouts,r],r},$clearTimeouts(){this.timeouts.forEach(t=>clearTimeout(t)),this.timeouts=[]}}}),K5=A.extend({name:"EExpandableMenu",mixins:[Ue,Ge],props:{padding:{type:Number,default:4},direction:{type:String,default:"top",validator:t=>["top","right","bottom","left"].includes(t)},isMobile:{type:Boolean,default:!1}},data(){return{isMenuOpened:!1,baseSize:{},menuObserver:null}},computed:{row(){return["right","left"].includes(this.direction)},reverse(){return["top","left"].includes(this.direction)}},watch:{isMobile(){this.adjustButtonsPositions()},direction(){this.adjustButtonsPositions()},padding(){this.adjustButtonsPositions()}},mounted(){const t=this.$refs.activator,e=(t==null?void 0:t.getBoundingClientRect())||{};this.baseSize={width:`${e.width}px`,height:`${e.height}px`},this.isMobile||this.$setTimeout(this.toggleMenu,100),this.$addEventListener("resize",this.adjustButtonsPositions),this.observeMenuContentChanges()},beforeDestroy(){this.menuObserver&&this.menuObserver.disconnect()},methods:{toggleMenu(){this.isMenuOpened=!this.isMenuOpened,this.adjustButtonsPositions()},adjustButtonsPositions(){const t=this.$refs.menu,e=Array.from(t==null?void 0:t.children).filter(l=>!l.classList.contains("v-tooltip"));if(!e||!e.length)return;const r=this.isMobile?30:40,n=Array.from(e),i=this.$refs.activator,o=i==null?void 0:i.getBoundingClientRect(),a=Math.min(o[this.row?"width":"height"],r),u=this.isMenuOpened?a+this.padding:0,s=this.row?"X":"Y";t.style.transform=`translate${s}(${(this.reverse?-1:1)*u}px)`,n.forEach((l,d)=>{const p=l.getBoundingClientRect(),m=p==null?void 0:p[this.row?"width":"height"],b=(m>r?m:r)+this.padding,x=this.isMenuOpened?b*d:0;l.style.transform=`translate${s}(${(this.reverse?-1:1)*x}px)`})},observeMenuContentChanges(){const t=this.$refs.menu;t&&(this.menuObserver=new MutationObserver(()=>{this.adjustButtonsPositions()}),this.menuObserver.observe(t,{childList:!0,subtree:!0}))}}}),ed="";var J5=function(){var e=this,r=e._self._c;return r("div",{staticClass:"expandable-menu",class:{"expandable-menu--row":e.row,"expandable-menu--column":!e.row,"expandable-menu--reverse":e.reverse,"expandable-menu--open":e.isMenuOpened,"expandable-menu--closed":!e.isMenuOpened},style:e.baseSize},[r("div",{staticClass:"expandable-menu__container",style:e.baseSize},[r("div",{ref:"activator",staticClass:"v-btn--no-active e-cursor-pointer expandable-menu__activator",on:{click:e.toggleMenu}},[e._t("activator")],2),r("div",e._g({ref:"menu",staticClass:"e-flex e-flex-col expandable-menu__menu",class:{"expandable-menu__menu--closed":!e.isMenuOpened,"expandable-menu__menu--open":e.isMenuOpened,"e-py-2":!e.row,"e-py-0":e.row},attrs:{"data-test-id":"action-buttons-menu"}},e.$listeners),[e._t("default")],2)])])},e2=[],t2=H(K5,J5,e2,!1,null,null,null,null);const ts=t2.exports,r2=A.extend({name:"BaseIcon",props:{name:{type:String,default:"box"},color:{type:String,default:"#3c3c3c"},viewBox:{type:String,default:"0 0 128 128"},width:{type:[Number,String],default:60},height:{type:[Number,String],default:60},size:{type:[Number,String,null],default:null}}});var n2=function(){var e=this,r=e._self._c;return e._self._setupProxy,r("svg",e._g({staticClass:"svg-icon",attrs:{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:e.viewBox,width:e.size||e.width,height:e.size||e.height,"aria-labelledby":e.name,role:"presentation"}},e.$listeners),[r("g",{ref:"group",attrs:{fill:e.color}},[e._t("default",null,{color:e.color})],2)])},i2=[],s2=H(r2,n2,i2,!1,null,null,null,null);const me=s2.exports,a2=A.extend({name:"Bim",components:{BaseIcon:me},props:{color:{type:String,default:"white"}}});var o2=function(){var e=this,r=e._self._c;return e._self._setupProxy,r("BaseIcon",e._b({attrs:{small:!0,width:"22px",height:"22px",viewBox:"0 0 22 22",color:e.color}},"BaseIcon",e.$attrs,!1),[r("g",{attrs:{transform:"translate(0.000000,512.000000) scale(0.100000,-0.100000)"}},[r("path",{style:`fill: ${e.color}`,attrs:{d:`M3.7,5016.4v-43.8l20.9,0.2c19.5,0.2,21.1,0.3,24.7,1.3c5.8,1.6,9.9,3.9,13.3,7.2c3.4,3.5,5.3,6.7,6.4,11
|
|
7
|
+
`}],staticClass:"e-timeline__tooltip e-border e-rounded e-px-2 -e-left-2/4 e-relative",class:e.computedClasses.tooltipSlot},[e._v(" "+e._s(i)+" ")])]},{timestamp:i,active:o&&!e.isHoveringMilestone})],2),r("div",{key:`${e.hoveredGroupedEvents?e.hoveredGroupedEvents[0].timestamp:(a=e.hoveredEvent)==null?void 0:a.timestamp}`,staticClass:"e-absolute e-z-50",style:e.eventTooltipStyle},[e._t("eventTooltip",function(){return[e.hoveredGroupedEvents?r("div",{directives:[{name:"show",rawName:"v-show",value:e.showEventTooltip&&e.isHoveringGroupedEvents,expression:"showEventTooltip && isHoveringGroupedEvents"}]},[r("div",[r("strong",[e._v(e._s(e.hoveredGroupedEvents.length)+" Events")]),e._v(": ")]),r("div",[r("strong",[e._v("From")]),e._v(":"+e._s(e.hoveredGroupedEvents[0].timestamp||e.hoveredGroupedEvents[0].startDate)+" ")]),r("div",[r("strong",[e._v("To")]),e._v(":"+e._s(e.hoveredGroupedEvents[e.hoveredGroupedEvents.length-1].timestamp||e.hoveredGroupedEvents[e.hoveredGroupedEvents.length-1].endDate)+" ")])]):e.showEventTooltip&&(e.hoveredEvent||e.hoveredCounts.length)?r("div",{directives:[{name:"show",rawName:"v-show",value:e.isHoveringEvent,expression:"isHoveringEvent"}],staticClass:"e-timeline__event-tooltip e-border e-rounded e-px-2 -e-left-2/4 e-relative",class:e.computedClasses.eventTooltipSlot},[e.hoveredCounts.length?r("div",[r("strong",[e._v("Timestamp")]),e._v(": "+e._s(e.hoveredEvent.timestamp)+" "),e._l(e.hoveredCounts,function(u,s){return r("div",{key:s},[r("strong",[e._v(e._s(u.label||u.type)+" Count")]),e._v(": "+e._s(u.count)+" ")])})],2):e.hoveredEvent?r("div",[e.hoveredEvent.timestamp?r("div",[r("strong",[e._v("Event time")]),e._v(": "+e._s(e.hoveredEvent.timestamp)+" ")]):e._e(),e.hoveredEvent.startDate?r("div",[r("strong",[e._v("From")]),e._v(":"+e._s(e.hoveredEvent.startDate)+" ")]):e._e(),e.hoveredEvent.endDate?r("div",[r("strong",[e._v("To")]),e._v(":"+e._s(e.hoveredEvent.endDate)+" ")]):e._e()]):e._e()]):e._e()]},{event:e.hoveredEvent,groupedEvents:e.hoveredGroupedEvents,counts:e.hoveredCounts,active:e.isHoveringEvent,type:e.hoveredEventType})],2)]}}],null,!0)})],1):e._e()]}}])})],1)},_5=[],y5=H(g5,v5,_5,!1,null,null,null,null);const Yi=y5.exports,C5=A.extend({name:"EVideoEmbed",props:{videoUrl:{type:String,required:!0},platform:{type:String,required:!0,validator:t=>["youtube","vimeo"].includes(t)},iframeListeners:{type:Object,default:()=>({})},iframeOptions:{type:Object,default:()=>({})}},computed:{videoId(){if(this.platform==="youtube"){const t=/^.*(?:youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#\&\?]*).*/,e=this.videoUrl.match(t);return e&&e[1].length===11?e[1]:void 0}else if(this.platform==="vimeo"){const t=this.videoUrl.match(/vimeo\.com\/(\d+)/);return t?t[1]:void 0}},embedUrl(){var t;if(this.platform==="youtube"){const e=new URLSearchParams({quality:"1080p",...this.iframeOptions});return`https://www.youtube.com/embed/${this.videoId}?${e.toString()}`}else if(this.platform==="vimeo"&&this.videoId){const e=(t=this.videoUrl.split("/").pop())==null?void 0:t.split("?")[0],r=new URLSearchParams({h:e||"",quality:"1080p",...this.iframeOptions});return`https://player.vimeo.com/video/${this.videoId}?${r.toString()}`}return""}}}),X7="";var b5=function(){var e=this,r=e._self._c;return r("div",{staticClass:"video-embed"},[r("iframe",e._g(e._b({attrs:{src:e.embedUrl,frameborder:"0",allowfullscreen:"",width:"100%",height:"100%",allow:"autoplay; fullscreen; picture-in-picture"}},"iframe",e.iframeOptions,!1),e.iframeListeners))])},x5=[],w5=H(C5,b5,x5,!1,null,"7e66cb69",null,null);const Xi=w5.exports,S5=A.extend({name:"EHeatmapBar",props:{items:{type:Array,default:()=>[]},selectedValue:{type:[String,Number],default:""},showCounts:{type:Boolean,default:!0},namesOnly:{type:Boolean,default:!1},showNames:{type:Boolean,default:!0},colors:{type:Array,default:()=>Yr("#ebedf0","#17459e",10)},colorsDark:{type:Array,default:()=>Yr("rgba(26,53,86,0.49)","#1f65ee",10)},label:{type:String,default:""},dense:{type:Boolean,default:!1},dark:{type:Boolean,default:!1}},data(){return{}},computed:{heatMapBarItems(){return this.items},maxCount(){return this.items.reduce((t,e)=>Math.max(t,e.count),0)},computedColors(){return this.dark?this.colorsDark:this.colors},textColor(){return{color:this.dark?"#eee":"#111"}}},methods:{getColorIndex(t){return Math.ceil(t/this.maxCount*(this.computedColors.length-1))},getColor(t){const e=this.getColorIndex(t);return this.computedColors[e]||this.computedColors[0]},getItemStyle(t){return{background:this.getColor(t)}},getItemClasses(t){return typeof t=="object"?t:{[t]:!0}},getCountTextStyle(t){const e=this.getColor(t);return{color:this.getContrastingPaletteColor(e)}},adjustColorBrightness(t,e){const r=O.hsl(t);return r.l+=e,r.l=Math.max(.1,Math.min(.9,r.l)),r.formatHex()},getContrastingPaletteColor(t){const e=O.color(t);if(!e)return t;const{r,g:n,b:i}=e.rgb(),a=(.299*r+.587*n+.114*i)/255>.5?-.5:.5;return this.adjustColorBrightness(t,a)}}}),V7="";var T5=function(){var e=this,r=e._self._c;return r("div",{staticClass:"e-flex e-heatmap-bar",class:{"e-heatmap-bar--dense":e.dense,"e-heatmap-bar--dark":e.dark},style:e.textColor},[e._t("label",function(){return[e.label?r("div",{staticClass:"e-heatmap-bar__label",style:e.textColor},[e._v(" "+e._s(e.label)+" ")]):e._e()]}),e._l(e.heatMapBarItems,function({name:n,value:i,count:o,itemClass:a,id:u}){return r("div",{key:i,staticClass:"e-flex e-w-full e-justify-center e-items-center e-heatmap-bar__item",class:{"e-heatmap-bar__item--selected":e.selectedValue===i,...e.getItemClasses(a)},style:e.getItemStyle(o),on:{click:function(s){return e.$emit("change",i,a,u)}}},[e.namesOnly?r("span",{staticClass:"e-heatmap-bar__item__count",style:e.getCountTextStyle(o)},[e._v(" "+e._s(n)+" ")]):e.showCounts?r("span",{staticClass:"e-heatmap-bar__item__count",style:e.getCountTextStyle(o)},[e._v(" "+e._s(o>0?o:"")+" ")]):e._e(),e.showNames&&!e.namesOnly?r("span",{staticClass:"e-heatmap-bar__item__name e-text-xs e-text-black e-truncate",style:e.textColor},[e._v(" "+e._s(n)+" ")]):e._e()])})],2)},k5=[],E5=H(S5,T5,k5,!1,null,null,null,null);const cn=E5.exports,$5=A.extend({name:"EHoursHeatmap",components:{EHeatmapBar:cn},props:{items:{type:Array,default:()=>[]},selectedHour:{type:[String,Number],default:""},showHours:{type:Boolean,default:!0},colors:{type:Array,default:()=>["#ebedf0","#c0ddf9","#73b3f3","#3886e1","#17459e"]},label:{type:String,default:""},dense:{type:Boolean,default:!1}},computed:{itemsByHour(){return this.items.reduce((t,e)=>({...t,[ke(e.timestamp).format("H")]:e}),{})},heatmapBarItems(){return new Array(24).fill(void 0).reduce((t,e,r)=>{var n;return[...t,{name:this.getFormattedHour(r),value:r,count:((n=this.itemsByHour[r])==null?void 0:n.count)||0}]},[])}},methods:{getFormattedHour(t){const e=t.toString();return(e.length>1?e:`0${e}`)+(this.dense?"h":":00")}}});var M5=function(){var e=this,r=e._self._c;return r("EHeatmapBar",e._g({staticClass:"e-hours-heatmap",attrs:{items:e.heatmapBarItems,"selected-value":e.selectedHour,"show-names":e.showHours,colors:e.colors,label:e.label,dense:e.dense},scopedSlots:e._u([{key:"label",fn:function(){return[e._t("label")]},proxy:!0}],null,!0)},e.$listeners))},L5=[],D5=H($5,M5,L5,!1,null,null,null,null);const Vi=D5.exports,P5=A.extend({name:"EReadMore",props:{content:{type:[Array,String],default:()=>null},maxLength:{type:Number,default:()=>2},showAll:{type:Boolean,default:!1},expandText:{type:String,default:"see more..."},collapseText:{type:String,default:"less"},moreTextWithPlaceholder:{type:String,default:"and {count} more..."},onePerLine:{type:Boolean,default:!1}},data(){return{showAllContent:!1}},computed:{hiddenContentLength(){var t,e;return Math.max(((e=(t=this.content)==null?void 0:t.length)!=null?e:0)-this.maxLength,0)},isArrayContent(){return Array.isArray(this.content)},isHiddenTextContent(){return this.hiddenContentLength>0&&!this.showAllContent&&!this.isArrayContent},isHiddenArrayContent(){return this.hiddenContentLength>0&&!this.showAllContent&&this.isArrayContent},isContentExpanded(){var t;return this.showAllContent&&((t=this.content)==null?void 0:t.length)>0},computedMoreText(){return this.moreTextWithPlaceholder.replace("{count}",this.hiddenContentLength.toString())}},mounted(){this.showAllContent=this.showAll},methods:{displayContent(){return this.isArrayContent?this.displayArrayContent():this.displayTextContent()},displayArrayContent(){var e,r;const t=this.onePerLine?"<br/>":", ";return((e=this.content)==null?void 0:e.length)>this.maxLength&&this.showAllContent===!1?this.content.slice(0,this.maxLength).join(t):((r=this.content)==null?void 0:r.length)>-1?this.content.join(t):""},displayTextContent(){var t,e;return((t=this.content)==null?void 0:t.length)>this.maxLength&&this.showAllContent===!1?this.content.substr(0,this.maxLength):((e=this.content)==null?void 0:e.length)>-1?this.content:""},toggleContentExpansion(){this.showAllContent=!this.showAllContent}}});var O5=function(){var e=this,r=e._self._c;return r("span",{staticClass:"e-read-more"},[r("span",{staticClass:"e-read-more__content mr-1",style:{"white-space":e.showAllContent?"initial":"nowrap"},domProps:{innerHTML:e._s(e.displayContent())}}),e.isHiddenArrayContent?r("span",{staticClass:"e-cursor-pointer e-text-primary",on:{click:e.toggleContentExpansion}},[e._v(" "+e._s(e.computedMoreText)+" ")]):e.isHiddenTextContent?r("span",{staticClass:"e-cursor-pointer e-text-primary",on:{click:e.toggleContentExpansion}},[e._v(" "+e._s(e.expandText)+" ")]):e._e(),e.isContentExpanded?r("span",{staticClass:"e-cursor-pointer e-text-primary",on:{click:e.toggleContentExpansion}},[e._v(" "+e._s(e.collapseText)+" ")]):e._e()])},z5=[],B5=H(P5,O5,z5,!1,null,null,null,null);const Qi=B5.exports,I5=A.extend({name:"ETruncatedDiv",props:{width:{type:[String,Number],required:!0},fixedWidth:{type:Boolean,default:!1}},computed:{containerStyle(){let t=this.width;return typeof t=="number"&&(t=`${this.width}px`),{maxWidth:t,...this.fixedWidth?{width:t}:{}}}}});var F5=function(){var e=this,r=e._self._c;return r("div",e._g(e._b({staticClass:"e-truncated-div e-truncate",style:e.containerStyle},"div",e.$attrs,!1),e.$listeners),[e._t("default")],2)},A5=[],R5=H(I5,F5,A5,!1,null,null,null,null);const Ki=R5.exports,H5=A.extend({name:"ECompareSeparator",components:{EIcon:qe},props:{xOffset:{type:[Number,String],default:50}},computed:{separatorStyle(){return{left:`${this.xOffset}%`}}}}),Q7="";var N5=function(){var e=this,r=e._self._c;return e._self._setupProxy,r("div",{staticClass:"e-compare-separator",on:{mousedown:function(n){return n.preventDefault(),(i=>e.$emit("mousedown",i)).apply(null,arguments)},touchstart:function(n){return n.preventDefault(),(i=>e.$emit("touchstart",i)).apply(null,arguments)}}},[r("div",{staticClass:"e-compare-separator__line",style:e.separatorStyle}),r("div",{staticClass:"e-compare-separator__icon e-flex e-justify-around e-items-center",style:e.separatorStyle},[r("EIcon",{attrs:{icon:"caret-left",color:"e-text-white",size:"Xl"}}),r("EIcon",{attrs:{icon:"caret-right",color:"e-text-white",size:"Xl"}})],1)])},j5=[],G5=H(H5,N5,j5,!1,null,null,null,null);const Ji=G5.exports,Ge=A.extend({data(){return{eventListeners:[]}},beforeDestroy(){this.$removeEventListeners()},methods:{$addEventListener(t,e,r=window){if(!(r instanceof HTMLElement||r instanceof Window)){console.error("$addEventListener: The target element is not an HTMLElement."),console.log("$addEventListener: got: ",r);return}r.addEventListener(t,e),this.eventListeners=[...this.eventListeners,{element:r,event:t,cb:e}]},$removeEventListener(t,e,r=window){var i;const n=this.eventListeners.find(o=>o.event===t&&o.element===r&&o.cb===e);n&&((i=n.element)==null||i.removeEventListener(t,e),this.eventListeners=this.eventListeners.filter(o=>o.event===t&&o.cb===e&&o.element===r))},$removeEventListeners(){this.eventListeners.forEach(({element:t,event:e,cb:r})=>{t==null||t.removeEventListener(e,r)}),this.eventListeners=[]}}}),W5=A.extend({name:"EDragResize",mixins:[Ge],props:{bounds:{type:Object,required:!0},initial:{type:Object,default:()=>({x:0,y:0,width:100,height:100})}},data(){return{lens:{...this.initial},isDragging:!1,dragOffset:{x:0,y:0},resizeHandles:["top-left","top","top-right","right","bottom-right","bottom","bottom-left","left"],currentHandle:null}},computed:{windowStyle(){return{position:"absolute",top:`${this.lens.y}px`,left:`${this.lens.x}px`,width:`${this.lens.width}px`,height:`${this.lens.height}px`,border:"2px solid white",cursor:"move",boxSizing:"border-box"}}},watch:{lens:{handler(t){this.$emit("change",t)},deep:!0}},methods:{startDrag(t){const e=this.getPoint(t);this.dragOffset.x=e.x-this.lens.x,this.dragOffset.y=e.y-this.lens.y,this.isDragging=!0,this.$addEventListener("mousemove",this.onDrag),this.$addEventListener("mouseup",this.endDrag),this.$addEventListener("touchmove",this.onDrag),this.$addEventListener("touchend",this.endDrag)},onDrag(t){if(!this.isDragging)return;const e=this.getPoint(t),r=e.x-this.dragOffset.x,n=e.y-this.dragOffset.y,i=this.bounds,o=Math.max(i.left,Math.min(r,i.left+i.width-this.lens.width)),a=Math.max(i.top,Math.min(n,i.top+i.height-this.lens.height));this.lens.x=o,this.lens.y=a},endDrag(){this.isDragging=!1,this.$removeEventListener("mousemove",this.onDrag),this.$removeEventListener("mouseup",this.endDrag),this.$removeEventListener("touchmove",this.onDrag),this.$removeEventListener("touchend",this.endDrag)},startResize(t,e){this.currentHandle=t,this.dragOffset=this.getPoint(e),this.$addEventListener("mousemove",this.onResize),this.$addEventListener("mouseup",this.endResize),this.$addEventListener("touchmove",this.onResize),this.$addEventListener("touchend",this.endResize)},onResize(t){const e=this.getPoint(t),r=e.x-this.dragOffset.x,n=e.y-this.dragOffset.y;let{x:i,y:o,width:a,height:u}=this.lens;switch(this.currentHandle){case"top-left":i+=r,o+=n,a-=r,u-=n;break;case"top":o+=n,u-=n;break;case"top-right":o+=n,a+=r,u-=n;break;case"right":a+=r;break;case"bottom-right":a+=r,u+=n;break;case"bottom":u+=n;break;case"bottom-left":i+=r,a-=r,u+=n;break;case"left":i+=r,a-=r;break}const s=this.bounds,l=50;a=Math.max(l,Math.min(s.width,a)),u=Math.max(l,Math.min(s.height,u)),i=Math.max(s.left,Math.min(i,s.left+s.width-a)),o=Math.max(s.top,Math.min(o,s.top+s.height-u)),this.lens={x:i,y:o,width:a,height:u},this.dragOffset=e},endResize(){this.currentHandle=null,document.removeEventListener("mousemove",this.onResize),document.removeEventListener("mouseup",this.endResize),document.removeEventListener("touchmove",this.onResize),document.removeEventListener("touchend",this.endResize)},getPoint(t){return t instanceof MouseEvent?{x:t.clientX,y:t.clientY}:{x:t.touches[0].clientX,y:t.touches[0].clientY}}}}),K7="";var q5=function(){var e=this,r=e._self._c;return r("div",{staticClass:"compare-window",style:e.windowStyle,on:{mousedown:e.startDrag,touchstart:e.startDrag}},e._l(e.resizeHandles,function(n){return r("div",{key:n,staticClass:"resize-handle",class:"resize-"+n,on:{mousedown:function(i){return i.stopPropagation(),i.preventDefault(),e.startResize(n,i)},touchstart:function(i){return i.stopPropagation(),i.preventDefault(),e.startResize(n,i)}}})}),0)},U5=[],Z5=H(W5,q5,U5,!1,null,"75e287d0",null,null);const un=Z5.exports,Y5=A.extend({name:"EImagesComparator",components:{EDragResize:un},props:{beforeImageSrc:String,afterImageSrc:String,isLoading:Boolean,mode:{type:String,default:nt.Curtain,validator:t=>Object.values(nt).includes(t)},transparency:{type:Number,default:.5}},data(){return{separatorPositionX:50,isSeparatorDragging:!1,containerRect:{},computedImageDimension:{width:0,height:0,left:0,top:0},zoomState:{},touchIdentifier:null,startTouchX:0,startSeparatorPositionX:50,windowState:{x:200,y:200,width:200,height:200},CompareMode:nt}},computed:{beforeImageStyle(){if(this.isLoading)return{clip:"none"};if(this.mode===nt.Window){const{x:t,y:e,width:r,height:n}=this.windowState;return{clip:`rect(${e}px, ${t+r}px, ${e+n}px, ${t}px)`}}else return this.mode===nt.Curtain?{clip:`rect(auto, ${this.computedImageDimension.width*this.separatorPositionX/100+this.computedImageDimension.left}px, auto, auto)`}:{opacity:`${1-this.transparency}`}},afterImageStyle(){return{opacity:this.mode===nt.Transparency?`${this.transparency}`:"1"}},windowBounds(){return{top:this.computedImageDimension.top,left:this.computedImageDimension.left,width:this.computedImageDimension.width,height:this.computedImageDimension.height}},watermarkStyle(){var a;const{width:t,height:e,left:r,top:n}=this.computedImageDimension,i=60,o={top:`${n+e-i}px`,left:`${r+t-i}px`,width:"50px",height:"50px"};return((a=this.zoomState)==null?void 0:a.zoomLevel)>1&&(o.opacity="0"),o}},methods:{onZoomChange(t){this.zoomState={...t}},handleResize(){var a;const t=this.$refs.container;this.containerRect=t.getBoundingClientRect();const e=(a=this.$refs.afterImage)==null?void 0:a.$refs.image;if(!(e!=null&&e.naturalWidth)||!(e!=null&&e.naturalHeight))return;const r=t.clientWidth,n=t.clientHeight,i=e.naturalWidth/e.naturalHeight;if(r/n>i){const u=n*i;this.computedImageDimension={width:u,height:n,left:(r-u)/2,top:0}}else{const u=r/i;this.computedImageDimension={width:r,height:u,top:(n-u)/2,left:0}}},handleMouseMove(t){if(!this.isSeparatorDragging)return;const r=(t.clientX-this.containerRect.left-this.computedImageDimension.left)/this.computedImageDimension.width*100;this.separatorPositionX=Math.max(0,Math.min(100,r))},handleMouseDown(){this.isSeparatorDragging=!0,document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp)},handleMouseUp(){this.isSeparatorDragging=!1,document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp)},handleTouchStart(t){const e=t.touches[0];e&&(this.touchIdentifier=e.identifier,this.startTouchX=e.clientX,this.startSeparatorPositionX=this.separatorPositionX,document.addEventListener("touchmove",this.handleTouchMove),document.addEventListener("touchend",this.handleTouchEnd))},handleTouchMove(t){const e=Array.from(t.touches).find(i=>i.identifier===this.touchIdentifier);if(!e)return;const n=(e.clientX-this.startTouchX)/this.computedImageDimension.width*100+this.startSeparatorPositionX;this.separatorPositionX=Math.max(0,Math.min(100,n))},handleTouchEnd(){document.removeEventListener("touchmove",this.handleTouchMove),document.removeEventListener("touchend",this.handleTouchEnd),this.touchIdentifier=null},handleWindowChange(t){Object.assign(this.windowState,t)}}}),J7="";var X5=function(){var e=this,r=e._self._c;return r("div",{directives:[{name:"resize-observer",rawName:"v-resize-observer",value:e.handleResize,expression:"handleResize"}],ref:"container",staticClass:"e-h-full e-w-full e-relative e-bg-black e-border-black !e-select-none"},[r("div",{staticClass:"e-w-full e-h-full"},[r("EZoomableImg",{ref:"afterImage",staticClass:"e-block e-w-full e-h-full e-image-comparator__image",style:e.afterImageStyle,attrs:{src:e.afterImageSrc,alt:"After Image",embedded:!0,allowZoom:!0,pan:!0,slider:!1,showMiniature:!0},on:{change:e.onZoomChange,load:e.handleResize}}),r("EZoomableImg",{staticClass:"!e-absolute e-top-0 e-left-0 e-pointer-events-none e-block e-w-full e-h-full e-image-comparator__image",style:e.beforeImageStyle,attrs:{src:e.beforeImageSrc,alt:"Before Image",embedded:!0,allowZoom:!1,pan:!1,slider:!1,showMiniature:!1,initialParams:e.zoomState},on:{load:e.handleResize}})],1),e.mode===e.CompareMode.Curtain&&!e.isLoading?r("ECompareSeparator",{attrs:{"x-offset":e.separatorPositionX},on:{mousedown:function(n){return n.stopPropagation(),n.preventDefault(),e.handleMouseDown.apply(null,arguments)},touchstart:e.handleTouchStart}}):e._e(),e.mode==="window"&&!e.isLoading?r("EDragResize",{attrs:{initial:e.windowState,bounds:e.windowBounds},on:{change:e.handleWindowChange}}):e._e(),e.isLoading?e._e():r("div",{staticClass:"e-images-comparator__watermark",style:e.watermarkStyle},[e._t("watermark",null,null,e.watermarkStyle)],2),e.isLoading?r("div",{staticClass:"e-images-comparator__overlay"},[e._t("overlay")],2):e._e()],1)},V5=[],Q5=H(Y5,X5,V5,!1,null,"2c22e240",null,null);const es=Q5.exports,Ue=A.extend({data(){return{timeouts:[]}},beforeDestroy(){this.$clearTimeouts()},methods:{$setTimeout(t,e=0){const r=setTimeout(t,e);return this.timeouts=[...this.timeouts,r],r},$clearTimeouts(){this.timeouts.forEach(t=>clearTimeout(t)),this.timeouts=[]}}}),K5=A.extend({name:"EExpandableMenu",mixins:[Ue,Ge],props:{padding:{type:Number,default:4},direction:{type:String,default:"top",validator:t=>["top","right","bottom","left"].includes(t)},isMobile:{type:Boolean,default:!1}},data(){return{isMenuOpened:!1,baseSize:{},menuObserver:null}},computed:{row(){return["right","left"].includes(this.direction)},reverse(){return["top","left"].includes(this.direction)}},watch:{isMobile(){this.adjustButtonsPositions()},direction(){this.adjustButtonsPositions()},padding(){this.adjustButtonsPositions()}},mounted(){const t=this.$refs.activator,e=(t==null?void 0:t.getBoundingClientRect())||{};this.baseSize={width:`${e.width}px`,height:`${e.height}px`},this.isMobile||this.$setTimeout(this.toggleMenu,100),this.$addEventListener("resize",this.adjustButtonsPositions),this.observeMenuContentChanges()},beforeDestroy(){this.menuObserver&&this.menuObserver.disconnect()},methods:{toggleMenu(){this.isMenuOpened=!this.isMenuOpened,this.adjustButtonsPositions()},adjustButtonsPositions(){const t=this.$refs.menu,e=Array.from(t==null?void 0:t.children).filter(l=>!l.classList.contains("v-tooltip"));if(!e||!e.length)return;const r=this.isMobile?30:40,n=Array.from(e),i=this.$refs.activator,o=i==null?void 0:i.getBoundingClientRect(),a=Math.min(o[this.row?"width":"height"],r),u=this.isMenuOpened?a+this.padding:0,s=this.row?"X":"Y";t.style.transform=`translate${s}(${(this.reverse?-1:1)*u}px)`,n.forEach((l,d)=>{const p=l.getBoundingClientRect(),m=p==null?void 0:p[this.row?"width":"height"],b=(m>r?m:r)+this.padding,x=this.isMenuOpened?b*d:0;l.style.transform=`translate${s}(${(this.reverse?-1:1)*x}px)`})},observeMenuContentChanges(){const t=this.$refs.menu;t&&(this.menuObserver=new MutationObserver(()=>{this.adjustButtonsPositions()}),this.menuObserver.observe(t,{childList:!0,subtree:!0}))}}}),ed="";var J5=function(){var e=this,r=e._self._c;return r("div",{staticClass:"expandable-menu",class:{"expandable-menu--row":e.row,"expandable-menu--column":!e.row,"expandable-menu--reverse":e.reverse,"expandable-menu--open":e.isMenuOpened,"expandable-menu--closed":!e.isMenuOpened},style:e.baseSize},[r("div",{staticClass:"expandable-menu__container",style:e.baseSize},[r("div",{ref:"activator",staticClass:"v-btn--no-active e-cursor-pointer expandable-menu__activator",on:{click:e.toggleMenu}},[e._t("activator")],2),r("div",e._g({ref:"menu",staticClass:"e-flex e-flex-col expandable-menu__menu",class:{"expandable-menu__menu--closed":!e.isMenuOpened,"expandable-menu__menu--open":e.isMenuOpened,"e-py-2":!e.row,"e-py-0":e.row},attrs:{"data-test-id":"action-buttons-menu"}},e.$listeners),[e._t("default")],2)])])},e2=[],t2=H(K5,J5,e2,!1,null,null,null,null);const ts=t2.exports,r2=A.extend({name:"BaseIcon",props:{name:{type:String,default:"box"},color:{type:String,default:"#3c3c3c"},viewBox:{type:String,default:"0 0 128 128"},width:{type:[Number,String],default:60},height:{type:[Number,String],default:60},size:{type:[Number,String,null],default:null}}});var n2=function(){var e=this,r=e._self._c;return e._self._setupProxy,r("svg",e._g({staticClass:"svg-icon",attrs:{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:e.viewBox,width:e.size||e.width,height:e.size||e.height,"aria-labelledby":e.name,role:"presentation"}},e.$listeners),[r("g",{ref:"group",attrs:{fill:e.color}},[e._t("default",null,{color:e.color})],2)])},i2=[],s2=H(r2,n2,i2,!1,null,null,null,null);const me=s2.exports,a2=A.extend({name:"Bim",components:{BaseIcon:me},props:{color:{type:String,default:"white"}}});var o2=function(){var e=this,r=e._self._c;return e._self._setupProxy,r("BaseIcon",e._b({attrs:{small:!0,width:"22px",height:"22px",viewBox:"0 0 22 22",color:e.color}},"BaseIcon",e.$attrs,!1),[r("g",{attrs:{transform:"translate(0.000000,512.000000) scale(0.100000,-0.100000)"}},[r("path",{style:`fill: ${e.color}`,attrs:{d:`M3.7,5016.4v-43.8l20.9,0.2c19.5,0.2,21.1,0.3,24.7,1.3c5.8,1.6,9.9,3.9,13.3,7.2c3.4,3.5,5.3,6.7,6.4,11
|
|
8
8
|
c3,13-3.4,23.6-16.5,26.8l-3.5,0.9l2.6,0.8c3.5,1.2,8,4.3,10.3,7c7,8.6,5.5,21-3.4,26.9c-7.1,4.8-11.4,5.4-35.7,5.4h-19V5016.4z
|
|
9
9
|
M40.6,5043.9c3.8-2,4.7-3.7,4.5-8.4c-0.2-4.4-1.8-7-5.5-8.9c-2.2-1.1-3.2-1.3-9.1-1.4l-6.7-0.2v10.4v10.4l7-0.2
|
|
10
10
|
C37.4,5045.3,37.9,5045.3,40.6,5043.9z M41.5,5009.4c2.4-0.9,5.4-3.5,6.5-5.7c1.1-2.2,1.1-6.7,0-9.2c-1.1-2.6-2.8-4.4-5.8-5.7
|