angular-walkthrough - npm Package Compare versions

Comparing version 0.6.9 to 0.6.10

bundles/angular-walkthrough.umd.min.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define(["exports","@angular/core","@angular/common"],e):e(t.angularWalkthrough={},t.ng.core,t.ng.common)}(this,function(t,e,o){"use strict";var n=function(t){return"true"===t||!0===t},i=function(){return function(t,e){this.component=t,this.focusElement=e}}(),r=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}(),s=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o])};function a(t,e){function o(){this.constructor=t}s(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}function h(){throw Error("Host already has a portal attached")}var l,c=function(){function t(){}return t.prototype.attach=function(t){return null==t&&function(){throw Error("Attempting to attach a portal to a null PortalOutlet")}(),t.hasAttached()&&h(),this._attachedHost=t,t.attach(this)},t.prototype.detach=function(){var t=this._attachedHost;null==t?function(){throw Error("Attempting to detach a portal that is not attached to a host")}():(this._attachedHost=null,t.detach())},Object.defineProperty(t.prototype,"isAttached",{get:function(){return null!=this._attachedHost},enumerable:!0,configurable:!0}),t.prototype.setAttachedHost=function(t){this._attachedHost=t},t}(),p=function(t){function e(e,o,n){var i=t.call(this)||this;return i.component=e,i.viewContainerRef=o,i.injector=n,i}return a(e,t),e}(c),u=function(t){function e(e,o,n){var i=t.call(this)||this;return i.templateRef=e,i.viewContainerRef=o,i.context=n,i}return a(e,t),Object.defineProperty(e.prototype,"origin",{get:function(){return this.templateRef.elementRef},enumerable:!0,configurable:!0}),e.prototype.attach=function(e,o){return void 0===o&&(o=this.context),this.context=o,t.prototype.attach.call(this,e)},e.prototype.detach=function(){return this.context=void 0,t.prototype.detach.call(this)},e}(c),f=function(){function t(){this._isDisposed=!1}return t.prototype.hasAttached=function(){return!!this._attachedPortal},t.prototype.attach=function(t){return t||function(){throw Error("Must provide a portal to attach")}(),this.hasAttached()&&h(),this._isDisposed&&function(){throw Error("This PortalOutlet has already been disposed")}(),t instanceof p?(this._attachedPortal=t,this.attachComponentPortal(t)):t instanceof u?(this._attachedPortal=t,this.attachTemplatePortal(t)):void function(){throw Error("Attempting to attach an unknown Portal type. BasePortalOutlet accepts either a ComponentPortal or a TemplatePortal.")}()},t.prototype.detach=function(){this._attachedPortal&&(this._attachedPortal.setAttachedHost(null),this._attachedPortal=null),this._invokeDisposeFn()},t.prototype.dispose=function(){this.hasAttached()&&this.detach(),this._invokeDisposeFn(),this._isDisposed=!0},t.prototype.setDisposeFn=function(t){this._disposeFn=t},t.prototype._invokeDisposeFn=function(){this._disposeFn&&(this._disposeFn(),this._disposeFn=null)},t}(),d=(function(t){function e(e,o,n,i){var r=t.call(this)||this;return r.outletElement=e,r._componentFactoryResolver=o,r._appRef=n,r._defaultInjector=i,r}a(e,t),e.prototype.attachComponentPortal=function(t){var e,o=this,n=this._componentFactoryResolver.resolveComponentFactory(t.component);return t.viewContainerRef?(e=t.viewContainerRef.createComponent(n,t.viewContainerRef.length,t.injector||t.viewContainerRef.parentInjector),this.setDisposeFn(function(){return e.destroy()})):(e=n.create(t.injector||this._defaultInjector),this._appRef.attachView(e.hostView),this.setDisposeFn(function(){o._appRef.detachView(e.hostView),e.destroy()})),this.outletElement.appendChild(this._getComponentRootNode(e)),e},e.prototype.attachTemplatePortal=function(t){var e=this,o=t.viewContainerRef,n=o.createEmbeddedView(t.templateRef,t.context);return n.detectChanges(),n.rootNodes.forEach(function(t){return e.outletElement.appendChild(t)}),this.setDisposeFn(function(){var t=o.indexOf(n);-1!==t&&o.remove(t)}),n},e.prototype.dispose=function(){t.prototype.dispose.call(this),null!=this.outletElement.parentNode&&this.outletElement.parentNode.removeChild(this.outletElement)},e.prototype._getComponentRootNode=function(t){return t.hostView.rootNodes[0]}}(f),function(t){function o(e,o){return t.call(this,e,o)||this}return a(o,t),o.decorators=[{type:e.Directive,args:[{selector:"[cdk-portal], [cdkPortal], [portal]",exportAs:"cdkPortal"}]}],o.ctorParameters=function(){return[{type:e.TemplateRef},{type:e.ViewContainerRef}]},o}(u)),g=function(t){function o(o,n){var i=t.call(this)||this;return i._componentFactoryResolver=o,i._viewContainerRef=n,i._isInitialized=!1,i.attached=new e.EventEmitter,i}return a(o,t),Object.defineProperty(o.prototype,"_deprecatedPortal",{get:function(){return this.portal},set:function(t){this.portal=t},enumerable:!0,configurable:!0}),Object.defineProperty(o.prototype,"_deprecatedPortalHost",{get:function(){return this.portal},set:function(t){this.portal=t},enumerable:!0,configurable:!0}),Object.defineProperty(o.prototype,"portal",{get:function(){return this._attachedPortal},set:function(e){(!this.hasAttached()||e||this._isInitialized)&&(this.hasAttached()&&t.prototype.detach.call(this),e&&t.prototype.attach.call(this,e),this._attachedPortal=e)},enumerable:!0,configurable:!0}),Object.defineProperty(o.prototype,"attachedRef",{get:function(){return this._attachedRef},enumerable:!0,configurable:!0}),o.prototype.ngOnInit=function(){this._isInitialized=!0},o.prototype.ngOnDestroy=function(){t.prototype.dispose.call(this),this._attachedPortal=null,this._attachedRef=null},o.prototype.attachComponentPortal=function(e){e.setAttachedHost(this);var o=null!=e.viewContainerRef?e.viewContainerRef:this._viewContainerRef,n=this._componentFactoryResolver.resolveComponentFactory(e.component),i=o.createComponent(n,o.length,e.injector||o.parentInjector);return t.prototype.setDisposeFn.call(this,function(){return i.destroy()}),this._attachedPortal=e,this._attachedRef=i,this.attached.emit(i),i},o.prototype.attachTemplatePortal=function(e){var o=this;e.setAttachedHost(this);var n=this._viewContainerRef.createEmbeddedView(e.templateRef,e.context);return t.prototype.setDisposeFn.call(this,function(){return o._viewContainerRef.clear()}),this._attachedPortal=e,this._attachedRef=n,this.attached.emit(n),n},o.decorators=[{type:e.Directive,args:[{selector:"[cdkPortalOutlet], [cdkPortalHost], [portalHost]",exportAs:"cdkPortalOutlet, cdkPortalHost",inputs:["portal: cdkPortalOutlet"]}]}],o.ctorParameters=function(){return[{type:e.ComponentFactoryResolver},{type:e.ViewContainerRef}]},o.propDecorators={_deprecatedPortal:[{type:e.Input,args:["portalHost"]}],_deprecatedPortalHost:[{type:e.Input,args:["cdkPortalHost"]}],attached:[{type:e.Output,args:["attached"]}]},o}(f),m=function(){function t(){}return t.decorators=[{type:e.NgModule,args:[{exports:[d,g],declarations:[d,g]}]}],t.ctorParameters=function(){return[]},t}(),w=function(){function t(t,e){this._parentInjector=t,this._customTokens=e}return t.prototype.get=function(t,e){var o=this._customTokens.get(t);return void 0!==o?o:this._parentInjector.get(t,e)},t}(),y=function(){function t(){var t=this;this._preventDefault=function(t){(t=t||window.event).preventDefault&&t.preventDefault(),t.returnValue=!1}.bind(this),this._overflowRegex=/(auto|scroll)/,this._preventDefaultForScrollKeys=function(e){if(e.keyCode>=32&&e.keyCode<=40)return t._preventDefault(e),!1}.bind(this)}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,e){void 0===e&&(e=0);for(var o=this.getTop(),n=this.getHeightOfPage(),i=0,r=t;r&&r!==document.body;)i+=r.offsetTop,r=r.offsetParent;if(o+n<i+t.offsetHeight)t.scrollIntoView(!1);else if(i<o)t.scrollIntoView(!0),window.scrollBy(0,-30);else for(var s=t;s&&s!==document.body;){if(r=this.getScrollParent(s),s.offsetTop+s.offsetHeight-r.scrollTop>r.offsetHeight||s.offsetLeft+s.offsetWidth-r.scrollLeft>r.offsetWidth){t.scrollIntoView(),window.scrollBy(0,-30);break}s=r}},t.prototype.scrollToTopElement=function(t,e,o){if(t&&e){var n=this.retrieveCoordinates(t,o),i=this.retrieveCoordinates(e,o),r=Math.min(n.left,i.left),s=Math.min(n.top,i.top);window.scrollTo(r-20,s-20)}},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.decorators=[{type:e.Injectable}],t.ctorParameters=function(){return[]},t}(),_=function(){return function(){this.previous="Previous",this.next="Next",this.close="Close"}}(),v=(l=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o])},function(t,e){function o(){this.constructor=t}l(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)});function b(){throw Error("Attempting to attach walkthrough content after content is already attached")}var k=function(t){function o(e,o,n,i){var s=t.call(this)||this;return s.viewContainerRef=e,s._walkthroughService=o,s._renderer=n,s._el=i,s.show=!1,s.pause=!1,s.hasHighlightZone=!1,s.hasHighlight=!1,s.hasBackdrop=!1,s.hasGlow=!1,s.hasPrevious=!1,s.hasNext=!1,s.hasFinish=!1,s.hasCloseButton=!1,s.hasCloseAnywhere=!0,s.hasArrow=!1,s.arrowMarkerDist=7,s.marginZonePx=new r,s.text=new _,s}return v(o,t),Object.defineProperty(o.prototype,"id",{get:function(){return this.parent?this.parent.id+"-container":null},enumerable:!0,configurable:!0}),Object.defineProperty(o.prototype,"hide",{get:function(){return!this.show},enumerable:!0,configurable:!0}),Object.defineProperty(o.prototype,"cursor",{get:function(){return this.hasCloseAnywhere},enumerable:!0,configurable:!0}),Object.defineProperty(o.prototype,"backdrop",{get:function(){return!this.hasHighlightZone&&this.hasBackdrop},enumerable:!0,configurable:!0}),o.prototype.click=function(){this.hasCloseAnywhere&&this.show&&this.close()},o.prototype.clickZone=function(t){this.parent&&this.hasClickable&&this.parent.focusClick(t,this)},o.prototype.attachComponentPortal=function(t){return this._portalHost.hasAttached()&&b(),this._portalHost.attachComponentPortal(t)},o.prototype.attachTemplatePortal=function(t){return this._portalHost.hasAttached()&&b(),this._portalHost.attachTemplatePortal(t)},o.prototype.setHeight=function(){this._renderer.setStyle(this._el.nativeElement,"height",this._walkthroughService.getDocumentHeight()+"px")},o.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=n/20,c=parseInt(h.left,10),p=e+parseInt(h.top,10),u=parseInt(h.width,10),f=parseInt(h.height,10),d=(t.left-c)/20,g=(t.top-p)/20,m=(t.width-u)/20,w=(t.height-f)/20,y=0;this.show=!0,a.borderRadius="50%";var _=setInterval(function(){a.left=c+d*y+"px",a.top=p+g*y+"px",a.width=u+m*y+"px",a.height=f+w*y+"px",y++>=20&&(clearInterval(_),r.hideOther=!1,i())},l)}else a.left=t.left+"px",a.top=t.top+"px",a.width=t.width+"px",a.height=t.height+"px",i()},o.prototype.hightlightZoneStyling=function(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=""},o.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=!1;if(this.hasHighlightZone){var c=t.left,p=window.innerWidth-t.left-t.width;if(c<a&&p<a&&(l=!0),("top"===o||"center"===o||"bottom"===o)&&!l)if("center"===e)Math.max(p,c)<a+(window.innerWidth-a)/2&&(e=p>c?"right":"left");else("left"===e&&c<a||"right"===e&&p<a)&&(o="bottom"===o||t.top<h?"below":"above")}if(l&&(e="center"),r.style.right="",r.style.left="","left"===e){if(r.style.left="0",this.hasHighlightZone){var u=t.left-a;n&&u>n&&(r.style.left=t.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)){u=window.innerWidth-t.left-t.width-a;n&&u>n&&(r.style.right="",r.style.left=t.left+t.width+n+"px")}if(this.hasHighlightZone){var f=this._walkthroughService.retrieveCoordinates(r).left+a/2;if(this._arrowPosition=f>t.left-x.minimalMargin&&f<t.left+t.width+x.minimalMargin?"topBottom":"leftRight",o&&!l){u=0;switch(this._contentPosition=o,o){case"above":u=t.top,r.style.top=u>i?t.top-h-i+"px":"0",this._arrowPosition="topBottom";break;case"top":r.style.top=t.top+"px";break;case"center":r.style.top=t.top+t.height/2-h/2+"px";break;case"bottom":r.style.top=t.top+t.height-h+"px";break;case"below":u=this._walkthroughService.getDocumentHeight()-t.top+t.height,r.style.top=u>i?t.top+t.height+i+"px":this._walkthroughService.getDocumentHeight()-h+"px",this._arrowPosition="topBottom"}}else"below"===o||t.top<h?(r.style.top=t.top+t.height+x.minimalMargin+"px",this._contentPosition="below"):(r.style.top=t.top-h-x.minimalMargin+"px",this._contentPosition="above")}else r.style.top=this._walkthroughService.getHeightOfPage()/2-h/2+"px"},o.prototype.arrowPosition=function(t,e){var o,n,i=this.contentBlock.nativeElement,r=this._walkthroughService.retrieveCoordinates(i),s=r.left+r.width/2,a=r.top+r.height,h=t.left,l=t.top+this.marginZonePx.top;switch(this._contentPosition){case"top":case"center":case"bottom":s=r.left>t.left?r.left:r.left+r.width,a-=r.height/2;break;case"below":a-=r.height}if("topBottom"===this._arrowPosition)h+=t.width/2,"below"===this._contentPosition?l+=t.height+6:l-=6,n=(s+h)/2,o=(a+l)/2,this.arrowPath="M"+s+","+a+" Q"+s+","+o+" "+n+","+o+" Q"+h+","+o+" "+h+","+l;else{s>t.left?h+=t.width+this.arrowMarkerDist:h-=this.arrowMarkerDist,n=(s+h)/2,o=(a+(l+=t.height/2))/2;var c=s,p=a;"top"===this._contentPosition||"bottom"===this._contentPosition?(c=r.left+r.width/2,p="top"===this._contentPosition?r.top+r.height:r.top,"top"===this._contentPosition&&p<l-x.minimalMargin||"bottom"===this._contentPosition&&p>l+x.minimalMargin?this.arrowPath="M"+c+","+p+" Q"+c+","+l+" "+h+","+l:this.arrowPath="M"+s+","+a+" Q"+n+","+a+" "+n+","+o+" Q"+n+","+l+" "+h+","+l):this.arrowPath="M"+c+","+p+" Q"+c+","+l+" "+h+","+l}},o.prototype.stop=function(){this.parent&&!this.pause&&(this.show=!1,this.pause=!0)},o.prototype.continue=function(){this.parent&&this.pause&&(this.show=!0,this.pause=!1)},o.prototype.open=function(){this.show=!0},o.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)},o.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)},o.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)},o.decorators=[{type:e.Component,args:[{selector:"walkthrough-container",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, 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, 0.6); } .wkt-zone.glow { box-shadow: 0 0 4px 2px #FFFF66, 0 0 9px 0 #FFFF66, 0 0 36px #FFFF66; } .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, 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: ' >>'; } svg { overflow: visible; position: absolute; top: -1px; left: -1px; border: 1px solid transparent; } svg.hide { display: none; } #wkt-arrow > path { stroke-width: 0; } .wkt-arrow-path { stroke-width: 2px; fill: none; } @-webkit-keyframes highlight { 0% { background-color: none; } 50% { background-color: rgba(255, 255, 255, 0.8); } 100% { background-color: none; } } @keyframes highlight { 0% { background-color: none; } 50% { background-color: rgba(255, 255, 255, 0.8); } 100% { background-color: none; } } @media screen and (min-width: 1920px), screen and (min-height: 1920px) { .wkt-zone.backdrop { box-shadow: 0 0 0 4400px rgba(0, 0, 0, 0.6); } } @media screen and (min-width: 3840px), screen and (min-height: 3840px) { .wkt-zone.backdrop { box-shadow: 0 0 0 8800px rgba(0, 0, 0, 0.6); } } _:default:not(:root:root), .wkt-zone.backdrop { box-shadow: 0 0 0 2000px rgba(0, 0, 0, 0.6) !important; } "],template:'<div class="wkt-container"> <div class="wkt-zone" #zone (click)="clickZone($event)" [class.hide]="!hasHighlightZone" [class.backdrop]="hasBackdrop" [class.glow]="hasGlow" [class.clickable]="hasClickable" [class.highlight]="hasHighlight" [style.padding]="marginZone"></div> <div class="wkt-content-block" [class.hide]="hideOther" [class.darken]="contentStyle === \'draken\'" #contentBlock> <button type="button" class="wkt-close" *ngIf="hasCloseButton" (click)="close()">✖</button> <div class="wkt-content"> <p *ngIf="contentText">{{contentText}}</p> <ng-template cdkPortalHost></ng-template> </div> <div class="wkt-navigate" *ngIf="hasPrevious||hasNext||hasFinish"> <button type="button" class="wkt-previous-link" *ngIf="hasPrevious" (click)="previous()">{{text.previous}}</button> <button type="button" class="wkt-next-link" *ngIf="hasNext" (click)="next()">{{text.next}}</button> <button type="button" class="wkt-finish-link" *ngIf="hasFinish" (click)="close(true)">{{text.close}}</button> </div> </div> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" *ngIf="hasArrow" [class.hide]="hideOther"> <defs> <marker id="wkt-arrow" viewBox="0 0 10 10" refX="8" refY="5" markerUnits="strokeWidth" orient="auto" markerWidth="10" markerHeight="10"> <polyline points="0,0 10,5 0,10 5,5" stroke-width="0" [attr.fill]="arrowColor || \'#FFF\'" /> </marker> </defs> <path class="wkt-arrow-path" [attr.d]="arrowPath" [attr.stroke]="arrowColor || \'#FFF\'" marker-end="url(#wkt-arrow)" /> </svg> </div>'}]}],o.ctorParameters=function(){return[{type:e.ViewContainerRef},{type:y},{type:e.Renderer2},{type:e.ElementRef}]},o.propDecorators={_portalHost:[{type:e.ViewChild,args:[g]}],content:[{type:e.ViewChild,args:["content"]}],contentBlock:[{type:e.ViewChild,args:["contentBlock"]}],zone:[{type:e.ViewChild,args:["zone"]}],id:[{type:e.HostBinding,args:["attr.id"]}],hide:[{type:e.HostBinding,args:["class.hide"]}],cursor:[{type:e.HostBinding,args:["class.cursor"]}],backdrop:[{type:e.HostBinding,args:["class.backdrop"]}],click:[{type:e.HostListener,args:["click"]}]},o}(f),C=Object.assign||function(t){for(var e,o=1,n=arguments.length;o<n;o++)for(var i in e=arguments[o])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t},P=0,x=function(){function t(t,o,n,i,s){this._componentFactoryResolver=t,this._applicationRef=o,this._injector=n,this._renderer=i,this._walkthroughService=s,this.closed=new e.EventEmitter,this.finished=new e.EventEmitter,this.ready=new e.EventEmitter,this.focusElementCSSClass=void 0,this.typeSelector="element",this.contentStyle="draken",this.animation="none",this.animationDelays=0,this._uid="walkthrough-"+P++,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 r,this._alignContent="left",this._verticalAlignContent="top",this._contentSpacing=0,this._verticalContentSpacing=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=r.parsePoints(t),null!==this._marginZonePx&&(this._marginZone=t))},enumerable:!0,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:!0,configurable:!0}),Object.defineProperty(t.prototype,"id",{get:function(){return this._id},set:function(t){this._id=t||this._uid},enumerable:!0,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:!0,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:!0,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:!0,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:!0,configurable:!0}),Object.defineProperty(t.prototype,"closeButton",{get:function(){return this._hasCloseButton},set:function(t){this._hasCloseButton=n(t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"closeAnywhere",{get:function(){return this._hasCloseAnywhere},set:function(t){this._hasCloseAnywhere=n(t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"showArrow",{get:function(){return this._hasArrow},set:function(t){this._hasArrow=n(t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"finishButton",{get:function(){return this._hasFinish},set:function(t){this._hasFinish=n(t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"focusHighlightAnimation",{get:function(){return this._hasHighlightAnimation},set:function(t){this._hasHighlightAnimation=n(t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"focusBackdrop",{get:function(){return this._hasBackdrop},set:function(t){this._hasBackdrop=n(t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"focusGlow",{get:function(){return this._hasGlow},set:function(t){this._hasGlow=n(t)},enumerable:!0,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:!0,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.continue()},t.walkthroughNext=function(){t._walkthroughContainer&&t._walkthroughContainer.instance.next()},t.walkthroughPrevious=function(){t._walkthroughContainer&&t._walkthroughContainer.instance.previous()},t.prototype.resize=function(){t._walkthroughContainer&&this._display&&this._elementLocations()},t.prototype.ngAfterViewInit=function(){var e=this;t._walkthroughContainer||t._walkthroughContainerCreating||(t._walkthroughContainerCreating=!0,setTimeout(function(){t._walkthroughContainer=e._appendComponentToBody(k)},0))},t.prototype.next=function(t,e){void 0===t&&(t=void 0),void 0===e&&(e=void 0),t&&(this.closed=t),e&&(this.finished=e),this.open()},t.prototype.open=function(){this._getInstance().pause?console.warn("Another walkthrough is in pause. Please close it before."):this._elementLocations()},t.prototype.loadPrevioustStep=function(){var t=this;setTimeout(function(){t.previousStep._next(t.closed,t.finished)},0)},t.prototype.loadNextStep=function(){var t=this;setTimeout(function(){t.nextStep._next(t.closed,t.finished)},0)},t.prototype.hide=function(t,e){var o=this;void 0===t&&(t=!1),void 0===e&&(e=!0),this._display=!1,this.focusElementCSSClass&&this._renderer.removeClass(this._focusElement,this.focusElementCSSClass),e&&setTimeout(function(){o.closed.emit(t),o.nextStep||o.finished.emit(new i(o,o._focusElement))},20)},t.prototype._show=function(){this._display=!0},t.prototype._next=function(t,e){void 0===t&&(t=void 0),void 0===e&&(e=void 0),t&&(this.closed=t),e&&(this.finished=e),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,o){if(t instanceof e.TemplateRef)o.attachTemplatePortal(new u(t,null));else{var n=new WeakMap;n.set(k,o);var i=new w(this._injector,n);o.attachComponentPortal(new p(t,void 0,i))}},t.prototype._elementLocations=function(){this._getFocusElement();var t=this._focusElement;if(t){if(this._walkthroughService.scrollIntoViewIfOutOfView(t),this._offsetCoordinates=this._walkthroughService.retrieveCoordinates(t,this._marginZonePx),"zone"===this.typeSelector){var e=this._walkthroughService.retrieveCoordinates(this._focusElementEnd,this._marginZonePx);this._offsetCoordinates.height=e.top-this._offsetCoordinates.top+e.height,this._offsetCoordinates.width=e.left-this._offsetCoordinates.left+e.width}}else this._offsetCoordinates=null;this._setFocus()},t.prototype._getFocusElement=function(){var t=this.focusElementSelector?document.querySelectorAll(this.focusElementSelector):null;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.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._verticalContentSpacing),o.focusElementCSSClass&&o._renderer.addClass(o._focusElement,o.focusElementCSSClass),setTimeout(function(){if(o._getInstance().setHeight(),o._readyHasBeenEmited||(o._readyHasBeenEmited=!0,o.ready.emit(new i(o,o._focusElement))),null!=o._focusElement){var n=o._walkthroughService.retrieveCoordinates(e.contentBlock.nativeElement),r=o._walkthroughService.retrieveCoordinates(o._focusElement);n.height+r.height>window.innerHeight?(e.contentBlock.nativeElement.scrollIntoView(!0),n.top>r.top?window.scrollBy(0,-n.height/2):window.scrollBy(0,+n.height/2)):n.top>r.top?(o._focusElement.scrollIntoView(!0),window.scrollBy(0,-t.minimalMargin)):(e.contentBlock.nativeElement.scrollIntoView(!0),window.scrollBy(0,-t.minimalMargin))}else e.contentBlock.nativeElement.scrollIntoView(!0),window.scrollBy(0,-t.minimalMargin)},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?C({},new _,this.texts):new _,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._walkthroughContainer=null,t._walkthroughContainerCreating=!1,t.minimalMargin=30,t.decorators=[{type:e.Component,args:[{selector:"ng-walkthrough",template:""}]}],t.ctorParameters=function(){return[{type:e.ComponentFactoryResolver},{type:e.ApplicationRef},{type:e.Injector},{type:e.Renderer2},{type:y}]},t.propDecorators={closed:[{type:e.Output}],finished:[{type:e.Output}],ready:[{type:e.Output}],focusElementCSSClass:[{type:e.Input}],focusElementSelector:[{type:e.Input}],typeSelector:[{type:e.Input}],focusClick:[{type:e.Input}],radius:[{type:e.Input}],previousStep:[{type:e.Input}],nextStep:[{type:e.Input}],texts:[{type:e.Input}],contentTemplate:[{type:e.Input}],contentText:[{type:e.Input}],contentStyle:[{type:e.Input}],marginZone:[{type:e.Input}],arrowColor:[{type:e.Input}],animation:[{type:e.Input}],animationDelays:[{type:e.Input}],id:[{type:e.Input}],alignContent:[{type:e.Input}],verticalAlignContent:[{type:e.Input}],contentSpacing:[{type:e.Input}],verticalContentSpacing:[{type:e.Input}],closeButton:[{type:e.Input}],closeAnywhere:[{type:e.Input}],showArrow:[{type:e.Input}],finishButton:[{type:e.Input}],focusHighlightAnimation:[{type:e.Input}],focusBackdrop:[{type:e.Input}],focusGlow:[{type:e.Input}],disabled:[{type:e.Input}],resize:[{type:e.HostListener,args:["window:resize"]}]},t}(),S=0,I=function(){function t(){this.closed=new e.EventEmitter,this.finished=new e.EventEmitter,this.contentStyle="draken",this.marginZone=null,this._uid="walkthrough-flow-"+S++}return Object.defineProperty(t.prototype,"id",{get:function(){return this._id},set:function(t){this._id=t||this._uid},enumerable:!0,configurable:!0}),t.prototype.ngAfterViewInit=function(){var t=this;setTimeout(function(){t.init()},0)},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&&n(t.showArrow)&&(o.showArrow=t.showArrow),!o.closeButton&&n(t.closeButton)&&(o.closeButton=t.closeButton),o.closeAnywhere&&!n(t.closeAnywhere)&&(o.closeAnywhere=t.closeAnywhere),!o.finishButton&&n(t.finishButton)&&(o.finishButton=t.finishButton),!o.focusBackdrop&&n(t.focusBackdrop)&&(o.focusBackdrop=t.focusBackdrop),!o.focusGlow&&n(t.focusGlow)&&(o.focusGlow=t.focusGlow),!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.decorators=[{type:e.Component,args:[{selector:"ng-walkthrough-flow",template:""}]}],t.ctorParameters=function(){return[]},t.propDecorators={walkthroughComponents:[{type:e.ContentChildren,args:[x]}],id:[{type:e.Input}],closed:[{type:e.Output}],finished:[{type:e.Output}],contentStyle:[{type:e.Input}],arrowColor:[{type:e.Input}],marginZone:[{type:e.Input}],showArrow:[{type:e.Input}],closeButton:[{type:e.Input}],closeAnywhere:[{type:e.Input}],finishButton:[{type:e.Input}],focusBackdrop:[{type:e.Input}],focusGlow:[{type:e.Input}],radius:[{type:e.Input}],texts:[{type:e.Input}]},t}(),E=function(){function t(){}return t.forRoot=function(){return{ngModule:t,providers:[]}},t.decorators=[{type:e.NgModule,args:[{declarations:[I,x,k],exports:[I,x,k],imports:[o.CommonModule,m],entryComponents:[k],providers:[y]}]}],t.ctorParameters=function(){return[]},t}();t.booleanValue=n,t.WalkthroughEvent=i,t.WalkthroughMargin=r,t.WalkthroughComponent=x,t.WalkthroughFlowComponent=I,t.throwWalkthroughContentAlreadyAttachedError=b,t.WalkthroughContainerComponent=k,t.WalkthroughText=_,t.WalkthroughModule=E,t.ɵa=y,Object.defineProperty(t,"__esModule",{value:!0})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define(["exports","@angular/core","@angular/common"],e):e(t.angularWalkthrough={},t.ng.core,t.ng.common)}(this,function(t,e,o){"use strict";var n=function(t){return"true"===t||!0===t},i=function(){return function(t,e){this.component=t,this.focusElement=e}}(),r=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}(),s=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o])};function a(t,e){function o(){this.constructor=t}s(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}function h(){throw Error("Host already has a portal attached")}var l,c=function(){function t(){}return t.prototype.attach=function(t){return null==t&&function(){throw Error("Attempting to attach a portal to a null PortalOutlet")}(),t.hasAttached()&&h(),this._attachedHost=t,t.attach(this)},t.prototype.detach=function(){var t=this._attachedHost;null==t?function(){throw Error("Attempting to detach a portal that is not attached to a host")}():(this._attachedHost=null,t.detach())},Object.defineProperty(t.prototype,"isAttached",{get:function(){return null!=this._attachedHost},enumerable:!0,configurable:!0}),t.prototype.setAttachedHost=function(t){this._attachedHost=t},t}(),p=function(t){function e(e,o,n){var i=t.call(this)||this;return i.component=e,i.viewContainerRef=o,i.injector=n,i}return a(e,t),e}(c),u=function(t){function e(e,o,n){var i=t.call(this)||this;return i.templateRef=e,i.viewContainerRef=o,i.context=n,i}return a(e,t),Object.defineProperty(e.prototype,"origin",{get:function(){return this.templateRef.elementRef},enumerable:!0,configurable:!0}),e.prototype.attach=function(e,o){return void 0===o&&(o=this.context),this.context=o,t.prototype.attach.call(this,e)},e.prototype.detach=function(){return this.context=void 0,t.prototype.detach.call(this)},e}(c),f=function(){function t(){this._isDisposed=!1}return t.prototype.hasAttached=function(){return!!this._attachedPortal},t.prototype.attach=function(t){return t||function(){throw Error("Must provide a portal to attach")}(),this.hasAttached()&&h(),this._isDisposed&&function(){throw Error("This PortalOutlet has already been disposed")}(),t instanceof p?(this._attachedPortal=t,this.attachComponentPortal(t)):t instanceof u?(this._attachedPortal=t,this.attachTemplatePortal(t)):void function(){throw Error("Attempting to attach an unknown Portal type. BasePortalOutlet accepts either a ComponentPortal or a TemplatePortal.")}()},t.prototype.detach=function(){this._attachedPortal&&(this._attachedPortal.setAttachedHost(null),this._attachedPortal=null),this._invokeDisposeFn()},t.prototype.dispose=function(){this.hasAttached()&&this.detach(),this._invokeDisposeFn(),this._isDisposed=!0},t.prototype.setDisposeFn=function(t){this._disposeFn=t},t.prototype._invokeDisposeFn=function(){this._disposeFn&&(this._disposeFn(),this._disposeFn=null)},t}(),d=(function(t){function e(e,o,n,i){var r=t.call(this)||this;return r.outletElement=e,r._componentFactoryResolver=o,r._appRef=n,r._defaultInjector=i,r}a(e,t),e.prototype.attachComponentPortal=function(t){var e,o=this,n=this._componentFactoryResolver.resolveComponentFactory(t.component);return t.viewContainerRef?(e=t.viewContainerRef.createComponent(n,t.viewContainerRef.length,t.injector||t.viewContainerRef.parentInjector),this.setDisposeFn(function(){return e.destroy()})):(e=n.create(t.injector||this._defaultInjector),this._appRef.attachView(e.hostView),this.setDisposeFn(function(){o._appRef.detachView(e.hostView),e.destroy()})),this.outletElement.appendChild(this._getComponentRootNode(e)),e},e.prototype.attachTemplatePortal=function(t){var e=this,o=t.viewContainerRef,n=o.createEmbeddedView(t.templateRef,t.context);return n.detectChanges(),n.rootNodes.forEach(function(t){return e.outletElement.appendChild(t)}),this.setDisposeFn(function(){var t=o.indexOf(n);-1!==t&&o.remove(t)}),n},e.prototype.dispose=function(){t.prototype.dispose.call(this),null!=this.outletElement.parentNode&&this.outletElement.parentNode.removeChild(this.outletElement)},e.prototype._getComponentRootNode=function(t){return t.hostView.rootNodes[0]}}(f),function(t){function o(e,o){return t.call(this,e,o)||this}return a(o,t),o.decorators=[{type:e.Directive,args:[{selector:"[cdk-portal], [cdkPortal], [portal]",exportAs:"cdkPortal"}]}],o.ctorParameters=function(){return[{type:e.TemplateRef},{type:e.ViewContainerRef}]},o}(u)),g=function(t){function o(o,n){var i=t.call(this)||this;return i._componentFactoryResolver=o,i._viewContainerRef=n,i._isInitialized=!1,i.attached=new e.EventEmitter,i}return a(o,t),Object.defineProperty(o.prototype,"_deprecatedPortal",{get:function(){return this.portal},set:function(t){this.portal=t},enumerable:!0,configurable:!0}),Object.defineProperty(o.prototype,"_deprecatedPortalHost",{get:function(){return this.portal},set:function(t){this.portal=t},enumerable:!0,configurable:!0}),Object.defineProperty(o.prototype,"portal",{get:function(){return this._attachedPortal},set:function(e){(!this.hasAttached()||e||this._isInitialized)&&(this.hasAttached()&&t.prototype.detach.call(this),e&&t.prototype.attach.call(this,e),this._attachedPortal=e)},enumerable:!0,configurable:!0}),Object.defineProperty(o.prototype,"attachedRef",{get:function(){return this._attachedRef},enumerable:!0,configurable:!0}),o.prototype.ngOnInit=function(){this._isInitialized=!0},o.prototype.ngOnDestroy=function(){t.prototype.dispose.call(this),this._attachedPortal=null,this._attachedRef=null},o.prototype.attachComponentPortal=function(e){e.setAttachedHost(this);var o=null!=e.viewContainerRef?e.viewContainerRef:this._viewContainerRef,n=this._componentFactoryResolver.resolveComponentFactory(e.component),i=o.createComponent(n,o.length,e.injector||o.parentInjector);return t.prototype.setDisposeFn.call(this,function(){return i.destroy()}),this._attachedPortal=e,this._attachedRef=i,this.attached.emit(i),i},o.prototype.attachTemplatePortal=function(e){var o=this;e.setAttachedHost(this);var n=this._viewContainerRef.createEmbeddedView(e.templateRef,e.context);return t.prototype.setDisposeFn.call(this,function(){return o._viewContainerRef.clear()}),this._attachedPortal=e,this._attachedRef=n,this.attached.emit(n),n},o.decorators=[{type:e.Directive,args:[{selector:"[cdkPortalOutlet], [cdkPortalHost], [portalHost]",exportAs:"cdkPortalOutlet, cdkPortalHost",inputs:["portal: cdkPortalOutlet"]}]}],o.ctorParameters=function(){return[{type:e.ComponentFactoryResolver},{type:e.ViewContainerRef}]},o.propDecorators={_deprecatedPortal:[{type:e.Input,args:["portalHost"]}],_deprecatedPortalHost:[{type:e.Input,args:["cdkPortalHost"]}],attached:[{type:e.Output,args:["attached"]}]},o}(f),w=function(){function t(){}return t.decorators=[{type:e.NgModule,args:[{exports:[d,g],declarations:[d,g]}]}],t.ctorParameters=function(){return[]},t}(),m=function(){function t(t,e){this._parentInjector=t,this._customTokens=e}return t.prototype.get=function(t,e){var o=this._customTokens.get(t);return void 0!==o?o:this._parentInjector.get(t,e)},t}(),y=function(){function t(){var t=this;this._preventDefault=function(t){(t=t||window.event).preventDefault&&t.preventDefault(),t.returnValue=!1}.bind(this),this._overflowRegex=/(auto|scroll)/,this._preventDefaultForScrollKeys=function(e){if(e.keyCode>=32&&e.keyCode<=40)return t._preventDefault(e),!1}.bind(this)}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,e){void 0===e&&(e=0);for(var o=this.getTop(),n=this.getHeightOfPage(),i=0,r=t;r&&r!==document.body;)i+=r.offsetTop,r=r.offsetParent;if(o+n<i+t.offsetHeight)t.scrollIntoView(!1);else if(i<o)t.scrollIntoView(!0),window.scrollBy(0,-30);else for(var s=t;s&&s!==document.body;){if(r=this.getScrollParent(s),s.offsetTop+s.offsetHeight-r.scrollTop>r.offsetHeight||s.offsetLeft+s.offsetWidth-r.scrollLeft>r.offsetWidth){t.scrollIntoView(),window.scrollBy(0,-30);break}s=r}},t.prototype.scrollToTopElement=function(t,e,o){if(t&&e){var n=this.retrieveCoordinates(t,o),i=this.retrieveCoordinates(e,o),r=Math.min(n.left,i.left),s=Math.min(n.top,i.top);window.scrollTo(r-20,s-20)}},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.decorators=[{type:e.Injectable}],t.ctorParameters=function(){return[]},t}(),_=function(){return function(){this.previous="Previous",this.next="Next",this.close="Close"}}(),v=(l=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o])},function(t,e){function o(){this.constructor=t}l(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)});function b(){throw Error("Attempting to attach walkthrough content after content is already attached")}var k=function(t){function o(e,o,n,i){var s=t.call(this)||this;return s.viewContainerRef=e,s._walkthroughService=o,s._renderer=n,s._el=i,s.show=!1,s.pause=!1,s.hasHighlightZone=!1,s.hasHighlight=!1,s.hasBackdrop=!1,s.hasGlow=!1,s.hasPrevious=!1,s.hasNext=!1,s.hasFinish=!1,s.hasCloseButton=!1,s.hasCloseAnywhere=!0,s.hasArrow=!1,s.arrowMarkerDist=7,s.marginZonePx=new r,s.text=new _,s}return v(o,t),Object.defineProperty(o.prototype,"id",{get:function(){return this.parent?this.parent.id+"-container":null},enumerable:!0,configurable:!0}),Object.defineProperty(o.prototype,"hide",{get:function(){return!this.show},enumerable:!0,configurable:!0}),Object.defineProperty(o.prototype,"cursor",{get:function(){return this.hasCloseAnywhere},enumerable:!0,configurable:!0}),Object.defineProperty(o.prototype,"backdrop",{get:function(){return!this.hasHighlightZone&&this.hasBackdrop},enumerable:!0,configurable:!0}),o.prototype.click=function(){this.hasCloseAnywhere&&this.show&&this.close()},o.prototype.clickZone=function(t){this.parent&&this.hasClickable&&this.parent.focusClick(t,this)},o.prototype.attachComponentPortal=function(t){return this._portalHost.hasAttached()&&b(),this._portalHost.attachComponentPortal(t)},o.prototype.attachTemplatePortal=function(t){return this._portalHost.hasAttached()&&b(),this._portalHost.attachTemplatePortal(t)},o.prototype.setHeight=function(){this._renderer.setStyle(this._el.nativeElement,"height",this._walkthroughService.getDocumentHeight()+"px")},o.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=n/20,c=parseInt(h.left,10),p=e+parseInt(h.top,10),u=parseInt(h.width,10),f=parseInt(h.height,10),d=(t.left-c)/20,g=(t.top-p)/20,w=(t.width-u)/20,m=(t.height-f)/20,y=0;this.show=!0,a.borderRadius="50%";var _=setInterval(function(){a.left=c+d*y+"px",a.top=p+g*y+"px",a.width=u+w*y+"px",a.height=f+m*y+"px",y++>=20&&(clearInterval(_),r.hideOther=!1,i())},l)}else a.left=t.left+"px",a.top=t.top+"px",a.width=t.width+"px",a.height=t.height+"px",i()},o.prototype.hightlightZoneStyling=function(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=""},o.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=!1;if(this.hasHighlightZone){var c=t.left,p=window.innerWidth-t.left-t.width;if(c<a&&p<a&&(l=!0),("top"===o||"center"===o||"bottom"===o)&&!l)if("center"===e)Math.max(p,c)<a+(window.innerWidth-a)/2&&(e=p>c?"right":"left");else("left"===e&&c<a||"right"===e&&p<a)&&(o="bottom"===o||t.top<h?"below":"above")}if(l&&(e="center"),r.style.right="",r.style.left="","left"===e){if(r.style.left="0",this.hasHighlightZone){var u=t.left-a;n&&u>n&&(r.style.left=t.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)){u=window.innerWidth-t.left-t.width-a;n&&u>n&&(r.style.right="",r.style.left=t.left+t.width+n+"px")}if(this.hasHighlightZone){var f=this._walkthroughService.retrieveCoordinates(r).left+a/2;if(this._arrowPosition=f>t.left-x.minimalMargin&&f<t.left+t.width+x.minimalMargin?"topBottom":"leftRight",o&&!l){u=0;switch(this._contentPosition=o,o){case"above":u=t.top,r.style.top=u>i?t.top-h-i+"px":"0",this._arrowPosition="topBottom";break;case"top":r.style.top=t.top+"px";break;case"center":r.style.top=t.top+t.height/2-h/2+"px";break;case"bottom":r.style.top=t.top+t.height-h+"px";break;case"below":u=this._walkthroughService.getDocumentHeight()-t.top+t.height,r.style.top=u>i?t.top+t.height+i+"px":this._walkthroughService.getDocumentHeight()-h+"px",this._arrowPosition="topBottom"}}else"below"===o||t.top<h?(r.style.top=t.top+t.height+x.minimalMargin+"px",this._contentPosition="below"):(r.style.top=t.top-h-x.minimalMargin+"px",this._contentPosition="above")}else r.style.top=this._walkthroughService.getHeightOfPage()/2-h/2+"px"},o.prototype.arrowPosition=function(t,e){var o,n,i=this.contentBlock.nativeElement,r=this._walkthroughService.retrieveCoordinates(i),s=r.left+r.width/2,a=r.top+r.height,h=t.left,l=t.top+this.marginZonePx.top;switch(this._contentPosition){case"top":case"center":case"bottom":s=r.left>t.left?r.left:r.left+r.width,a-=r.height/2;break;case"below":a-=r.height}if("topBottom"===this._arrowPosition)h+=t.width/2,"below"===this._contentPosition?l+=t.height+6:l-=6,n=(s+h)/2,o=(a+l)/2,this.arrowPath="M"+s+","+a+" Q"+s+","+o+" "+n+","+o+" Q"+h+","+o+" "+h+","+l;else{s>t.left?h+=t.width+this.arrowMarkerDist:h-=this.arrowMarkerDist,n=(s+h)/2,o=(a+(l+=t.height/2))/2;var c=s,p=a;"top"===this._contentPosition||"bottom"===this._contentPosition?(c=r.left+r.width/2,p="top"===this._contentPosition?r.top+r.height:r.top,"top"===this._contentPosition&&p<l-x.minimalMargin||"bottom"===this._contentPosition&&p>l+x.minimalMargin?this.arrowPath="M"+c+","+p+" Q"+c+","+l+" "+h+","+l:this.arrowPath="M"+s+","+a+" Q"+n+","+a+" "+n+","+o+" Q"+n+","+l+" "+h+","+l):this.arrowPath="M"+c+","+p+" Q"+c+","+l+" "+h+","+l}},o.prototype.stop=function(){this.parent&&!this.pause&&(this.show=!1,this.pause=!0)},o.prototype.continue=function(){this.parent&&this.pause&&(this.show=!0,this.pause=!1)},o.prototype.open=function(){this.show=!0},o.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)},o.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)},o.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)},o.decorators=[{type:e.Component,args:[{selector:"walkthrough-container",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, 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, 0.6); } .wkt-zone.glow { box-shadow: 0 0 4px 2px #FFFF66, 0 0 9px 0 #FFFF66, 0 0 36px #FFFF66; } .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, 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: ' >>'; } svg { overflow: visible; position: absolute; top: -1px; left: -1px; border: 1px solid transparent; } svg.hide { display: none; } #wkt-arrow > path { stroke-width: 0; } .wkt-arrow-path { stroke-width: 2px; fill: none; } @-webkit-keyframes highlight { 0% { background-color: none; } 50% { background-color: rgba(255, 255, 255, 0.8); } 100% { background-color: none; } } @keyframes highlight { 0% { background-color: none; } 50% { background-color: rgba(255, 255, 255, 0.8); } 100% { background-color: none; } } @media screen and (min-width: 1920px), screen and (min-height: 1920px) { .wkt-zone.backdrop { box-shadow: 0 0 0 4400px rgba(0, 0, 0, 0.6); } } @media screen and (min-width: 3840px), screen and (min-height: 3840px) { .wkt-zone.backdrop { box-shadow: 0 0 0 8800px rgba(0, 0, 0, 0.6); } } _:default:not(:root:root), .wkt-zone.backdrop { box-shadow: 0 0 0 2000px rgba(0, 0, 0, 0.6) !important; } "],template:'<div class="wkt-container"> <div class="wkt-zone" #zone (click)="clickZone($event)" [class.hide]="!hasHighlightZone" [class.backdrop]="hasBackdrop" [class.glow]="hasGlow" [class.clickable]="hasClickable" [class.highlight]="hasHighlight" [style.padding]="marginZone"></div> <div class="wkt-content-block" [class.hide]="hideOther" [class.darken]="contentStyle === \'draken\'" #contentBlock> <button type="button" class="wkt-close" *ngIf="hasCloseButton" (click)="close()">✖</button> <div class="wkt-content"> <p *ngIf="contentText">{{contentText}}</p> <ng-template cdkPortalHost></ng-template> </div> <div class="wkt-navigate" *ngIf="hasPrevious||hasNext||hasFinish"> <button type="button" class="wkt-previous-link" *ngIf="hasPrevious" (click)="previous()">{{text.previous}}</button> <button type="button" class="wkt-next-link" *ngIf="hasNext" (click)="next()">{{text.next}}</button> <button type="button" class="wkt-finish-link" *ngIf="hasFinish" (click)="close(true)">{{text.close}}</button> </div> </div> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" *ngIf="hasArrow" [class.hide]="hideOther"> <defs> <marker id="wkt-arrow" viewBox="0 0 10 10" refX="8" refY="5" markerUnits="strokeWidth" orient="auto" markerWidth="10" markerHeight="10"> <polyline points="0,0 10,5 0,10 5,5" stroke-width="0" [attr.fill]="arrowColor || \'#FFF\'" /> </marker> </defs> <path class="wkt-arrow-path" [attr.d]="arrowPath" [attr.stroke]="arrowColor || \'#FFF\'" marker-end="url(#wkt-arrow)" /> </svg> </div>'}]}],o.ctorParameters=function(){return[{type:e.ViewContainerRef},{type:y},{type:e.Renderer2},{type:e.ElementRef}]},o.propDecorators={_portalHost:[{type:e.ViewChild,args:[g]}],content:[{type:e.ViewChild,args:["content"]}],contentBlock:[{type:e.ViewChild,args:["contentBlock"]}],zone:[{type:e.ViewChild,args:["zone"]}],id:[{type:e.HostBinding,args:["attr.id"]}],hide:[{type:e.HostBinding,args:["class.hide"]}],cursor:[{type:e.HostBinding,args:["class.cursor"]}],backdrop:[{type:e.HostBinding,args:["class.backdrop"]}],click:[{type:e.HostListener,args:["click"]}]},o}(f),C=Object.assign||function(t){for(var e,o=1,n=arguments.length;o<n;o++)for(var i in e=arguments[o])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t},P=0,x=function(){function t(t,o,n,i,s){this._componentFactoryResolver=t,this._applicationRef=o,this._injector=n,this._renderer=i,this._walkthroughService=s,this.closed=new e.EventEmitter,this.finished=new e.EventEmitter,this.ready=new e.EventEmitter,this.focusElementCSSClass=void 0,this.typeSelector="element",this.contentStyle="draken",this.animation="none",this.animationDelays=0,this._uid="walkthrough-"+P++,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 r,this._alignContent="left",this._verticalAlignContent="top",this._contentSpacing=0,this._verticalContentSpacing=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=r.parsePoints(t),null!==this._marginZonePx&&(this._marginZone=t))},enumerable:!0,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:!0,configurable:!0}),Object.defineProperty(t.prototype,"id",{get:function(){return this._id},set:function(t){this._id=t||this._uid},enumerable:!0,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:!0,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:!0,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:!0,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:!0,configurable:!0}),Object.defineProperty(t.prototype,"closeButton",{get:function(){return this._hasCloseButton},set:function(t){this._hasCloseButton=n(t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"closeAnywhere",{get:function(){return this._hasCloseAnywhere},set:function(t){this._hasCloseAnywhere=n(t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"showArrow",{get:function(){return this._hasArrow},set:function(t){this._hasArrow=n(t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"finishButton",{get:function(){return this._hasFinish},set:function(t){this._hasFinish=n(t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"focusHighlightAnimation",{get:function(){return this._hasHighlightAnimation},set:function(t){this._hasHighlightAnimation=n(t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"focusBackdrop",{get:function(){return this._hasBackdrop},set:function(t){this._hasBackdrop=n(t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"focusGlow",{get:function(){return this._hasGlow},set:function(t){this._hasGlow=n(t)},enumerable:!0,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:!0,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.continue()},t.walkthroughNext=function(){t._walkthroughContainer&&t._walkthroughContainer.instance.next()},t.walkthroughPrevious=function(){t._walkthroughContainer&&t._walkthroughContainer.instance.previous()},t.prototype.resize=function(){t._walkthroughContainer&&this._display&&this._elementLocations()},t.prototype.ngAfterViewInit=function(){var e=this;t._walkthroughContainer||t._walkthroughContainerCreating||(t._walkthroughContainerCreating=!0,setTimeout(function(){t._walkthroughContainer=e._appendComponentToBody(k)},0))},t.prototype.next=function(t,e){void 0===t&&(t=void 0),void 0===e&&(e=void 0),t&&(this.closed=t),e&&(this.finished=e),this.open()},t.prototype.open=function(){this._getInstance().pause?console.warn("Another walkthrough is in pause. Please close it before."):this._elementLocations()},t.prototype.loadPrevioustStep=function(){var t=this;setTimeout(function(){t.previousStep._next(t.closed,t.finished)},0)},t.prototype.loadNextStep=function(){var t=this;setTimeout(function(){t.nextStep._next(t.closed,t.finished)},0)},t.prototype.hide=function(t,e){var o=this;void 0===t&&(t=!1),void 0===e&&(e=!0),this._display=!1,this.focusElementCSSClass&&this._renderer.removeClass(this._focusElement,this.focusElementCSSClass),e&&setTimeout(function(){o.closed.emit(t),o.nextStep||o.finished.emit(new i(o,o._focusElement))},20)},t.prototype._show=function(){this._display=!0},t.prototype._next=function(t,e){void 0===t&&(t=void 0),void 0===e&&(e=void 0),t&&(this.closed=t),e&&(this.finished=e),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,o){if(t instanceof e.TemplateRef)o.attachTemplatePortal(new u(t,null));else{var n=new WeakMap;n.set(k,o);var i=new m(this._injector,n);o.attachComponentPortal(new p(t,void 0,i))}},t.prototype._elementLocations=function(){this._getFocusElement();var t=this._focusElement;if(t){if(this._walkthroughService.scrollIntoViewIfOutOfView(t),this._offsetCoordinates=this._walkthroughService.retrieveCoordinates(t,this._marginZonePx),"zone"===this.typeSelector){var e=this._walkthroughService.retrieveCoordinates(this._focusElementEnd,this._marginZonePx);this._offsetCoordinates.height=e.top-this._offsetCoordinates.top+e.height,this._offsetCoordinates.width=e.left-this._offsetCoordinates.left+e.width}}else this._offsetCoordinates=null;this._setFocus()},t.prototype._getFocusElement=function(){var t=this.focusElementSelector?document.querySelectorAll(this.focusElementSelector):null;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.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._verticalContentSpacing),o.focusElementCSSClass&&o._renderer.addClass(o._focusElement,o.focusElementCSSClass),setTimeout(function(){if(o._getInstance().setHeight(),o._readyHasBeenEmited||(o._readyHasBeenEmited=!0,o.ready.emit(new i(o,o._focusElement))),null!=o._focusElement){var n=o._walkthroughService.retrieveCoordinates(e.contentBlock.nativeElement),r=o._walkthroughService.retrieveCoordinates(o._focusElement);n.height+r.height>window.innerHeight?(e.contentBlock.nativeElement.scrollIntoView(!0),n.top>r.top?window.scrollBy(0,-n.height/2):window.scrollBy(0,+n.height/2)):n.top>r.top?(window.scrollTo(r.left,r.top),window.scrollBy(0,-t.minimalMargin)):(e.contentBlock.nativeElement.scrollIntoView(!0),window.scrollBy(0,-t.minimalMargin))}else e.contentBlock.nativeElement.scrollIntoView(!0),window.scrollBy(0,-t.minimalMargin)},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?C({},new _,this.texts):new _,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._walkthroughContainer=null,t._walkthroughContainerCreating=!1,t.minimalMargin=30,t.decorators=[{type:e.Component,args:[{selector:"ng-walkthrough",template:""}]}],t.ctorParameters=function(){return[{type:e.ComponentFactoryResolver},{type:e.ApplicationRef},{type:e.Injector},{type:e.Renderer2},{type:y}]},t.propDecorators={closed:[{type:e.Output}],finished:[{type:e.Output}],ready:[{type:e.Output}],focusElementCSSClass:[{type:e.Input}],focusElementSelector:[{type:e.Input}],typeSelector:[{type:e.Input}],focusClick:[{type:e.Input}],radius:[{type:e.Input}],previousStep:[{type:e.Input}],nextStep:[{type:e.Input}],texts:[{type:e.Input}],contentTemplate:[{type:e.Input}],contentText:[{type:e.Input}],contentStyle:[{type:e.Input}],marginZone:[{type:e.Input}],arrowColor:[{type:e.Input}],animation:[{type:e.Input}],animationDelays:[{type:e.Input}],id:[{type:e.Input}],alignContent:[{type:e.Input}],verticalAlignContent:[{type:e.Input}],contentSpacing:[{type:e.Input}],verticalContentSpacing:[{type:e.Input}],closeButton:[{type:e.Input}],closeAnywhere:[{type:e.Input}],showArrow:[{type:e.Input}],finishButton:[{type:e.Input}],focusHighlightAnimation:[{type:e.Input}],focusBackdrop:[{type:e.Input}],focusGlow:[{type:e.Input}],disabled:[{type:e.Input}],resize:[{type:e.HostListener,args:["window:resize"]}]},t}(),S=0,I=function(){function t(){this.closed=new e.EventEmitter,this.finished=new e.EventEmitter,this.contentStyle="draken",this.marginZone=null,this._uid="walkthrough-flow-"+S++}return Object.defineProperty(t.prototype,"id",{get:function(){return this._id},set:function(t){this._id=t||this._uid},enumerable:!0,configurable:!0}),t.prototype.ngAfterViewInit=function(){var t=this;setTimeout(function(){t.init()},0)},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&&n(t.showArrow)&&(o.showArrow=t.showArrow),!o.closeButton&&n(t.closeButton)&&(o.closeButton=t.closeButton),o.closeAnywhere&&!n(t.closeAnywhere)&&(o.closeAnywhere=t.closeAnywhere),!o.finishButton&&n(t.finishButton)&&(o.finishButton=t.finishButton),!o.focusBackdrop&&n(t.focusBackdrop)&&(o.focusBackdrop=t.focusBackdrop),!o.focusGlow&&n(t.focusGlow)&&(o.focusGlow=t.focusGlow),!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.decorators=[{type:e.Component,args:[{selector:"ng-walkthrough-flow",template:""}]}],t.ctorParameters=function(){return[]},t.propDecorators={walkthroughComponents:[{type:e.ContentChildren,args:[x]}],id:[{type:e.Input}],closed:[{type:e.Output}],finished:[{type:e.Output}],contentStyle:[{type:e.Input}],arrowColor:[{type:e.Input}],marginZone:[{type:e.Input}],showArrow:[{type:e.Input}],closeButton:[{type:e.Input}],closeAnywhere:[{type:e.Input}],finishButton:[{type:e.Input}],focusBackdrop:[{type:e.Input}],focusGlow:[{type:e.Input}],radius:[{type:e.Input}],texts:[{type:e.Input}]},t}(),E=function(){function t(){}return t.forRoot=function(){return{ngModule:t,providers:[]}},t.decorators=[{type:e.NgModule,args:[{declarations:[I,x,k],exports:[I,x,k],imports:[o.CommonModule,w],entryComponents:[k],providers:[y]}]}],t.ctorParameters=function(){return[]},t}();t.booleanValue=n,t.WalkthroughEvent=i,t.WalkthroughMargin=r,t.WalkthroughComponent=x,t.WalkthroughFlowComponent=I,t.throwWalkthroughContentAlreadyAttachedError=b,t.WalkthroughContainerComponent=k,t.WalkthroughText=_,t.WalkthroughModule=E,t.ɵa=y,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=angular-walkthrough.umd.min.js.map

package.json

 {
   "name": "angular-walkthrough",
-  "version": "0.6.9",
+  "version": "0.6.10",
   "description": "Walkthrough, an Angular library",
@@ -100,2 +100,2 @@ "baseUrl": "./",
   "homepage": "https://github.com/Zefling/ng-walkthrough#readme"
-}
+}

No alert changes

Improved metrics

Total package byte prevSize

918677

increased by0.03%

No dependency changes