\n
\n i||t.velocityX>1?(t.wasSwiped=!0,t.dismiss()):(t.el.style.transition="transform .2s, opacity .2s",t.el.style.transform="",t.el.style.opacity=""),s._draggedToast=null}}static _xPos(t){return t.type.startsWith("touch")&&t.targetTouches.length>=1?t.targetTouches[0].clientX:t.clientX}static dismissAll(){for(let t in s._toasts)s._toasts[t].dismiss()}_createToast(){const t=this.options.toastId?document.getElementById(this.options.toastId):document.createElement("div");return t.classList.add("toast"),t.setAttribute("role","alert"),t.setAttribute("aria-live","assertive"),t.setAttribute("aria-atomic","true"),this.options.classes.length>0&&t.classList.add(...this.options.classes.split(" ")),this.message&&(t.innerText=this.message),s._container.appendChild(t),t}_animateIn(){this.el.style.display="",this.el.style.opacity="0",this.el.style.transition=`\n top ${this.options.inDuration}ms ease,\n opacity ${this.options.inDuration}ms ease\n `,setTimeout((()=>{this.el.style.top="0",this.el.style.opacity="1"}),1)}_setTimer(){this.timeRemaining!==1/0&&(this.counterInterval=setInterval((()=>{this.panning||(this.timeRemaining-=20),this.timeRemaining<=0&&this.dismiss()}),20))}dismiss(){window.clearInterval(this.counterInterval);let t=this.el.offsetWidth*this.options.activationPercent;this.wasSwiped&&(this.el.style.transition="transform .05s, opacity .05s",this.el.style.transform=`translateX(${t}px)`,this.el.style.opacity="0"),this.el.style.transition=`\n margin ${this.options.outDuration}ms ease,\n opacity ${this.options.outDuration}ms ease`,setTimeout((()=>{this.el.style.opacity="0",this.el.style.marginTop="-40px"}),1),setTimeout((()=>{"function"==typeof this.options.completeCallback&&this.options.completeCallback(),this.options.toastId||(this.el.remove(),s._toasts.splice(s._toasts.indexOf(this),1),0===s._toasts.length&&s._removeContainer())}),this.options.outDuration)}}e.Toast=s,s._toasts=[],s._container=null,s._draggedToast=null},719:function(t,e,i){Object.defineProperty(e,"__esModule",{value:!0}),e.Tooltip=void 0;const s=i(185),n=i(91),o={exitDelay:200,enterDelay:0,text:"",margin:5,inDuration:250,outDuration:200,position:"bottom",transitionMovement:10,opacity:1};class l extends n.Component{constructor(t,e){super(t,e,l),this.open=t=>{this.isOpen||(t=void 0===t||void 0,this.isOpen=!0,this.options=Object.assign(Object.assign({},this.options),this._getAttributeOptions()),this._updateTooltipContent(),this._setEnterDelayTimeout(t))},this.close=()=>{this.isOpen&&(this.isHovered=!1,this.isFocused=!1,this.isOpen=!1,this._setExitDelayTimeout())},this._handleMouseEnter=()=>{this.isHovered=!0,this.isFocused=!1,this.open(!1)},this._handleMouseLeave=()=>{this.isHovered=!1,this.isFocused=!1,this.close()},this._handleFocus=()=>{s.Utils.tabPressed&&(this.isFocused=!0,this.open(!1))},this._handleBlur=()=>{this.isFocused=!1,this.close()},this.el.M_Tooltip=this,this.options=Object.assign(Object.assign(Object.assign({},l.defaults),this._getAttributeOptions()),e),this.isOpen=!1,this.isHovered=!1,this.isFocused=!1,this._appendTooltipEl(),this._setupEventHandlers()}static get defaults(){return o}static init(t,e={}){return super.init(t,e,l)}static getInstance(t){return t.M_Tooltip}destroy(){this.tooltipEl.remove(),this._removeEventHandlers(),this.el.M_Tooltip=void 0}_appendTooltipEl(){this.tooltipEl=document.createElement("div"),this.tooltipEl.classList.add("material-tooltip");const t=this.options.tooltipId?document.getElementById(this.options.tooltipId):document.createElement("div");this.tooltipEl.append(t),t.style.display="",t.classList.add("tooltip-content"),this._setTooltipContent(t),this.tooltipEl.appendChild(t),document.body.appendChild(this.tooltipEl)}_setTooltipContent(t){this.options.tooltipId||(t.innerText=this.options.text)}_updateTooltipContent(){this._setTooltipContent(this.tooltipEl.querySelector(".tooltip-content"))}_setupEventHandlers(){this.el.addEventListener("mouseenter",this._handleMouseEnter),this.el.addEventListener("mouseleave",this._handleMouseLeave),this.el.addEventListener("focus",this._handleFocus,!0),this.el.addEventListener("blur",this._handleBlur,!0)}_removeEventHandlers(){this.el.removeEventListener("mouseenter",this._handleMouseEnter),this.el.removeEventListener("mouseleave",this._handleMouseLeave),this.el.removeEventListener("focus",this._handleFocus,!0),this.el.removeEventListener("blur",this._handleBlur,!0)}_setExitDelayTimeout(){clearTimeout(this._exitDelayTimeout),this._exitDelayTimeout=setTimeout((()=>{this.isHovered||this.isFocused||this._animateOut()}),this.options.exitDelay)}_setEnterDelayTimeout(t){clearTimeout(this._enterDelayTimeout),this._enterDelayTimeout=setTimeout((()=>{(this.isHovered||this.isFocused||t)&&this._animateIn()}),this.options.enterDelay)}_positionTooltip(){const t=this.tooltipEl,e=this.el,i=e.offsetHeight,n=e.offsetWidth,o=t.offsetHeight,l=t.offsetWidth,a=this.options.margin;this.xMovement=0,this.yMovement=0;let h=e.getBoundingClientRect().top+s.Utils.getDocumentScrollTop(),r=e.getBoundingClientRect().left+s.Utils.getDocumentScrollLeft();"top"===this.options.position?(h+=-o-a,r+=n/2-l/2,this.yMovement=-this.options.transitionMovement):"right"===this.options.position?(h+=i/2-o/2,r+=n+a,this.xMovement=this.options.transitionMovement):"left"===this.options.position?(h+=i/2-o/2,r+=-l-a,this.xMovement=-this.options.transitionMovement):(h+=i+a,r+=n/2-l/2,this.yMovement=this.options.transitionMovement);const d=this._repositionWithinScreen(r,h,l,o);t.style.top=d.y+"px",t.style.left=d.x+"px"}_repositionWithinScreen(t,e,i,n){const o=s.Utils.getDocumentScrollLeft(),l=s.Utils.getDocumentScrollTop();let a=t-o,h=e-l;const r={left:a,top:h,width:i,height:n},d=this.options.margin+this.options.transitionMovement,c=s.Utils.checkWithinContainer(document.body,r,d);return c.left?a=d:c.right&&(a-=a+i-window.innerWidth),c.top?h=d:c.bottom&&(h-=h+n-window.innerHeight),{x:a+o,y:h+l}}_animateIn(){this._positionTooltip(),this.tooltipEl.style.visibility="visible";const t=this.options.inDuration;this.tooltipEl.style.transition=`\n transform ${t}ms ease-out,\n opacity ${t}ms ease-out`,setTimeout((()=>{this.tooltipEl.style.transform=`translateX(${this.xMovement}px) translateY(${this.yMovement}px)`,this.tooltipEl.style.opacity=(this.options.opacity||1).toString()}),1)}_animateOut(){const t=this.options.outDuration;this.tooltipEl.style.transition=`\n transform ${t}ms ease-out,\n opacity ${t}ms ease-out`,setTimeout((()=>{this.tooltipEl.style.transform="translateX(0px) translateY(0px)",this.tooltipEl.style.opacity="0"}),1)}_getAttributeOptions(){let t={};const e=this.el.getAttribute("data-tooltip"),i=this.el.getAttribute("data-tooltip-id"),s=this.el.getAttribute("data-position");return e&&(t.text=e),s&&(t.position=s),i&&(t.tooltipId=i),t}}e.Tooltip=l},185:function(t,e){Object.defineProperty(e,"__esModule",{value:!0}),e.Utils=void 0;class i{static docHandleKeydown(t){i.keyDown=!0,[...i.keys.TAB,...i.keys.ARROW_DOWN,...i.keys.ARROW_UP].includes(t.key)&&(i.tabPressed=!0)}static docHandleKeyup(t){i.keyDown=!1,[...i.keys.TAB,...i.keys.ARROW_DOWN,...i.keys.ARROW_UP].includes(t.key)&&(i.tabPressed=!1)}static docHandleFocus(t){i.keyDown&&document.body.classList.add("keyboard-focused")}static docHandleBlur(t){document.body.classList.remove("keyboard-focused")}static guid(){const t=()=>Math.floor(65536*(1+Math.random())).toString(16).substring(1);return t()+t()+"-"+t()+"-"+t()+"-"+t()+"-"+t()+t()+t()}static checkWithinContainer(t,e,i){let s={top:!1,right:!1,bottom:!1,left:!1},n=t.getBoundingClientRect(),o=t===document.body?Math.max(n.bottom,window.innerHeight):n.bottom,l=t.scrollLeft,a=t.scrollTop,h=e.left-l,r=e.top-a;return(h
n.right-i||h+e.width>window.innerWidth-i)&&(s.right=!0),(ro-i||r+e.height>window.innerHeight-i)&&(s.bottom=!0),s}static checkPossibleAlignments(t,e,i,s){let n={top:!0,right:!0,bottom:!0,left:!0,spaceOnTop:null,spaceOnRight:null,spaceOnBottom:null,spaceOnLeft:null},o="visible"===getComputedStyle(e).overflow,l=e.getBoundingClientRect(),a=Math.min(l.height,window.innerHeight),h=Math.min(l.width,window.innerWidth),r=t.getBoundingClientRect(),d=e.scrollLeft,c=e.scrollTop,p=i.left-d,u=i.top-c,m=i.top+r.height-c;return n.spaceOnRight=o?window.innerWidth-(r.left+i.width):h-(p+i.width),n.spaceOnRight<0&&(n.left=!1),n.spaceOnLeft=o?r.right-i.width:p-i.width+r.width,n.spaceOnLeft<0&&(n.right=!1),n.spaceOnBottom=o?window.innerHeight-(r.top+i.height+s):a-(u+i.height+s),n.spaceOnBottom<0&&(n.top=!1),n.spaceOnTop=o?r.bottom-(i.height+s):m-(i.height-s),n.spaceOnTop<0&&(n.bottom=!1),n}static getIdFromTrigger(t){let e=t.dataset.target;return e||(e=t.getAttribute("href"),e?e.slice(1):"")}static getDocumentScrollTop(){return window.scrollY||document.documentElement.scrollTop||document.body.scrollTop||0}static getDocumentScrollLeft(){return window.scrollX||document.documentElement.scrollLeft||document.body.scrollLeft||0}static throttle(t,e,i=null){let s,n,o,l=null,a=0;i||(i={});let h=function(){a=!1===i.leading?0:(new Date).getTime(),l=null,o=t.apply(s,n),s=n=null};return function(){let r=(new Date).getTime();a||!1!==i.leading||(a=r);let d=e-(r-a);return s=this,n=arguments,d<=0?(clearTimeout(l),l=null,a=r,o=t.apply(s,n),s=n=null):l||!1===i.trailing||(l=setTimeout(h,d)),o}}}e.Utils=i,i.tabPressed=!1,i.keyDown=!1,i.keys={TAB:["Tab"],ENTER:["Enter"],ESC:["Escape","Esc"],BACKSPACE:["Backspace"],ARROW_UP:["ArrowUp","Up"],ARROW_DOWN:["ArrowDown","Down"],ARROW_LEFT:["ArrowLeft","Left"],ARROW_RIGHT:["ArrowRight","Right"],DELETE:["Delete","Del"]}},958:function(t,e){Object.defineProperty(e,"__esModule",{value:!0}),e.Waves=void 0;class i{static _offset(t){const e=t.getBoundingClientRect(),i=document.documentElement;return{top:e.top+window.pageYOffset-i.clientTop,left:e.left+window.pageXOffset-i.clientLeft}}static renderWaveEffect(t,e=null,i=null){const s=null===e;let n,o;const l=function(a){o||(o=a);const h=a-o;if(h<500){const o=h/500*(2-h/500),a=s?"circle at 50% 50%":`circle at ${e.x}px ${e.y}px`,r=`rgba(${(null==i?void 0:i.r)||0}, ${(null==i?void 0:i.g)||0}, ${(null==i?void 0:i.b)||0}, ${.3*(1-o)})`,d=90*o+"%";t.style.backgroundImage="radial-gradient("+a+", "+r+" "+d+", transparent "+d+")",n=window.requestAnimationFrame(l)}else t.style.backgroundImage="none",window.cancelAnimationFrame(n)};n=window.requestAnimationFrame(l)}static Init(){document.addEventListener("DOMContentLoaded",(()=>{document.body.addEventListener("click",(t=>{const e=t.target,s=e.closest(".waves-effect");if(s&&s.contains(e)){const e=s.classList.contains("waves-circle"),n=t.pageX-i._offset(s).left,o=t.pageY-i._offset(s).top;let l=null;s.classList.contains("waves-light")&&(l={r:255,g:255,b:255}),i.renderWaveEffect(s,e?null:{x:n,y:o},l)}}))}))}}e.Waves=i}},e={};function i(s){var n=e[s];if(void 0!==n)return n.exports;var o=e[s]={exports:{}};return t[s](o,o.exports,i),o.exports}var s={};return function(){var t=s;Object.defineProperty(t,"__esModule",{value:!0}),t.M=void 0;const e=i(858),n=i(493),o=i(223),l=i(460),a=i(991),h=i(763),r=i(448),d=i(424),c=i(735),p=i(419),u=i(114),m=i(369),v=i(566),_=i(243),g=i(37),y=i(422),f=i(160),w=i(271),E=i(830),b=i(536),L=i(477),C=i(750),k=i(719),T=i(958),x=i(93),S=i(185);class O{static AutoInit(t=document.body){let e={Autocomplete:t.querySelectorAll(".autocomplete:not(.no-autoinit)"),Carousel:t.querySelectorAll(".carousel:not(.no-autoinit)"),Chips:t.querySelectorAll(".chips:not(.no-autoinit)"),Collapsible:t.querySelectorAll(".collapsible:not(.no-autoinit)"),Datepicker:t.querySelectorAll(".datepicker:not(.no-autoinit)"),Dropdown:t.querySelectorAll(".dropdown-trigger:not(.no-autoinit)"),Materialbox:t.querySelectorAll(".materialboxed:not(.no-autoinit)"),Modal:t.querySelectorAll(".modal:not(.no-autoinit)"),Parallax:t.querySelectorAll(".parallax:not(.no-autoinit)"),Pushpin:t.querySelectorAll(".pushpin:not(.no-autoinit)"),ScrollSpy:t.querySelectorAll(".scrollspy:not(.no-autoinit)"),FormSelect:t.querySelectorAll("select:not(.no-autoinit)"),Sidenav:t.querySelectorAll(".sidenav:not(.no-autoinit)"),Tabs:t.querySelectorAll(".tabs:not(.no-autoinit)"),TapTarget:t.querySelectorAll(".tap-target:not(.no-autoinit)"),Timepicker:t.querySelectorAll(".timepicker:not(.no-autoinit)"),Tooltip:t.querySelectorAll(".tooltipped:not(.no-autoinit)"),FloatingActionButton:t.querySelectorAll(".fixed-action-btn:not(.no-autoinit)")};O.Autocomplete.init(e.Autocomplete,{}),O.Carousel.init(e.Carousel,{}),O.Chips.init(e.Chips,{}),O.Collapsible.init(e.Collapsible,{}),O.Datepicker.init(e.Datepicker,{}),O.Dropdown.init(e.Dropdown,{}),O.Materialbox.init(e.Materialbox,{}),O.Modal.init(e.Modal,{}),O.Parallax.init(e.Parallax,{}),O.Pushpin.init(e.Pushpin,{}),O.ScrollSpy.init(e.ScrollSpy,{}),O.FormSelect.init(e.FormSelect,{}),O.Sidenav.init(e.Sidenav,{}),O.Tabs.init(e.Tabs,{}),O.TapTarget.init(e.TapTarget,{}),O.Timepicker.init(e.Timepicker,{}),O.Tooltip.init(e.Tooltip,{}),O.FloatingActionButton.init(e.FloatingActionButton,{})}}t.M=O,O.version="2.0.4",O.Autocomplete=e.Autocomplete,O.Tabs=E.Tabs,O.Carousel=l.Carousel,O.Dropdown=c.Dropdown,O.FloatingActionButton=n.FloatingActionButton,O.Chips=h.Chips,O.Collapsible=r.Collapsible,O.Datepicker=d.Datepicker,O.CharacterCounter=a.CharacterCounter,O.Forms=p.Forms,O.FormSelect=y.FormSelect,O.Modal=m.Modal,O.Pushpin=_.Pushpin,O.Materialbox=u.Materialbox,O.Parallax=v.Parallax,O.Slider=w.Slider,O.Timepicker=L.Timepicker,O.toast=t=>new C.Toast(t),O.Tooltip=k.Tooltip,O.Sidenav=f.Sidenav,O.TapTarget=b.TapTarget,O.ScrollSpy=g.ScrollSpy,O.Range=x.Range,O.Waves=T.Waves,O.Utils=S.Utils,document.addEventListener("keydown",S.Utils.docHandleKeydown,!0),document.addEventListener("keyup",S.Utils.docHandleKeyup,!0),document.addEventListener("focus",S.Utils.docHandleFocus,!0),document.addEventListener("blur",S.Utils.docHandleBlur,!0),o.Cards.Init(),p.Forms.Init(),h.Chips.Init(),T.Waves.Init(),x.Range.Init()}(),s}()}));
+//# sourceMappingURL=materialize.min.js.map
\ No newline at end of file
diff --git a/include-build/roborazzi-gradle-plugin/src/main/resources/META-INF/assets/report-style.css b/include-build/roborazzi-gradle-plugin/src/main/resources/META-INF/assets/report-style.css
new file mode 100644
index 000000000..9b90fae33
--- /dev/null
+++ b/include-build/roborazzi-gradle-plugin/src/main/resources/META-INF/assets/report-style.css
@@ -0,0 +1,33 @@
+.container {
+ width: 90%;
+ }
+
+ h3 {
+ color: orange;
+ }
+
+ a, .menu {
+ color: white;
+ }
+
+ th a, td a {
+ display: block;
+ color: black;
+ }
+
+ .material-icons {
+ color: #29b6f6;
+ }
+
+ .us {
+ color: #ffcc80;
+ }
+
+ #imageBottomSheet {
+ max-height: 100%;
+ top: 15%;
+ }
+
+ #modalImage {
+ max-width: 100%;
+ }
\ No newline at end of file
diff --git a/include-build/roborazzi-gradle-plugin/src/main/resources/META-INF/index.html b/include-build/roborazzi-gradle-plugin/src/main/resources/META-INF/index.html
new file mode 100644
index 000000000..56bcd56c7
--- /dev/null
+++ b/include-build/roborazzi-gradle-plugin/src/main/resources/META-INF/index.html
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+ Roborazzi report
+
+
+
+
+
+
+
+
+
+
+
+
![]()
+
+