angular-walkthrough - npm Package Compare versions

Comparing version 0.9.2 to 0.9.3

bundles/angular-walkthrough.umd.min.js

@@ -15,3 +15,3 @@ !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/cdk/portal"),require("@angular/core"),require("rxjs"),require("rxjs/operators"),require("@angular/common")):"function"==typeof define&&define.amd?define("angular-walkthrough",["exports","@angular/cdk/portal","@angular/core","rxjs","rxjs/operators","@angular/common"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self)["angular-walkthrough"]={},t.ng.cdk.portal,t.ng.core,t.rxjs,t.rxjs.operators,t.ng.common)}(this,(function(t,e,o,n,i,r){"use strict";
     PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */var s=function(t,e){return(s=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])})(t,e)};Object.create;function a(t){var e="function"==typeof Symbol&&Symbol.iterator,o=e&&t[e],n=0;if(o)return o.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&n>=t.length&&(t=void 0),{value:t&&t[n++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}Object.create;var h=function(){this.previous="Previous",this.next="Next",this.close="Close"},l=function(t){return""===t||"true"===t||!0===t},c=function(t,e){this.component=t,this.focusElement=e},p=function(){function t(t,e,o,n){void 0===t&&(t=0),this.top=t,this.right=e,this.bottom=o,this.left=n,void 0===e&&(this.right=t),void 0===o&&(this.bottom=t),void 0===n&&void 0===e?this.left=t:void 0===n&&(this.left=e)}return t.parsePoints=function(e){var o;if(e.match(/^\d+(?:\s+\d+)*$/)){var n=e.split(/\s+/).map((function(t){return parseFloat(t)}));o=new t(n[0],n[1],n[2],n[3])}return o||new t},t}(),u=function(){function t(){this._overflowRegex=/(auto|scroll)/}return t.prototype.retrieveCoordinates=function(t,e){var o=t.getBoundingClientRect(),n=window.getComputedStyle(t),i={top:o.top-(e?e.top:0),height:o.height,width:o.width,left:o.left-(e?e.left:0),margin:{top:parseFloat(n.marginTop),right:parseFloat(n.marginRight),bottom:parseFloat(n.marginBottom),left:parseFloat(n.marginLeft)}};return i.top+=this.getTop(),i},t.prototype.getTop=function(){return window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop},t.prototype.getDocumentHeight=function(){var t=Math.max(document.body.scrollHeight,document.body.offsetHeight,document.documentElement.clientHeight,document.documentElement.scrollHeight,document.documentElement.offsetHeight);return Math.max(this.getHeightOfPage()+this.getTop(),t)},t.prototype.scrollIntoViewIfOutOfView=function(t){for(var e=this.getTop(),o=this.getHeightOfPage(),n=0,i=t;i&&i!==document.body;)n+=i.offsetTop,i=i.offsetParent;if(e+o<n+t.offsetHeight)t.scrollIntoView(!1);else if(n<e)t.scrollIntoView(!0),window.scrollBy(0,-30);else for(var r=t;r&&r!==document.body;){if(i=this.getScrollParent(r),r.offsetTop+r.offsetHeight-i.scrollTop>i.offsetHeight||r.offsetLeft+r.offsetWidth-i.scrollLeft>i.offsetWidth){t.scrollIntoView(),window.scrollBy(0,-30);break}r=i}},t.prototype.getScrollParent=function(t){var e,o=getComputedStyle(t),n="absolute"===o.position;if("fixed"!==o.position)for(var i=t.parentElement;i&&i!==document.body;){if(o=getComputedStyle(i),(!n||"static"!==o.position)&&this._overflowRegex.test(o.overflow+o.overflowY+o.overflowX)){e=i;break}i=i.parentElement}return e||document.body},t.prototype.getHeightOfPage=function(){return window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight},t}();u.decorators=[{type:o.Injectable}];var f=0,g="No instance of walkthroughContainer.",d="Another walkthrough is ongoing. Please close it before opening a new one.",w=function(){function t(e,r,s,a,h){var l=this;this._componentFactoryResolver=e,this._applicationRef=r,this._injector=s,this._renderer=a,this._walkthroughService=h,this.closed=new o.EventEmitter,this.finished=new o.EventEmitter,this.ready=new o.EventEmitter,this.typeSelector="element",this.contentStyle="draken",this.animation="none",this.animationDelays=0,this.scrollOnTarget=!0,this._uid="walkthrough-"+f++,this._readyHasBeenEmited=!1,this._display=!1,this._hasHighlightAnimation=!1,this._hasBackdrop=!1,this._hasGlow=!1,this._hasFinish=!1,this._hasArrow=!1,this._hasCloseButton=!1,this._hasCloseAnywhere=!0,this._disabled=!1,this._marginZonePx=new p,this._alignContent="left",this._verticalAlignContent="top",this._contentSpacing=0,this._verticalContentSpacing=50,this._onContainerInit=new n.Subject,this._onResize=new n.Subject,this._notScrollOnResize=!0,this._resizeDelays=200,this._onResize.pipe(i.debounceTime(this._resizeDelays)).subscribe((function(){var e,o,n=l._getInstance();(null==n?void 0:n.ongoing)&&l._display&&!(null===(o=null===(e=t._walkthroughContainer)||void 0===e?void 0:e.instance)||void 0===o?void 0:o.pause)&&(l._elementLocations(!l._notScrollOnResize),setTimeout((function(){l._elementLocations(!l._notScrollOnResize)}),50))}))}return Object.defineProperty(t.prototype,"marginZone",{get:function(){return this._marginZone},set:function(t){this._marginZone!==t&&(null===t&&(this._marginZone=null),this._marginZonePx=p.parsePoints(t),null!==this._marginZonePx&&(this._marginZone=t))},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"arrowColor",{get:function(){return this._arrowColor},set:function(t){this._arrowColor!==t&&(this._arrowColor=t,this._getInstance()&&(this._getInstance().arrowColor=this._arrowColor))},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"notScrollOnResize",{get:function(){return this._notScrollOnResize},set:function(t){this._notScrollOnResize=l(t)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"id",{get:function(){return this._id},set:function(t){this._id=t||this._uid},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"alignContent",{get:function(){return this._alignContent},set:function(t){this._alignContent!==t?(this._alignContent=t,this._updateElementPositions(this._getInstance())):this._alignContent=t},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"verticalAlignContent",{get:function(){return this._verticalAlignContent},set:function(t){this._verticalAlignContent!==t?(this._verticalAlignContent=t,this._updateElementPositions(this._getInstance())):this._verticalAlignContent=t},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"contentSpacing",{get:function(){return this._contentSpacing},set:function(e){e=Math.max(t.minimalMargin,e),this._contentSpacing!==e?(this._contentSpacing=1*e,this._updateElementPositions(this._getInstance())):this._contentSpacing=1*e},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"verticalContentSpacing",{get:function(){return this._verticalContentSpacing},set:function(e){e=Math.max(t.minimalMargin,e),this._verticalContentSpacing!==e?(this._verticalContentSpacing=1*e,this._updateElementPositions(this._getInstance())):this._verticalContentSpacing=1*e},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"closeButton",{get:function(){return this._hasCloseButton},set:function(t){this._hasCloseButton=l(t)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"closeAnywhere",{get:function(){return this._hasCloseAnywhere},set:function(t){this._hasCloseAnywhere=l(t)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"showArrow",{get:function(){return this._hasArrow},set:function(t){this._hasArrow=l(t)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"finishButton",{get:function(){return this._hasFinish},set:function(t){this._hasFinish=l(t)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"focusHighlightAnimation",{get:function(){return this._hasHighlightAnimation},set:function(t){this._hasHighlightAnimation=l(t)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"focusBackdrop",{get:function(){return this._hasBackdrop},set:function(t){this._hasBackdrop=l(t)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"focusGlow",{get:function(){return this._hasGlow},set:function(t){this._hasGlow=l(t)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"disabled",{get:function(){return this._disabled},set:function(t){var e=this;this._disabled=t;var o=this._getInstance();o&&setTimeout((function(){o.hasPrevious=e._hasPreviousStep(o),o.hasNext=e._hasNextStep(o),o.hasNext?o.hasFinish=o.parent.finishButton:o.hasFinish=!0}),50)},enumerable:!1,configurable:!0}),t.walkthroughStop=function(){t._walkthroughContainer&&t._walkthroughContainer.instance.stop()},t.walkthroughHasShow=function(){return!!t._walkthroughContainer&&t._walkthroughContainer.instance.show},t.walkthroughHasPause=function(){return!!t._walkthroughContainer&&t._walkthroughContainer.instance.pause},t.walkthroughContinue=function(){t._walkthroughContainer&&t._walkthroughContainer.instance.parent&&(t._walkthroughContainer.instance.parent._checkVisibility()?t._walkthroughContainer.instance.continue():t._walkthroughContainer.instance.ongoing=!1)},t.walkthroughNext=function(){t._walkthroughContainer&&t._walkthroughContainer.instance.next()},t.walkthroughPrevious=function(){t._walkthroughContainer&&t._walkthroughContainer.instance.previous()},t.prototype.resize=function(){this._onResize.next()},t.prototype.ngAfterViewInit=function(){var e=this;t._walkthroughContainer||t._walkthroughContainerCreating||(t._walkthroughContainerCreating=!0,setTimeout((function(){t._walkthroughContainer=e._appendComponentToBody(_),e._onContainerInit.next()})))},t.prototype.next=function(t,e){t&&(this.closed=t),e&&(this.finished=e),this.open()},t.prototype.refresh=function(){this._getInstance()?this._getInstance().ongoing?console.warn(d):(t.onRefresh.next(this),this._elementLocations()):console.warn(g)},t.prototype.open=function(){var t=this;return new Promise((function(e){t._checkVisibility()?t._getInstance()?e(t._open()):t._onContainerInit.pipe(i.first()).subscribe((function(){t._getInstance()?e(t._open()):(console.warn(g),e(!1))})):e(!1)}))},t.prototype.loadPrevioustStep=function(){var e=this;setTimeout((function(){t.onNavigate.next({previous:e,next:e.previousStep}),t.onNavigatePrevious.next({previous:e,next:e.previousStep}),e.previousStep._next(e.closed,e.finished)}),0)},t.prototype.loadNextStep=function(){var e=this;setTimeout((function(){t.onNavigate.next({previous:e,next:e.nextStep}),t.onNavigateNext.next({previous:e,next:e.nextStep}),e.nextStep._next(e.closed,e.finished)}),0)},t.prototype._hide=function(e,o){var n=this;void 0===e&&(e=!1),void 0===o&&(o=!0),this._display=!1,this.focusElementCSSClass&&this._focusElement&&this._renderer.removeClass(this._focusElement,this.focusElementCSSClass),o&&setTimeout((function(){n._getInstance().ongoing=!1,t.onClose.next(n),n.closed.emit(e),n.nextStep||(t.onFinish.next(n),n.finished.emit(new c(n,n._focusElement)))}),20)},t.prototype._checkVisibility=function(){var t,e;if(this.focusElementSelector){var o=document.querySelectorAll(this.focusElementSelector);if(0===o.length)return!1;if(this.visibilityCallback)return this.visibilityCallback();try{for(var n=a(o),i=n.next();!i.done;i=n.next()){if(null===i.value.offsetParent)return!1}}catch(e){t={error:e}}finally{try{i&&!i.done&&(e=n.return)&&e.call(n)}finally{if(t)throw t.error}}}return!0},t.prototype._open=function(){return this._getInstance().ongoing?(console.warn(d),!1):(this._getInstance().ongoing=!0,t.onOpen.next(this),this._elementLocations(),!0)},t.prototype._show=function(){this._display=!0},t.prototype._next=function(t,e){t&&(this.closed=t),e&&(this.finished=e);var o=this._getInstance();o&&o.ongoing&&(o.ongoing=!1),this.open()},t.prototype._getInstance=function(){return t._walkthroughContainer?t._walkthroughContainer.instance:null},t.prototype._appendComponentToBody=function(t){var e=this._componentFactoryResolver.resolveComponentFactory(t).create(this._injector);this._applicationRef.attachView(e.hostView);var o=e.hostView.rootNodes[0];return document.body.appendChild(o),e},t.prototype._attachWalkthroughContent=function(t,n){t instanceof o.TemplateRef?n.attachTemplatePortal(new e.TemplatePortal(t,null)):n.attachComponentPortal(new e.ComponentPortal(t))},t.prototype._elementLocations=function(t){void 0===t&&(t=!0),this._getFocusElement();var e=this._focusElement;if(e){if(t&&(this.scrollOnTarget&&this._walkthroughService.scrollIntoViewIfOutOfView(e),this.rootElement&&document.querySelector(this.rootElement).scrollIntoView(!0)),this._offsetCoordinates=this._walkthroughService.retrieveCoordinates(e),"zone"===this.typeSelector){var o=this._walkthroughService.retrieveCoordinates(this._focusElementEnd);this._offsetCoordinates.height=o.top-this._offsetCoordinates.top+o.height,this._offsetCoordinates.width=o.left-this._offsetCoordinates.left+o.width}}else this._offsetCoordinates=null;this._setFocus()},t.prototype._getFocusElement=function(){var t;try{t=this.focusElementSelector?document.querySelectorAll(this.focusElementSelector):null}catch(t){console.error("#"+this.id+"@focusElementSelector: '"+this.focusElementSelector+"' is not a valid selector.\n",t)}if(t&&t.length>0)if(t.length>1){for(var e=t.length,o=0;o<e;o++)if(t[o].offsetHeight){this._focusElement=t[o],o=t.length;break}if("zone"===this.typeSelector){for(o=e-1;o>=0;o--)if(t[o].offsetHeight){this._focusElementEnd=t[o],o=t.length;break}this._focusElement===this._focusElementEnd&&(this.typeSelector="element")}}else this._focusElement=t[0],this.typeSelector="element";else this._focusElement=null},t.prototype._setFocus=function(){var t=this,e=this._getInstance();if(e){var o=window.pageXOffset;this._initStylingTemplate(e),setTimeout((function(){t._focusElement&&e.zone?(e.marginZonePx=t._marginZonePx,e.hightlightZone(t._offsetCoordinates,o-window.pageXOffset,t.animation,t.animationDelays,t._setFocusContinue.bind(t))):t._setFocusContinue()}),20)}},t.prototype._setFocusContinue=function(){var t=this,e=this._getInstance();this._display||(this._attachContentTemplate(),this._initContentTemplate(e)),setTimeout((function(){e.hightlightZoneStyling(t._focusElement),t._updateElementPositions(e)}),0)},t.prototype._updateElementPositions=function(e){var o=this;t._walkthroughContainer&&this._getInstance()&&setTimeout((function(){e.contentBlockPosition(o._offsetCoordinates,o._alignContent,o._verticalAlignContent,o._contentSpacing,o._verticalContentSpacing),null!==o._focusElement&&o._hasArrow&&e.arrowPosition(o._offsetCoordinates),o.focusElementCSSClass&&o._focusElement&&o._renderer.addClass(o._focusElement,o.focusElementCSSClass),setTimeout((function(){o._getInstance().setHeight(),o._readyHasBeenEmited||(o._readyHasBeenEmited=!0,o.ready.emit(new c(o,o._focusElement)));var n,i=e.contentBlock.nativeElement;if(null!=o._focusElement){var r=o._walkthroughService.retrieveCoordinates(i),s=o._walkthroughService.retrieveCoordinates(o._focusElement);r.height+s.height>window.innerHeight?(i.scrollIntoView(!0),n=r.top>s.top?-r.height/2:+r.height/2):r.top>s.top?(window.scrollTo(s.left,s.top),n=-t.minimalMargin):(i.scrollIntoView(!0),n=-t.minimalMargin)}else i.scrollIntoView(!0),n=-t.minimalMargin;window.scrollBy(0,n)}),50)}),0)},t.prototype._attachContentTemplate=function(){this.contentTemplate&&this._attachWalkthroughContent(this.contentTemplate,this._getInstance())},t.prototype._initStylingTemplate=function(t){var e=null!==this._focusElement;t.parent=this,t.open(),t.hasHighlightZone=e,t.hasClickable=e&&"function"==typeof this.focusClick,t.hasHighlight=e&&this._hasHighlightAnimation,t.hasBackdrop=this._hasBackdrop,t.hasGlow=e&&this._hasGlow},t.prototype._initContentTemplate=function(t){var e=null!==this._focusElement;t.hasPrevious=this._hasPreviousStep(t),t.hasNext=this._hasNextStep(t),t.hasCloseButton=this._hasCloseButton,t.hasCloseAnywhere=this._hasCloseAnywhere,t.hasFinish=this._hasFinish||!t.hasNext,t.hasArrow=e&&this._hasArrow,t.arrowColor=this.arrowColor,t.radius=this.radius,t.marginZone=this._marginZone?this._marginZone.replace(/(\d+)/g,"$1px"):null,t.marginZonePx=this._marginZonePx,t.contentText=this.contentText,t.contentStyle=this.contentStyle,t.text=this.texts?Object.assign(Object.assign({},new h),this.texts):new h,this._show()},t.prototype._hasPreviousStep=function(t){if(t.parent)for(var e=t.parent.previousStep;e;){if(!e.disabled)return!0;e=e.previousStep}return!1},t.prototype._hasNextStep=function(t){if(t.parent)for(var e=t.parent.nextStep;e;){if(!e.disabled)return!0;e=e.nextStep}return!1},t}();function m(){throw Error("Attempting to attach walkthrough content after content is already attached")}w._walkthroughContainer=null,w._walkthroughContainerCreating=!1,w.minimalMargin=60,w.onOpen=new n.Subject,w.onRefresh=new n.Subject,w.onClose=new n.Subject,w.onNavigate=new n.Subject,w.onNavigatePrevious=new n.Subject,w.onNavigateNext=new n.Subject,w.onFinish=new n.Subject,w.decorators=[{type:o.Component,args:[{selector:"ng-walkthrough",template:""}]}],w.ctorParameters=function(){return[{type:o.ComponentFactoryResolver},{type:o.ApplicationRef},{type:o.Injector},{type:o.Renderer2},{type:u}]},w.propDecorators={closed:[{type:o.Output}],finished:[{type:o.Output}],ready:[{type:o.Output}],focusElementCSSClass:[{type:o.Input}],rootElement:[{type:o.Input}],focusElementSelector:[{type:o.Input}],typeSelector:[{type:o.Input}],focusClick:[{type:o.Input}],radius:[{type:o.Input}],previousStep:[{type:o.Input}],nextStep:[{type:o.Input}],texts:[{type:o.Input}],contentTemplate:[{type:o.Input}],contentText:[{type:o.Input}],contentStyle:[{type:o.Input}],marginZone:[{type:o.Input}],arrowColor:[{type:o.Input}],animation:[{type:o.Input}],animationDelays:[{type:o.Input}],notScrollOnResize:[{type:o.Input}],id:[{type:o.Input}],alignContent:[{type:o.Input}],verticalAlignContent:[{type:o.Input}],contentSpacing:[{type:o.Input}],verticalContentSpacing:[{type:o.Input}],closeButton:[{type:o.Input}],closeAnywhere:[{type:o.Input}],showArrow:[{type:o.Input}],finishButton:[{type:o.Input}],focusHighlightAnimation:[{type:o.Input}],focusBackdrop:[{type:o.Input}],focusGlow:[{type:o.Input}],disabled:[{type:o.Input}],scrollOnTarget:[{type:o.Input}],visibilityCallback:[{type:o.Input}],resize:[{type:o.HostListener,args:["window:resize"]}]};var y=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),_=function(t){function e(e,o,n,i){var r=t.call(this)||this;return r.viewContainerRef=e,r._walkthroughService=o,r._renderer=n,r._el=i,r.markerUrl="url(#wkt-arrow)",r.ongoing=!1,r.show=!1,r.pause=!1,r.hasHighlightZone=!1,r.hasHighlight=!1,r.hasBackdrop=!1,r.hasGlow=!1,r.hasPrevious=!1,r.hasNext=!1,r.hasFinish=!1,r.hasCloseButton=!1,r.hasCloseAnywhere=!0,r.hasArrow=!1,r.arrowMarkerDist=7,r.marginZonePx=new p,r.text=new h,r}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function o(){this.constructor=t}s(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}(e,t),Object.defineProperty(e.prototype,"id",{get:function(){return this.parent?this.parent.id+"-container":null},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"hide",{get:function(){return!this.show},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"cursor",{get:function(){return this.hasCloseAnywhere},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"backdrop",{get:function(){return!this.hasHighlightZone&&this.hasBackdrop},enumerable:!1,configurable:!0}),e.prototype.click=function(){this.hasCloseAnywhere&&this.show&&this.close()},e.prototype.clickZone=function(t){this.parent&&this.hasClickable&&this.parent.focusClick(t,this)},e.prototype.attachComponentPortal=function(t){return this._portalHost.hasAttached()&&m(),this._portalHost.attachComponentPortal(t)},e.prototype.attachTemplatePortal=function(t){return this._portalHost.hasAttached()&&m(),this._portalHost.attachTemplatePortal(t)},e.prototype.setHeight=function(){this._renderer.setStyle(this._el.nativeElement,"height",this._walkthroughService.getDocumentHeight()+"px")},e.prototype.hightlightZone=function(t,e,o,n,i){var r=this,s=this.zone.nativeElement,a=s.style,h=window.getComputedStyle(s,null);if("linear"===o&&n>0&&"auto"!==h.left){this.hideOther=!0;var l=20,c=n/l,p=parseInt(h.left,10),u=e+parseInt(h.top,10),f=parseInt(h.width,10),g=parseInt(h.height,10),d=(t.left-p)/l,w=(t.top-u)/l,m=(t.width-f)/l,y=(t.height-g)/l,_=0;this.show=!0,a.borderRadius="50%";var b=setInterval((function(){a.left=p+d*_+"px",a.top=u+w*_+"px",a.width=f+m*_+"px",a.height=g+y*_+"px",_++>=l&&(clearInterval(b),r.hideOther=!1,i())}),c)}else a.left=t.left-this.marginZonePx.left+"px",a.top=t.top-this.marginZonePx.top+"px",a.width=t.width+"px",a.height=t.height+"px",i()},e.prototype.hightlightZoneStyling=function(t){if(t){var e=this.zone.nativeElement.style;if(this.radius)if(Number(this.radius)===parseFloat(this.radius))e.borderRadius=this.radius+"%";else if("auto"===this.radius){var o=window.getComputedStyle(t,null);e.borderTopLeftRadius=o.borderTopLeftRadius,e.borderTopRightRadius=o.borderTopRightRadius,e.borderBottomLeftRadius=o.borderBottomLeftRadius,e.borderBottomRightRadius=o.borderBottomRightRadius}else e.borderRadius=this.radius;else e.borderRadius=""}},e.prototype.contentBlockPosition=function(t,e,o,n,i){var r=this.contentBlock.nativeElement,s=this._walkthroughService.retrieveCoordinates(r),a=s.width+s.margin.left+s.margin.right,h=s.height+s.margin.top+s.margin.bottom,l=JSON.parse(JSON.stringify(t));l.top-=this.marginZonePx.top,l.left-=this.marginZonePx.left,l.width+=this.marginZonePx.left+this.marginZonePx.right,l.height+=this.marginZonePx.top+this.marginZonePx.bottom;var c=!1;if(this.hasHighlightZone){var p=l.left,u=window.innerWidth-l.left-l.width;if(p<a&&u<a&&(c=!0),("top"===o||"center"===o||"bottom"===o)&&!c)if("center"===e)Math.max(u,p)<a+(window.innerWidth-a)/2&&(e=u>p?"right":"left");else("left"===e&&p<a||"right"===e&&u<a)&&(o="bottom"===o||l.top<h?"below":"above")}if(c&&(e="center"),r.style.right="",r.style.left="","left"===e){if(r.style.left="0",this.hasHighlightZone){var f=l.left-a;n&&f>n&&(r.style.left=l.left-a-n+"px")}}else if("center"===e)r.style.left=window.innerWidth/2-a/2+"px";else if("right"===e&&(r.style.right="0",this.hasHighlightZone)){f=window.innerWidth-l.left-l.width-a;n&&f>n&&(r.style.right="",r.style.left=l.left+l.width+n+"px")}if(this.hasHighlightZone){var g=this._walkthroughService.retrieveCoordinates(r).left+a/2;if(this._arrowPosition=g>l.left-w.minimalMargin&&g<l.left+l.width+w.minimalMargin?"topBottom":"leftRight",o&&!c){f=0;switch(this._contentPosition=o,o){case"above":f=l.top,r.style.top=f>i?l.top-h-i+"px":"0",this._arrowPosition="topBottom";break;case"top":r.style.top=l.top+"px";break;case"center":r.style.top=l.top+l.height/2-h/2+"px";break;case"bottom":r.style.top=l.top+l.height-h+"px";break;case"below":f=this._walkthroughService.getDocumentHeight()-l.top+l.height,r.style.top=f>i?l.top+l.height+i+"px":this._walkthroughService.getDocumentHeight()-h+"px",this._arrowPosition="topBottom"}}else"below"===o||l.top<h?(r.style.top=l.top+l.height+w.minimalMargin+"px",this._contentPosition="below"):(r.style.top=l.top-h-w.minimalMargin+"px",this._contentPosition="above")}else r.style.top=this._walkthroughService.getHeightOfPage()/2-h/2+"px"},e.prototype.arrowPosition=function(t){var e,o,n=this.contentBlock.nativeElement,i=this._walkthroughService.retrieveCoordinates(n),r=t.width+this.marginZonePx.left+this.marginZonePx.right,s=t.height+this.marginZonePx.top+this.marginZonePx.bottom,a=i.left+i.width/2,h=i.top+i.height,l=t.left-this.marginZonePx.left,c=t.top-this.marginZonePx.top;switch(this._contentPosition){case"top":case"center":case"bottom":a=i.left>t.left?i.left:i.left+i.width,h-=i.height/2;break;case"below":h-=i.height}if("topBottom"===this._arrowPosition)l+=r/2,"below"===this._contentPosition?c+=s+6:c-=6,o=(a+l)/2,h<(e=(h+c)/2)?e-=Math.abs(h-e)/2:e+=Math.abs(h-e)/2,this.arrowPath="M"+a+","+h+" Q"+a+","+e+" "+o+","+e+" Q"+l+","+e+" "+l+","+c;else{a>t.left?l+=r+this.arrowMarkerDist:l-=this.arrowMarkerDist,e=(h+(c+=s/2))/2,a<(o=(a+l)/2)?o-=Math.abs(a-o)/2:o+=Math.abs(a-o)/2;var p=a,u=h;"top"===this._contentPosition||"bottom"===this._contentPosition?(p=i.left+i.width/2,u="top"===this._contentPosition?i.top+i.height:i.top,"top"===this._contentPosition&&u<c-w.minimalMargin||"bottom"===this._contentPosition&&u>c+w.minimalMargin?this.arrowPath="M"+p+","+u+" Q"+p+","+c+" "+l+","+c:this.arrowPath="M"+a+","+h+" Q"+o+","+h+" "+o+","+e+" Q"+o+","+c+" "+l+","+c):this.arrowPath="M"+p+","+u+" Q"+p+","+c+" "+l+","+c}},e.prototype.stop=function(){this.parent&&!this.pause&&this.show&&(this.show=!1,this.pause=!0)},e.prototype.continue=function(){this.parent&&this.pause&&(this.show=!0,this.pause=!1,this.parent.refresh())},e.prototype.open=function(){y&&(this.markerUrl="url("+window.location.href+"#wkt-arrow)"),this.show=!0},e.prototype.previous=function(){this.close(!1,!1);for(var t=this.parent;t;){if(t.previousStep&&!t.previousStep.disabled)return void t.loadPrevioustStep();if(!t.previousStep)break;t=t.previousStep}this.parent=t,this.close(!0,!0)},e.prototype.next=function(){this.close(!1,!1);for(var t=this.parent;t;){if(t.nextStep&&!t.nextStep.disabled)return void t.loadNextStep();if(!t.nextStep)break;t=t.nextStep}this.parent=t,this.close(!0,!0)},e.prototype.close=function(t,e){void 0===t&&(t=!1),void 0===e&&(e=!0),this._portalHost.dispose(),this.show=!1,this.parent&&this.parent._hide(t,e)},e}(e.BasePortalOutlet);_.decorators=[{type:o.Component,args:[{selector:"walkthrough-container",template:'<div class="wkt-container">\n    <div\n        class="wkt-zone"\n        #zone\n        (click)="clickZone($event)"\n        [class.hide]="!hasHighlightZone"\n        [class.backdrop]="hasBackdrop"\n        [class.glow]="hasGlow"\n        [class.clickable]="hasClickable"\n        [class.highlight]="hasHighlight"\n        [style.padding]="marginZone"\n    ></div>\n    <div class="wkt-content-block" [class.hide]="hideOther" [class.darken]="contentStyle === \'draken\'" #contentBlock>\n        <button type="button" class="wkt-close" *ngIf="hasCloseButton" (click)="close()">✖</button>\n        <div class="wkt-content">\n            <p *ngIf="contentText">{{ contentText }}</p>\n            <ng-template cdkPortalHost></ng-template>\n        </div>\n        <div class="wkt-navigate" *ngIf="hasPrevious || hasNext || hasFinish">\n            <button type="button" class="wkt-previous-link" *ngIf="hasPrevious" (click)="previous()">\n                {{ text.previous }}\n            </button>\n            <button type="button" class="wkt-next-link" *ngIf="hasNext" (click)="next()">{{ text.next }}</button>\n            <button type="button" class="wkt-finish-link" *ngIf="hasFinish" (click)="close(true)">\n                {{ text.close }}\n            </button>\n        </div>\n    </div>\n    <div *ngIf="hasArrow" [class.hide]="hideOther">\n        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">\n            <defs>\n                <marker\n                    id="wkt-arrow"\n                    viewBox="0 0 10 10"\n                    refX="8"\n                    refY="5"\n                    markerUnits="strokeWidth"\n                    orient="auto"\n                    markerWidth="10"\n                    markerHeight="10"\n                >\n                    <polyline points="0,0 10,5 0,10 5,5" stroke-width="0" [attr.fill]="arrowColor || \'#FFF\'" />\n                </marker>\n            </defs>\n            <path\n                class="wkt-arrow-path"\n                [attr.d]="arrowPath"\n                [attr.stroke]="arrowColor || \'#FFF\'"\n                [attr.marker-end]="markerUrl"\n            />\n        </svg>\n    </div>\n</div>\n',styles:[':host{display:block;position:absolute;z-index:1;top:0;left:0;width:99.9%;min-height:100%}:host.hide{display:none}:host.cursor{cursor:pointer}:host.backdrop{background-color:rgba(0,0,0,.6)}button{background:none;border:0;color:#fff}.wkt-zone{position:absolute}.wkt-zone.hide{display:none}.wkt-zone.backdrop{box-shadow:0 0 0 2200px rgba(0,0,0,.6)}.wkt-zone.glow{box-shadow:0 0 4px 2px #ff6,0 0 9px 0 #ff6,0 0 36px #ff6}.wkt-zone.clickable{cursor:pointer}.wkt-zone.highlight{-webkit-animation:highlight .45s 4;animation:highlight .45s 4}.wkt-container{position:relative}.wkt-content-block{position:absolute;margin:1em;padding:6px;z-index:1;color:#fff;min-width:calc(320px - 2em)}.wkt-content-block.hide{display:none}.wkt-content-block.darken{background-color:rgba(0,0,0,.6)}.wkt-close+.wkt-content{margin-top:1.3em}.wkt-close{position:absolute;right:1em;cursor:pointer}.wkt-navigate{display:flex;flex-wrap:wrap;justify-content:center}.wkt-navigate>button{padding:6px;font-size:120%}.wkt-navigate>button:hover{cursor:pointer;text-decoration:underline}.wkt-previous-link:before{content:"<< "}.wkt-next-link:after{content:" >>"}div.hide{display:none}svg{overflow:visible;position:absolute;top:-1px;left:-1px;border:1px solid transparent}#wkt-arrow>path{stroke-width:0}.wkt-arrow-path{stroke-width:2px;fill:none}@-webkit-keyframes highlight{0%{background-color:none}50%{background-color:hsla(0,0%,100%,.8)}to{background-color:none}}@keyframes highlight{0%{background-color:none}50%{background-color:hsla(0,0%,100%,.8)}to{background-color:none}}@media screen and (min-height:1920px),screen and (min-width:1920px){.wkt-zone.backdrop{box-shadow:0 0 0 4400px rgba(0,0,0,.6)}}@media screen and (min-height:3840px),screen and (min-width:3840px){.wkt-zone.backdrop{box-shadow:0 0 0 8800px rgba(0,0,0,.6)}}.wkt-zone.backdrop,_:default:not(:root:root){box-shadow:0 0 0 2000px rgba(0,0,0,.6)!important}']}]}],_.ctorParameters=function(){return[{type:o.ViewContainerRef},{type:u},{type:o.Renderer2},{type:o.ElementRef}]},_.propDecorators={_portalHost:[{type:o.ViewChild,args:[e.CdkPortalOutlet]}],content:[{type:o.ViewChild,args:["content"]}],contentBlock:[{type:o.ViewChild,args:["contentBlock"]}],zone:[{type:o.ViewChild,args:["zone"]}],id:[{type:o.HostBinding,args:["attr.id"]}],hide:[{type:o.HostBinding,args:["class.hide"]}],cursor:[{type:o.HostBinding,args:["class.cursor"]}],backdrop:[{type:o.HostBinding,args:["class.backdrop"]}],click:[{type:o.HostListener,args:["click"]}]};var b=0,v=function(){function t(){this.closed=new o.EventEmitter,this.finished=new o.EventEmitter,this.contentStyle="draken",this.marginZone=null,this._uid="walkthrough-flow-"+b++}return Object.defineProperty(t.prototype,"id",{get:function(){return this._id},set:function(t){this._id=t||this._uid},enumerable:!1,configurable:!0}),t.prototype.ngAfterViewInit=function(){var t=this;setTimeout((function(){t.init()}))},t.prototype.init=function(){var t=this,e=null;this.walkthroughComponents.forEach((function(o){e&&(o.previousStep=e,e.nextStep=o),e=o,t.closed&&(o.closed=t.closed),t.finished&&(o.finished=t.finished),!o.contentStyle&&t.contentStyle&&(o.contentStyle=t.contentStyle),!o.arrowColor&&t.arrowColor&&(o.arrowColor=t.arrowColor),!o.marginZone&&t.marginZone&&(o.marginZone=t.marginZone),!o.showArrow&&l(t.showArrow)&&(o.showArrow=t.showArrow),!o.rootElement&&t.rootElement&&(o.rootElement=t.rootElement),!o.closeButton&&l(t.closeButton)&&(o.closeButton=t.closeButton),o.closeAnywhere&&!l(t.closeAnywhere)&&(o.closeAnywhere=t.closeAnywhere),!o.finishButton&&l(t.finishButton)&&(o.finishButton=t.finishButton),!o.focusBackdrop&&l(t.focusBackdrop)&&(o.focusBackdrop=t.focusBackdrop),!o.focusGlow&&l(t.focusGlow)&&(o.focusGlow=t.focusGlow),!o.notScrollOnResize&&l(t.notScrollOnResize)&&(o.notScrollOnResize=t.notScrollOnResize),!o.radius&&t.radius&&(o.radius=t.radius),!o.texts&&t.texts&&(o.texts=t.texts)})),e.finishButton=!0},t.prototype.start=function(){this.walkthroughComponents.first.open()},t}();v.decorators=[{type:o.Component,args:[{selector:"ng-walkthrough-flow",template:""}]}],v.ctorParameters=function(){return[]},v.propDecorators={walkthroughComponents:[{type:o.ContentChildren,args:[w]}],id:[{type:o.Input}],closed:[{type:o.Output}],finished:[{type:o.Output}],contentStyle:[{type:o.Input}],arrowColor:[{type:o.Input}],marginZone:[{type:o.Input}],showArrow:[{type:o.Input}],rootElement:[{type:o.Input}],closeButton:[{type:o.Input}],closeAnywhere:[{type:o.Input}],finishButton:[{type:o.Input}],focusBackdrop:[{type:o.Input}],focusGlow:[{type:o.Input}],radius:[{type:o.Input}],notScrollOnResize:[{type:o.Input}],texts:[{type:o.Input}]};var k=function(){};k.decorators=[{type:o.NgModule,args:[{imports:[r.CommonModule,e.PortalModule],declarations:[v,w,_],exports:[v,w,_],entryComponents:[_],providers:[u]}]}],t.WalkthroughComponent=w,t.WalkthroughContainerComponent=_,t.WalkthroughEvent=c,t.WalkthroughFlowComponent=v,t.WalkthroughMargin=p,t.WalkthroughModule=k,t.WalkthroughService=u,t.WalkthroughText=h,t.booleanValue=l,t.throwWalkthroughContentAlreadyAttachedError=m,Object.defineProperty(t,"__esModule",{value:!0})}));
+    ***************************************************************************** */var s=function(t,e){return(s=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])})(t,e)};Object.create;function a(t){var e="function"==typeof Symbol&&Symbol.iterator,o=e&&t[e],n=0;if(o)return o.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&n>=t.length&&(t=void 0),{value:t&&t[n++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}Object.create;var h=function(){this.previous="Previous",this.next="Next",this.close="Close"},l=function(t){return""===t||"true"===t||!0===t},c=function(t,e){this.component=t,this.focusElement=e},p=function(){function t(t,e,o,n){void 0===t&&(t=0),this.top=t,this.right=e,this.bottom=o,this.left=n,void 0===e&&(this.right=t),void 0===o&&(this.bottom=t),void 0===n&&void 0===e?this.left=t:void 0===n&&(this.left=e)}return t.parsePoints=function(e){var o;if(e.match(/^\d+(?:\s+\d+)*$/)){var n=e.split(/\s+/).map((function(t){return parseFloat(t)}));o=new t(n[0],n[1],n[2],n[3])}return o||new t},t}(),u=function(){function t(){this._overflowRegex=/(auto|scroll)/}return t.prototype.retrieveCoordinates=function(t,e){var o=t.getBoundingClientRect(),n=window.getComputedStyle(t),i={top:o.top-(e?e.top:0),height:o.height,width:o.width,left:o.left-(e?e.left:0),margin:{top:parseFloat(n.marginTop),right:parseFloat(n.marginRight),bottom:parseFloat(n.marginBottom),left:parseFloat(n.marginLeft)}};return i.top+=this.getTop(),i},t.prototype.getTop=function(){return window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop},t.prototype.getDocumentHeight=function(){var t=Math.max(document.body.scrollHeight,document.body.offsetHeight,document.documentElement.clientHeight,document.documentElement.scrollHeight,document.documentElement.offsetHeight);return Math.max(this.getHeightOfPage()+this.getTop(),t)},t.prototype.scrollIntoViewIfOutOfView=function(t){for(var e=this.getTop(),o=this.getHeightOfPage(),n=0,i=t;i&&i!==document.body;)n+=i.offsetTop,i=i.offsetParent;if(e+o<n+t.offsetHeight)t.scrollIntoView(!1);else if(n<e)t.scrollIntoView(!0),window.scrollBy(0,-30);else for(var r=t;r&&r!==document.body;){if(i=this.getScrollParent(r),r.offsetTop+r.offsetHeight-i.scrollTop>i.offsetHeight||r.offsetLeft+r.offsetWidth-i.scrollLeft>i.offsetWidth){t.scrollIntoView(),window.scrollBy(0,-30);break}r=i}},t.prototype.getScrollParent=function(t){var e,o=getComputedStyle(t),n="absolute"===o.position;if("fixed"!==o.position)for(var i=t.parentElement;i&&i!==document.body;){if(o=getComputedStyle(i),(!n||"static"!==o.position)&&this._overflowRegex.test(o.overflow+o.overflowY+o.overflowX)){e=i;break}i=i.parentElement}return e||document.body},t.prototype.getHeightOfPage=function(){return window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight},t}();u.decorators=[{type:o.Injectable}];var f=0,g="No instance of walkthroughContainer.",d="Another walkthrough is ongoing. Please close it before opening a new one.",w=function(){function t(e,r,s,a,h){var l=this;this._componentFactoryResolver=e,this._applicationRef=r,this._injector=s,this._renderer=a,this._walkthroughService=h,this.closed=new o.EventEmitter,this.finished=new o.EventEmitter,this.ready=new o.EventEmitter,this.typeSelector="element",this.contentStyle="draken",this.animation="none",this.animationDelays=0,this.scrollOnTarget=!0,this._uid="walkthrough-"+f++,this._readyHasBeenEmited=!1,this._display=!1,this._hasHighlightAnimation=!1,this._hasBackdrop=!1,this._hasGlow=!1,this._hasFinish=!1,this._hasArrow=!1,this._hasCloseButton=!1,this._hasCloseAnywhere=!0,this._disabled=!1,this._marginZonePx=new p,this._alignContent="left",this._verticalAlignContent="top",this._contentSpacing=0,this._verticalContentSpacing=50,this._onContainerInit=new n.Subject,this._onResize=new n.Subject,this._notScrollOnResize=!0,this._resizeDelays=200,this._onResize.pipe(i.debounceTime(this._resizeDelays)).subscribe((function(){var e,o,n=l._getInstance();(null==n?void 0:n.ongoing)&&l._display&&!(null===(o=null===(e=t._walkthroughContainer)||void 0===e?void 0:e.instance)||void 0===o?void 0:o.pause)&&(l._elementLocations(!l._notScrollOnResize),setTimeout((function(){l._elementLocations(!l._notScrollOnResize)}),50))}))}return Object.defineProperty(t.prototype,"marginZone",{get:function(){return this._marginZone},set:function(t){this._marginZone!==t&&(null===t&&(this._marginZone=null),this._marginZonePx=p.parsePoints(t),null!==this._marginZonePx&&(this._marginZone=t))},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"arrowColor",{get:function(){return this._arrowColor},set:function(t){this._arrowColor!==t&&(this._arrowColor=t,this._getInstance()&&(this._getInstance().arrowColor=this._arrowColor))},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"notScrollOnResize",{get:function(){return this._notScrollOnResize},set:function(t){this._notScrollOnResize=l(t)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"id",{get:function(){return this._id},set:function(t){this._id=t||this._uid},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"alignContent",{get:function(){return this._alignContent},set:function(t){this._alignContent!==t?(this._alignContent=t,this._updateElementPositions(this._getInstance())):this._alignContent=t},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"verticalAlignContent",{get:function(){return this._verticalAlignContent},set:function(t){this._verticalAlignContent!==t?(this._verticalAlignContent=t,this._updateElementPositions(this._getInstance())):this._verticalAlignContent=t},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"contentSpacing",{get:function(){return this._contentSpacing},set:function(e){e=Math.max(t.minimalMargin,e),this._contentSpacing!==e?(this._contentSpacing=1*e,this._updateElementPositions(this._getInstance())):this._contentSpacing=1*e},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"verticalContentSpacing",{get:function(){return this._verticalContentSpacing},set:function(e){e=Math.max(t.minimalMargin,e),this._verticalContentSpacing!==e?(this._verticalContentSpacing=1*e,this._updateElementPositions(this._getInstance())):this._verticalContentSpacing=1*e},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"closeButton",{get:function(){return this._hasCloseButton},set:function(t){this._hasCloseButton=l(t)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"closeAnywhere",{get:function(){return this._hasCloseAnywhere},set:function(t){this._hasCloseAnywhere=l(t)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"showArrow",{get:function(){return this._hasArrow},set:function(t){this._hasArrow=l(t)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"finishButton",{get:function(){return this._hasFinish},set:function(t){this._hasFinish=l(t)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"focusHighlightAnimation",{get:function(){return this._hasHighlightAnimation},set:function(t){this._hasHighlightAnimation=l(t)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"focusBackdrop",{get:function(){return this._hasBackdrop},set:function(t){this._hasBackdrop=l(t)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"focusGlow",{get:function(){return this._hasGlow},set:function(t){this._hasGlow=l(t)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"disabled",{get:function(){return this._disabled},set:function(t){var e=this;this._disabled=t;var o=this._getInstance();o&&setTimeout((function(){o.hasPrevious=e._hasPreviousStep(o),o.hasNext=e._hasNextStep(o),o.hasNext?o.hasFinish=o.parent.finishButton:o.hasFinish=!0}),50)},enumerable:!1,configurable:!0}),t.walkthroughStop=function(){t._walkthroughContainer&&t._walkthroughContainer.instance.stop()},t.walkthroughHasShow=function(){return!!t._walkthroughContainer&&t._walkthroughContainer.instance.show},t.walkthroughHasPause=function(){return!!t._walkthroughContainer&&t._walkthroughContainer.instance.pause},t.walkthroughContinue=function(){t._walkthroughContainer&&t._walkthroughContainer.instance.parent&&(t._walkthroughContainer.instance.parent._checkVisibility()?t._walkthroughContainer.instance.continue():t._walkthroughContainer.instance.ongoing=!1)},t.walkthroughNext=function(){t._walkthroughContainer&&t._walkthroughContainer.instance.next()},t.walkthroughPrevious=function(){t._walkthroughContainer&&t._walkthroughContainer.instance.previous()},t.prototype.resize=function(){this._onResize.next()},t.prototype.ngAfterViewInit=function(){var e=this;t._walkthroughContainer||t._walkthroughContainerCreating||(t._walkthroughContainerCreating=!0,setTimeout((function(){t._walkthroughContainer=e._appendComponentToBody(_),e._onContainerInit.next()})))},t.prototype.next=function(t,e){t&&(this.closed=t),e&&(this.finished=e),this.open()},t.prototype.refresh=function(){this._getInstance()?this._getInstance().ongoing?console.warn(d):(t.onRefresh.next(this),this._elementLocations()):console.warn(g)},t.prototype.open=function(){var t=this;return new Promise((function(e){t._checkVisibility()?t._getInstance()?e(t._open()):t._onContainerInit.pipe(i.first()).subscribe((function(){t._getInstance()?e(t._open()):(console.warn(g),e(!1))})):e(!1)}))},t.prototype.loadPrevioustStep=function(){var e=this;setTimeout((function(){t.onNavigate.next({previous:e,next:e.previousStep}),t.onNavigatePrevious.next({previous:e,next:e.previousStep}),e.previousStep._next(e.closed,e.finished)}),0)},t.prototype.loadNextStep=function(){var e=this;setTimeout((function(){t.onNavigate.next({previous:e,next:e.nextStep}),t.onNavigateNext.next({previous:e,next:e.nextStep}),e.nextStep._next(e.closed,e.finished)}),0)},t.prototype._hide=function(e,o){var n=this;void 0===e&&(e=!1),void 0===o&&(o=!0),this._display=!1,this.focusElementCSSClass&&this._focusElement&&this._renderer.removeClass(this._focusElement,this.focusElementCSSClass),o&&setTimeout((function(){n._getInstance().ongoing=!1,t.onClose.next(n),n.closed.emit(e),n.nextStep||(t.onFinish.next(n),n.finished.emit(new c(n,n._focusElement)))}),20)},t.prototype._checkVisibility=function(){var t,e;if(this.focusElementSelector){var o=document.querySelectorAll(this.focusElementSelector);if(0===o.length)return!1;if(this.visibilityCallback)return this.visibilityCallback();try{for(var n=a(o),i=n.next();!i.done;i=n.next()){if(null===i.value.offsetParent)return!1}}catch(e){t={error:e}}finally{try{i&&!i.done&&(e=n.return)&&e.call(n)}finally{if(t)throw t.error}}}return!0},t.prototype._open=function(){return this._getInstance().ongoing?(console.warn(d),!1):(this._getInstance().ongoing=!0,t.onOpen.next(this),this._elementLocations(),!0)},t.prototype._show=function(){this._display=!0},t.prototype._next=function(t,e){t&&(this.closed=t),e&&(this.finished=e);var o=this._getInstance();o&&o.ongoing&&(o.ongoing=!1),this.open()},t.prototype._getInstance=function(){return t._walkthroughContainer?t._walkthroughContainer.instance:null},t.prototype._appendComponentToBody=function(t){var e=this._componentFactoryResolver.resolveComponentFactory(t).create(this._injector);this._applicationRef.attachView(e.hostView);var o=e.hostView.rootNodes[0];return document.body.appendChild(o),e},t.prototype._attachWalkthroughContent=function(t,n){t instanceof o.TemplateRef?n.attachTemplatePortal(new e.TemplatePortal(t,null)):n.attachComponentPortal(new e.ComponentPortal(t))},t.prototype._elementLocations=function(t){void 0===t&&(t=!0),this._getFocusElement();var e=this._focusElement;if(e){if(t&&(this.scrollOnTarget&&this._walkthroughService.scrollIntoViewIfOutOfView(e),this.rootElement&&document.querySelector(this.rootElement).scrollIntoView(!0)),this._offsetCoordinates=this._walkthroughService.retrieveCoordinates(e),"zone"===this.typeSelector){var o=this._walkthroughService.retrieveCoordinates(this._focusElementEnd);this._offsetCoordinates.height=o.top-this._offsetCoordinates.top+o.height,this._offsetCoordinates.width=o.left-this._offsetCoordinates.left+o.width}}else this._offsetCoordinates=null;this._setFocus(t)},t.prototype._getFocusElement=function(){var t;try{t=this.focusElementSelector?document.querySelectorAll(this.focusElementSelector):null}catch(t){console.error("#"+this.id+"@focusElementSelector: '"+this.focusElementSelector+"' is not a valid selector.\n",t)}if(t&&t.length>0)if(t.length>1){for(var e=t.length,o=0;o<e;o++)if(t[o].offsetHeight){this._focusElement=t[o],o=t.length;break}if("zone"===this.typeSelector){for(o=e-1;o>=0;o--)if(t[o].offsetHeight){this._focusElementEnd=t[o],o=t.length;break}this._focusElement===this._focusElementEnd&&(this.typeSelector="element")}}else this._focusElement=t[0],this.typeSelector="element";else this._focusElement=null},t.prototype._setFocus=function(t){var e=this;void 0===t&&(t=!0);var o=this._getInstance();if(o){var n=window.pageXOffset;this._initStylingTemplate(o),setTimeout((function(){e._focusElement&&o.zone?(o.marginZonePx=e._marginZonePx,o.hightlightZone(e._offsetCoordinates,n-window.pageXOffset,e.animation,e.animationDelays,e._setFocusContinue.bind(e),t)):e._setFocusContinue(t)}),20)}},t.prototype._setFocusContinue=function(t){var e=this,o=this._getInstance();this._display||(this._attachContentTemplate(),this._initContentTemplate(o)),setTimeout((function(){o.hightlightZoneStyling(e._focusElement),e._updateElementPositions(o,t)}))},t.prototype._updateElementPositions=function(e,o){var n=this;void 0===o&&(o=!0),t._walkthroughContainer&&this._getInstance()&&setTimeout((function(){e.contentBlockPosition(n._offsetCoordinates,n._alignContent,n._verticalAlignContent,n._contentSpacing,n._verticalContentSpacing),n._offsetCoordinates&&null!==n._focusElement&&n._hasArrow&&e.arrowPosition(n._offsetCoordinates),n.focusElementCSSClass&&n._focusElement&&n._renderer.addClass(n._focusElement,n.focusElementCSSClass),setTimeout((function(){n._getInstance().setHeight(),n._readyHasBeenEmited||(n._readyHasBeenEmited=!0,n.ready.emit(new c(n,n._focusElement)));var i,r=e.contentBlock.nativeElement;if(null!=n._focusElement){var s=n._walkthroughService.retrieveCoordinates(r),a=n._walkthroughService.retrieveCoordinates(n._focusElement);s.height+a.height>window.innerHeight?(o&&r.scrollIntoView(!0),i=s.top>a.top?-s.height/2:+s.height/2):s.top>a.top?(o&&window.scrollTo(a.left,a.top),i=-t.minimalMargin):(o&&r.scrollIntoView(!0),i=-t.minimalMargin)}else o&&r.scrollIntoView(!0),i=-t.minimalMargin;o&&window.scrollBy(0,i)}),50)}),0)},t.prototype._attachContentTemplate=function(){this.contentTemplate&&this._attachWalkthroughContent(this.contentTemplate,this._getInstance())},t.prototype._initStylingTemplate=function(t){var e=null!==this._focusElement;t.parent=this,t.open(),t.hasHighlightZone=e,t.hasClickable=e&&"function"==typeof this.focusClick,t.hasHighlight=e&&this._hasHighlightAnimation,t.hasBackdrop=this._hasBackdrop,t.hasGlow=e&&this._hasGlow},t.prototype._initContentTemplate=function(t){var e=null!==this._focusElement;t.hasPrevious=this._hasPreviousStep(t),t.hasNext=this._hasNextStep(t),t.hasCloseButton=this._hasCloseButton,t.hasCloseAnywhere=this._hasCloseAnywhere,t.hasFinish=this._hasFinish||!t.hasNext,t.hasArrow=e&&this._hasArrow,t.arrowColor=this.arrowColor,t.radius=this.radius,t.marginZone=this._marginZone?this._marginZone.replace(/(\d+)/g,"$1px"):null,t.marginZonePx=this._marginZonePx,t.contentText=this.contentText,t.contentStyle=this.contentStyle,t.text=this.texts?Object.assign(Object.assign({},new h),this.texts):new h,this._show()},t.prototype._hasPreviousStep=function(t){if(t.parent)for(var e=t.parent.previousStep;e;){if(!e.disabled)return!0;e=e.previousStep}return!1},t.prototype._hasNextStep=function(t){if(t.parent)for(var e=t.parent.nextStep;e;){if(!e.disabled)return!0;e=e.nextStep}return!1},t}();function m(){throw Error("Attempting to attach walkthrough content after content is already attached")}w._walkthroughContainer=null,w._walkthroughContainerCreating=!1,w.minimalMargin=60,w.onOpen=new n.Subject,w.onRefresh=new n.Subject,w.onClose=new n.Subject,w.onNavigate=new n.Subject,w.onNavigatePrevious=new n.Subject,w.onNavigateNext=new n.Subject,w.onFinish=new n.Subject,w.decorators=[{type:o.Component,args:[{selector:"ng-walkthrough",template:""}]}],w.ctorParameters=function(){return[{type:o.ComponentFactoryResolver},{type:o.ApplicationRef},{type:o.Injector},{type:o.Renderer2},{type:u}]},w.propDecorators={closed:[{type:o.Output}],finished:[{type:o.Output}],ready:[{type:o.Output}],focusElementCSSClass:[{type:o.Input}],rootElement:[{type:o.Input}],focusElementSelector:[{type:o.Input}],typeSelector:[{type:o.Input}],focusClick:[{type:o.Input}],radius:[{type:o.Input}],previousStep:[{type:o.Input}],nextStep:[{type:o.Input}],texts:[{type:o.Input}],contentTemplate:[{type:o.Input}],contentText:[{type:o.Input}],contentStyle:[{type:o.Input}],marginZone:[{type:o.Input}],arrowColor:[{type:o.Input}],animation:[{type:o.Input}],animationDelays:[{type:o.Input}],notScrollOnResize:[{type:o.Input}],id:[{type:o.Input}],alignContent:[{type:o.Input}],verticalAlignContent:[{type:o.Input}],contentSpacing:[{type:o.Input}],verticalContentSpacing:[{type:o.Input}],closeButton:[{type:o.Input}],closeAnywhere:[{type:o.Input}],showArrow:[{type:o.Input}],finishButton:[{type:o.Input}],focusHighlightAnimation:[{type:o.Input}],focusBackdrop:[{type:o.Input}],focusGlow:[{type:o.Input}],disabled:[{type:o.Input}],scrollOnTarget:[{type:o.Input}],visibilityCallback:[{type:o.Input}],resize:[{type:o.HostListener,args:["window:resize"]}]};var y=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),_=function(t){function e(e,o,n,i){var r=t.call(this)||this;return r.viewContainerRef=e,r._walkthroughService=o,r._renderer=n,r._el=i,r.markerUrl="url(#wkt-arrow)",r.ongoing=!1,r.show=!1,r.pause=!1,r.hasHighlightZone=!1,r.hasHighlight=!1,r.hasBackdrop=!1,r.hasGlow=!1,r.hasPrevious=!1,r.hasNext=!1,r.hasFinish=!1,r.hasCloseButton=!1,r.hasCloseAnywhere=!0,r.hasArrow=!1,r.arrowMarkerDist=7,r.marginZonePx=new p,r.text=new h,r}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function o(){this.constructor=t}s(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}(e,t),Object.defineProperty(e.prototype,"id",{get:function(){return this.parent?this.parent.id+"-container":null},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"hide",{get:function(){return!this.show},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"cursor",{get:function(){return this.hasCloseAnywhere},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"backdrop",{get:function(){return!this.hasHighlightZone&&this.hasBackdrop},enumerable:!1,configurable:!0}),e.prototype.click=function(){this.hasCloseAnywhere&&this.show&&this.close()},e.prototype.clickZone=function(t){this.parent&&this.hasClickable&&this.parent.focusClick(t,this)},e.prototype.attachComponentPortal=function(t){return this._portalHost.hasAttached()&&m(),this._portalHost.attachComponentPortal(t)},e.prototype.attachTemplatePortal=function(t){return this._portalHost.hasAttached()&&m(),this._portalHost.attachTemplatePortal(t)},e.prototype.setHeight=function(){this._renderer.setStyle(this._el.nativeElement,"height",this._walkthroughService.getDocumentHeight()+"px")},e.prototype.hightlightZone=function(t,e,o,n,i,r){var s=this,a=this.zone.nativeElement,h=a.style,l=window.getComputedStyle(a,null);if("linear"===o&&n>0&&"auto"!==l.left){this.hideOther=!0;var c=20,p=n/c,u=parseInt(l.left,10),f=e+parseInt(l.top,10),g=parseInt(l.width,10),d=parseInt(l.height,10),w=(t.left-u)/c,m=(t.top-f)/c,y=(t.width-g)/c,_=(t.height-d)/c,b=0;this.show=!0,h.borderRadius="50%";var v=setInterval((function(){h.left=u+w*b+"px",h.top=f+m*b+"px",h.width=g+y*b+"px",h.height=d+_*b+"px",b++>=c&&(clearInterval(v),s.hideOther=!1,i(r))}),p)}else h.left=t.left-this.marginZonePx.left+"px",h.top=t.top-this.marginZonePx.top+"px",h.width=t.width+"px",h.height=t.height+"px",i(r)},e.prototype.hightlightZoneStyling=function(t){if(t){var e=this.zone.nativeElement.style;if(this.radius)if(Number(this.radius)===parseFloat(this.radius))e.borderRadius=this.radius+"%";else if("auto"===this.radius){var o=window.getComputedStyle(t,null);e.borderTopLeftRadius=o.borderTopLeftRadius,e.borderTopRightRadius=o.borderTopRightRadius,e.borderBottomLeftRadius=o.borderBottomLeftRadius,e.borderBottomRightRadius=o.borderBottomRightRadius}else e.borderRadius=this.radius;else e.borderRadius=""}},e.prototype.contentBlockPosition=function(t,e,o,n,i){var r=this.contentBlock.nativeElement,s=this._walkthroughService.retrieveCoordinates(r),a=s.width+s.margin.left+s.margin.right,h=s.height+s.margin.top+s.margin.bottom,l=JSON.parse(JSON.stringify(t));l.top-=this.marginZonePx.top,l.left-=this.marginZonePx.left,l.width+=this.marginZonePx.left+this.marginZonePx.right,l.height+=this.marginZonePx.top+this.marginZonePx.bottom;var c=!1;if(this.hasHighlightZone){var p=l.left,u=window.innerWidth-l.left-l.width;if(p<a&&u<a&&(c=!0),("top"===o||"center"===o||"bottom"===o)&&!c)if("center"===e)Math.max(u,p)<a+(window.innerWidth-a)/2&&(e=u>p?"right":"left");else("left"===e&&p<a||"right"===e&&u<a)&&(o="bottom"===o||l.top<h?"below":"above")}if(c&&(e="center"),r.style.right="",r.style.left="","left"===e){if(r.style.left="0",this.hasHighlightZone){var f=l.left-a;n&&f>n&&(r.style.left=l.left-a-n+"px")}}else if("center"===e)r.style.left=window.innerWidth/2-a/2+"px";else if("right"===e&&(r.style.right="0",this.hasHighlightZone)){f=window.innerWidth-l.left-l.width-a;n&&f>n&&(r.style.right="",r.style.left=l.left+l.width+n+"px")}if(this.hasHighlightZone){var g=this._walkthroughService.retrieveCoordinates(r).left+a/2;if(this._arrowPosition=g>l.left-w.minimalMargin&&g<l.left+l.width+w.minimalMargin?"topBottom":"leftRight",o&&!c){f=0;switch(this._contentPosition=o,o){case"above":f=l.top,r.style.top=f>i?l.top-h-i+"px":"0",this._arrowPosition="topBottom";break;case"top":r.style.top=l.top+"px";break;case"center":r.style.top=l.top+l.height/2-h/2+"px";break;case"bottom":r.style.top=l.top+l.height-h+"px";break;case"below":f=this._walkthroughService.getDocumentHeight()-l.top+l.height,r.style.top=f>i?l.top+l.height+i+"px":this._walkthroughService.getDocumentHeight()-h+"px",this._arrowPosition="topBottom"}}else"below"===o||l.top<h?(r.style.top=l.top+l.height+w.minimalMargin+"px",this._contentPosition="below"):(r.style.top=l.top-h-w.minimalMargin+"px",this._contentPosition="above")}else r.style.top=this._walkthroughService.getHeightOfPage()/2-h/2+"px"},e.prototype.arrowPosition=function(t){var e,o,n=this.contentBlock.nativeElement,i=this._walkthroughService.retrieveCoordinates(n),r=t.width+this.marginZonePx.left+this.marginZonePx.right,s=t.height+this.marginZonePx.top+this.marginZonePx.bottom,a=i.left+i.width/2,h=i.top+i.height,l=t.left-this.marginZonePx.left,c=t.top-this.marginZonePx.top;switch(this._contentPosition){case"top":case"center":case"bottom":a=i.left>t.left?i.left:i.left+i.width,h-=i.height/2;break;case"below":h-=i.height}if("topBottom"===this._arrowPosition)l+=r/2,"below"===this._contentPosition?c+=s+6:c-=6,o=(a+l)/2,h<(e=(h+c)/2)?e-=Math.abs(h-e)/2:e+=Math.abs(h-e)/2,this.arrowPath="M"+a+","+h+" Q"+a+","+e+" "+o+","+e+" Q"+l+","+e+" "+l+","+c;else{a>t.left?l+=r+this.arrowMarkerDist:l-=this.arrowMarkerDist,e=(h+(c+=s/2))/2,a<(o=(a+l)/2)?o-=Math.abs(a-o)/2:o+=Math.abs(a-o)/2;var p=a,u=h;"top"===this._contentPosition||"bottom"===this._contentPosition?(p=i.left+i.width/2,u="top"===this._contentPosition?i.top+i.height:i.top,"top"===this._contentPosition&&u<c-w.minimalMargin||"bottom"===this._contentPosition&&u>c+w.minimalMargin?this.arrowPath="M"+p+","+u+" Q"+p+","+c+" "+l+","+c:this.arrowPath="M"+a+","+h+" Q"+o+","+h+" "+o+","+e+" Q"+o+","+c+" "+l+","+c):this.arrowPath="M"+p+","+u+" Q"+p+","+c+" "+l+","+c}},e.prototype.stop=function(){this.parent&&!this.pause&&this.show&&(this.show=!1,this.pause=!0)},e.prototype.continue=function(){this.parent&&this.pause&&(this.show=!0,this.pause=!1,this.parent.refresh())},e.prototype.open=function(){y&&(this.markerUrl="url("+window.location.href+"#wkt-arrow)"),this.show=!0},e.prototype.previous=function(){this.close(!1,!1);for(var t=this.parent;t;){if(t.previousStep&&!t.previousStep.disabled)return void t.loadPrevioustStep();if(!t.previousStep)break;t=t.previousStep}this.parent=t,this.close(!0,!0)},e.prototype.next=function(){this.close(!1,!1);for(var t=this.parent;t;){if(t.nextStep&&!t.nextStep.disabled)return void t.loadNextStep();if(!t.nextStep)break;t=t.nextStep}this.parent=t,this.close(!0,!0)},e.prototype.close=function(t,e){void 0===t&&(t=!1),void 0===e&&(e=!0),this._portalHost.dispose(),this.show=!1,this.parent&&this.parent._hide(t,e)},e}(e.BasePortalOutlet);_.decorators=[{type:o.Component,args:[{selector:"walkthrough-container",template:'<div class="wkt-container">\n    <div\n        class="wkt-zone"\n        #zone\n        (click)="clickZone($event)"\n        [class.hide]="!hasHighlightZone"\n        [class.backdrop]="hasBackdrop"\n        [class.glow]="hasGlow"\n        [class.clickable]="hasClickable"\n        [class.highlight]="hasHighlight"\n        [style.padding]="marginZone"\n    ></div>\n    <div class="wkt-content-block" [class.hide]="hideOther" [class.darken]="contentStyle === \'draken\'" #contentBlock>\n        <button type="button" class="wkt-close" *ngIf="hasCloseButton" (click)="close()">✖</button>\n        <div class="wkt-content">\n            <p *ngIf="contentText">{{ contentText }}</p>\n            <ng-template cdkPortalHost></ng-template>\n        </div>\n        <div class="wkt-navigate" *ngIf="hasPrevious || hasNext || hasFinish">\n            <button type="button" class="wkt-previous-link" *ngIf="hasPrevious" (click)="previous()">\n                {{ text.previous }}\n            </button>\n            <button type="button" class="wkt-next-link" *ngIf="hasNext" (click)="next()">{{ text.next }}</button>\n            <button type="button" class="wkt-finish-link" *ngIf="hasFinish" (click)="close(true)">\n                {{ text.close }}\n            </button>\n        </div>\n    </div>\n    <div *ngIf="hasArrow" [class.hide]="hideOther">\n        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">\n            <defs>\n                <marker\n                    id="wkt-arrow"\n                    viewBox="0 0 10 10"\n                    refX="8"\n                    refY="5"\n                    markerUnits="strokeWidth"\n                    orient="auto"\n                    markerWidth="10"\n                    markerHeight="10"\n                >\n                    <polyline points="0,0 10,5 0,10 5,5" stroke-width="0" [attr.fill]="arrowColor || \'#FFF\'" />\n                </marker>\n            </defs>\n            <path\n                class="wkt-arrow-path"\n                [attr.d]="arrowPath"\n                [attr.stroke]="arrowColor || \'#FFF\'"\n                [attr.marker-end]="markerUrl"\n            />\n        </svg>\n    </div>\n</div>\n',styles:[':host{display:block;position:absolute;z-index:1;top:0;left:0;width:99.9%;min-height:100%}:host.hide{display:none}:host.cursor{cursor:pointer}:host.backdrop{background-color:rgba(0,0,0,.6)}button{background:none;border:0;color:#fff}.wkt-zone{position:absolute}.wkt-zone.hide{display:none}.wkt-zone.backdrop{box-shadow:0 0 0 2200px rgba(0,0,0,.6)}.wkt-zone.glow{box-shadow:0 0 4px 2px #ff6,0 0 9px 0 #ff6,0 0 36px #ff6}.wkt-zone.clickable{cursor:pointer}.wkt-zone.highlight{-webkit-animation:highlight .45s 4;animation:highlight .45s 4}.wkt-container{position:relative}.wkt-content-block{position:absolute;margin:1em;padding:6px;z-index:1;color:#fff;min-width:calc(320px - 2em)}.wkt-content-block.hide{display:none}.wkt-content-block.darken{background-color:rgba(0,0,0,.6)}.wkt-close+.wkt-content{margin-top:1.3em}.wkt-close{position:absolute;right:1em;cursor:pointer}.wkt-navigate{display:flex;flex-wrap:wrap;justify-content:center}.wkt-navigate>button{padding:6px;font-size:120%}.wkt-navigate>button:hover{cursor:pointer;text-decoration:underline}.wkt-previous-link:before{content:"<< "}.wkt-next-link:after{content:" >>"}div.hide{display:none}svg{overflow:visible;position:absolute;top:-1px;left:-1px;border:1px solid transparent}#wkt-arrow>path{stroke-width:0}.wkt-arrow-path{stroke-width:2px;fill:none}@-webkit-keyframes highlight{0%{background-color:none}50%{background-color:hsla(0,0%,100%,.8)}to{background-color:none}}@keyframes highlight{0%{background-color:none}50%{background-color:hsla(0,0%,100%,.8)}to{background-color:none}}@media screen and (min-height:1920px),screen and (min-width:1920px){.wkt-zone.backdrop{box-shadow:0 0 0 4400px rgba(0,0,0,.6)}}@media screen and (min-height:3840px),screen and (min-width:3840px){.wkt-zone.backdrop{box-shadow:0 0 0 8800px rgba(0,0,0,.6)}}.wkt-zone.backdrop,_:default:not(:root:root){box-shadow:0 0 0 2000px rgba(0,0,0,.6)!important}']}]}],_.ctorParameters=function(){return[{type:o.ViewContainerRef},{type:u},{type:o.Renderer2},{type:o.ElementRef}]},_.propDecorators={_portalHost:[{type:o.ViewChild,args:[e.CdkPortalOutlet]}],content:[{type:o.ViewChild,args:["content"]}],contentBlock:[{type:o.ViewChild,args:["contentBlock"]}],zone:[{type:o.ViewChild,args:["zone"]}],id:[{type:o.HostBinding,args:["attr.id"]}],hide:[{type:o.HostBinding,args:["class.hide"]}],cursor:[{type:o.HostBinding,args:["class.cursor"]}],backdrop:[{type:o.HostBinding,args:["class.backdrop"]}],click:[{type:o.HostListener,args:["click"]}]};var b=0,v=function(){function t(){this.closed=new o.EventEmitter,this.finished=new o.EventEmitter,this.contentStyle="draken",this.marginZone=null,this._uid="walkthrough-flow-"+b++}return Object.defineProperty(t.prototype,"id",{get:function(){return this._id},set:function(t){this._id=t||this._uid},enumerable:!1,configurable:!0}),t.prototype.ngAfterViewInit=function(){var t=this;setTimeout((function(){t.init()}))},t.prototype.init=function(){var t=this,e=null;this.walkthroughComponents.forEach((function(o){e&&(o.previousStep=e,e.nextStep=o),e=o,t.closed&&(o.closed=t.closed),t.finished&&(o.finished=t.finished),!o.contentStyle&&t.contentStyle&&(o.contentStyle=t.contentStyle),!o.arrowColor&&t.arrowColor&&(o.arrowColor=t.arrowColor),!o.marginZone&&t.marginZone&&(o.marginZone=t.marginZone),!o.showArrow&&l(t.showArrow)&&(o.showArrow=t.showArrow),!o.rootElement&&t.rootElement&&(o.rootElement=t.rootElement),!o.closeButton&&l(t.closeButton)&&(o.closeButton=t.closeButton),o.closeAnywhere&&!l(t.closeAnywhere)&&(o.closeAnywhere=t.closeAnywhere),!o.finishButton&&l(t.finishButton)&&(o.finishButton=t.finishButton),!o.focusBackdrop&&l(t.focusBackdrop)&&(o.focusBackdrop=t.focusBackdrop),!o.focusGlow&&l(t.focusGlow)&&(o.focusGlow=t.focusGlow),!o.notScrollOnResize&&l(t.notScrollOnResize)&&(o.notScrollOnResize=t.notScrollOnResize),!o.radius&&t.radius&&(o.radius=t.radius),!o.texts&&t.texts&&(o.texts=t.texts)})),e.finishButton=!0},t.prototype.start=function(){this.walkthroughComponents.first.open()},t}();v.decorators=[{type:o.Component,args:[{selector:"ng-walkthrough-flow",template:""}]}],v.ctorParameters=function(){return[]},v.propDecorators={walkthroughComponents:[{type:o.ContentChildren,args:[w]}],id:[{type:o.Input}],closed:[{type:o.Output}],finished:[{type:o.Output}],contentStyle:[{type:o.Input}],arrowColor:[{type:o.Input}],marginZone:[{type:o.Input}],showArrow:[{type:o.Input}],rootElement:[{type:o.Input}],closeButton:[{type:o.Input}],closeAnywhere:[{type:o.Input}],finishButton:[{type:o.Input}],focusBackdrop:[{type:o.Input}],focusGlow:[{type:o.Input}],radius:[{type:o.Input}],notScrollOnResize:[{type:o.Input}],texts:[{type:o.Input}]};var k=function(){};k.decorators=[{type:o.NgModule,args:[{imports:[r.CommonModule,e.PortalModule],declarations:[v,w,_],exports:[v,w,_],entryComponents:[_],providers:[u]}]}],t.WalkthroughComponent=w,t.WalkthroughContainerComponent=_,t.WalkthroughEvent=c,t.WalkthroughFlowComponent=v,t.WalkthroughMargin=p,t.WalkthroughModule=k,t.WalkthroughService=u,t.WalkthroughText=h,t.booleanValue=l,t.throwWalkthroughContentAlreadyAttachedError=m,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=angular-walkthrough.umd.min.js.map

CHANGELOG.md

 # Changelog of ng-walkthrough
 
+## V0.9.3 (2019-08-24)
+
+### Corrections
+
+-   fix `notScrollOnResize`
+
 ## V0.9.2 (2019-08-18)
@@ -4,0 +10,0 @@

fesm2015/angular-walkthrough.js

@@ -571,3 +571,3 @@ import { TemplatePortal, ComponentPortal, BasePortalOutlet, CdkPortalOutlet, PortalModule } from '@angular/cdk/portal';
         }
-        this._setFocus();
+        this._setFocus(scroll);
     }
@@ -628,3 +628,3 @@ /**
      */
-    _setFocus() {
+    _setFocus(scroll = true) {
         const instance = this._getInstance();
@@ -637,6 +637,6 @@ if (instance) {
                     instance.marginZonePx = this._marginZonePx;
-                    instance.hightlightZone(this._offsetCoordinates, scrollY - window.pageXOffset, this.animation, this.animationDelays, this._setFocusContinue.bind(this));
+                    instance.hightlightZone(this._offsetCoordinates, scrollY - window.pageXOffset, this.animation, this.animationDelays, this._setFocusContinue.bind(this), scroll);
                 }
                 else {
-                    this._setFocusContinue();
+                    this._setFocusContinue(scroll);
                 }
@@ -646,3 +646,3 @@ }, 20);
     }
-    _setFocusContinue() {
+    _setFocusContinue(scroll) {
         const instance = this._getInstance();
@@ -655,10 +655,10 @@ if (!this._display) {
             instance.hightlightZoneStyling(this._focusElement);
-            this._updateElementPositions(instance);
-        }, 0);
+            this._updateElementPositions(instance, scroll);
+        });
     }
-    _updateElementPositions(instance) {
+    _updateElementPositions(instance, scroll = true) {
         if (WalkthroughComponent._walkthroughContainer && this._getInstance()) {
             setTimeout(() => {
                 instance.contentBlockPosition(this._offsetCoordinates, this._alignContent, this._verticalAlignContent, this._contentSpacing, this._verticalContentSpacing);
-                if (this._focusElement !== null && this._hasArrow) {
+                if (this._offsetCoordinates && this._focusElement !== null && this._hasArrow) {
                     instance.arrowPosition(this._offsetCoordinates);
@@ -684,3 +684,5 @@ }
                             // we scroll on content
-                            contentBlockNative.scrollIntoView(true);
+                            if (scroll) {
+                                contentBlockNative.scrollIntoView(true);
+                            }
                             // we offset the window half of the content height
@@ -699,7 +701,11 @@ if (coordinatesContent.top > coordinatesFocus.top) {
                             if (coordinatesContent.top > coordinatesFocus.top) {
-                                window.scrollTo(coordinatesFocus.left, coordinatesFocus.top);
+                                if (scroll) {
+                                    window.scrollTo(coordinatesFocus.left, coordinatesFocus.top);
+                                }
                                 scrollPos = -WalkthroughComponent.minimalMargin;
                             }
                             else {
-                                contentBlockNative.scrollIntoView(true);
+                                if (scroll) {
+                                    contentBlockNative.scrollIntoView(true);
+                                }
                                 scrollPos = -WalkthroughComponent.minimalMargin;
@@ -711,6 +717,10 @@ }
                         // no focus zone, scroll on content minus margin
-                        contentBlockNative.scrollIntoView(true);
+                        if (scroll) {
+                            contentBlockNative.scrollIntoView(true);
+                        }
                         scrollPos = -WalkthroughComponent.minimalMargin;
                     }
-                    window.scrollBy(0, scrollPos);
+                    if (scroll) {
+                        window.scrollBy(0, scrollPos);
+                    }
                 }, 50);
@@ -937,3 +947,3 @@ }, 0);
     }
-    hightlightZone(coordinate, scrollDiff, animation, animationDelays, continueFunction) {
+    hightlightZone(coordinate, scrollDiff, animation, animationDelays, continueFunction, scroll) {
         const element = this.zone.nativeElement;
@@ -965,3 +975,3 @@ const zoneStyle = element.style;
                     this.hideOther = false;
-                    continueFunction();
+                    continueFunction(scroll);
                 }
@@ -975,3 +985,3 @@ }, intervale);
             zoneStyle.height = coordinate.height + 'px';
-            continueFunction();
+            continueFunction(scroll);
         }
@@ -978,0 +988,0 @@ }

lib/walkthrough-container.component.d.ts

@@ -63,3 +63,3 @@ import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
     setHeight(): void;
-    hightlightZone(coordinate: WalkthroughElementCoordinate, scrollDiff: number, animation: 'none' | 'linear', animationDelays: number, continueFunction: () => {}): void;
+    hightlightZone(coordinate: WalkthroughElementCoordinate, scrollDiff: number, animation: 'none' | 'linear', animationDelays: number, continueFunction: (scroll: boolean) => {}, scroll: boolean): void;
     hightlightZoneStyling(element: HTMLElement): void;
@@ -66,0 +66,0 @@ contentBlockPosition(paramcoordinate: WalkthroughElementCoordinate, alignContent: 'left' | 'center' | 'right', verticalAlignContent: 'above' | 'top' | 'center' | 'bottom' | 'below', contentSpacing: number, verticalContentSpacing: number): void;

package.json

 {
   "name": "angular-walkthrough",
-  "version": "0.9.2",
+  "version": "0.9.3",
   "description": "Walkthrough, an Angular library",
@@ -5,0 +5,0 @@ "author": "Célian Veyssière",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

798677

increased by0.68%

Lines of code

5345

increased by0.6%

No dependency changes