igot-cb-tour-guide 1.0.3-ang-9-12

package/bundles/igot-cb-tour-guide.umd.js

@@ -0,0 +1,796 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('rxjs/operators'), require('@angular/core'), require('rxjs'), require('lodash'), require('@angular/common'), require('@angular/material/icon')) :
+    typeof define === 'function' && define.amd ? define('igot-cb-tour-guide', ['exports', 'rxjs/operators', '@angular/core', 'rxjs', 'lodash', '@angular/common', '@angular/material/icon'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["igot-cb-tour-guide"] = {}, global.rxjs.operators, global.ng.core, global.rxjs, global.lodash, global.ng.common, global.ng.material.icon));
+})(this, (function (exports, operators, i0, rxjs, lodash, i4, i3) { 'use strict';
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n["default"] = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
+    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
+
+    var Orientation = /** @class */ (function () {
+        function Orientation() {
+        }
+        return Orientation;
+    }());
+    Orientation.Bottom = 'bottom';
+    Orientation.BottomLeft = 'bottom-left';
+    Orientation.BottomRight = 'bottom-right';
+    Orientation.Center = 'center';
+    Orientation.Left = 'left';
+    Orientation.Right = 'right';
+    Orientation.Top = 'top';
+    Orientation.TopLeft = 'top-left';
+    Orientation.TopRight = 'top-right';
+    exports.ProgressIndicatorLocation = void 0;
+    (function (ProgressIndicatorLocation) {
+        ProgressIndicatorLocation["InsideNextButton"] = "inside-next-button";
+        ProgressIndicatorLocation["TopOfTourBlock"] = "top-of-tour-block";
+        ProgressIndicatorLocation["None"] = "none";
+        ProgressIndicatorLocation["Dots"] = "dots";
+    })(exports.ProgressIndicatorLocation || (exports.ProgressIndicatorLocation = {}));
+
+    function getWindow() {
+        return window;
+    }
+    function getMockWindow() {
+        return {
+            innerWidth: 0,
+            innerHeight: 0,
+            scrollY: 0,
+            scrollX: 0,
+            pageYOffset: 0,
+            pageXOffset: 0,
+            scroll: function () { },
+            scrollTo: function () { },
+            addEventListener: function () { },
+            removeEventListener: function () { },
+        };
+    }
+    var WindowRefService = /** @class */ (function () {
+        function WindowRefService(platformId) {
+            this.isBrowser = false;
+            this.isBrowser = i4.isPlatformBrowser(platformId);
+        }
+        Object.defineProperty(WindowRefService.prototype, "nativeWindow", {
+            get: function () {
+                if (this.isBrowser) {
+                    return getWindow();
+                }
+                else {
+                    return getMockWindow();
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return WindowRefService;
+    }());
+    WindowRefService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: WindowRefService, deps: [{ token: i0.PLATFORM_ID }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    WindowRefService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: WindowRefService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: WindowRefService, decorators: [{
+                type: i0.Injectable
+            }], ctorParameters: function () {
+            return [{ type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [i0.PLATFORM_ID]
+                        }] }];
+        } });
+
+    var GuidedTourService = /** @class */ (function () {
+        function GuidedTourService(errorHandler, windowRef, dom) {
+            var _this = this;
+            this.errorHandler = errorHandler;
+            this.windowRef = windowRef;
+            this.dom = dom;
+            this._guidedTourCurrentStepSubject = new rxjs.Subject();
+            this._guidedTourOrbShowingSubject = new rxjs.Subject();
+            this._currentTourStepIndex = 0;
+            this._currentTour = null;
+            this._onFirstStep = true;
+            this._onLastStep = true;
+            this._onResizeMessage = false;
+            this.guidedTourCurrentStepStream = this._guidedTourCurrentStepSubject.asObservable();
+            this.guidedTourOrbShowingStream = this._guidedTourOrbShowingSubject.asObservable();
+            rxjs.fromEvent(this.windowRef.nativeWindow, 'resize').pipe(operators.debounceTime(200)).subscribe(function () {
+                if (_this._currentTour && _this._currentTourStepIndex > -1) {
+                    if (_this._currentTour.minimumScreenSize && _this._currentTour.minimumScreenSize >= _this.windowRef.nativeWindow.innerWidth) {
+                        _this._onResizeMessage = true;
+                        var dialog = _this._currentTour.resizeDialog || {
+                            title: 'Please resize',
+                            content: 'You have resized the tour to a size that is too small to continue. Please resize the browser to a larger size to continue the tour or close the tour.'
+                        };
+                        _this._guidedTourCurrentStepSubject.next(dialog);
+                    }
+                    else {
+                        _this._onResizeMessage = false;
+                        _this._guidedTourCurrentStepSubject.next(_this.getPreparedTourStep(_this._currentTourStepIndex));
+                    }
+                }
+            });
+        }
+        GuidedTourService.prototype.nextStep = function () {
+            var _this = this;
+            if (this._currentTour.steps[this._currentTourStepIndex].closeAction) {
+                this._currentTour.steps[this._currentTourStepIndex].closeAction();
+            }
+            if (this._currentTour.steps[this._currentTourStepIndex + 1]) {
+                this._currentTourStepIndex++;
+                this._setFirstAndLast();
+                if (this._currentTour.steps[this._currentTourStepIndex].action) {
+                    this._currentTour.steps[this._currentTourStepIndex].action();
+                    // Usually an action is opening something so we need to give it time to render.
+                    setTimeout(function () {
+                        if (_this._checkSelectorValidity()) {
+                            _this._guidedTourCurrentStepSubject.next(_this.getPreparedTourStep(_this._currentTourStepIndex));
+                        }
+                        else {
+                            _this.nextStep();
+                        }
+                    });
+                }
+                else {
+                    if (this._checkSelectorValidity()) {
+                        this._guidedTourCurrentStepSubject.next(this.getPreparedTourStep(this._currentTourStepIndex));
+                    }
+                    else {
+                        this.nextStep();
+                    }
+                }
+                if (this._currentTour.nextCallback) {
+                    this._currentTour.nextCallback(this._currentTourStepIndex, this._currentTour.steps[this._currentTourStepIndex]);
+                }
+            }
+            else {
+                if (this._currentTour.completeCallback) {
+                    this._currentTour.completeCallback();
+                }
+                this.resetTour();
+            }
+        };
+        GuidedTourService.prototype.backStep = function () {
+            var _this = this;
+            if (this._currentTour.steps[this._currentTourStepIndex].closeAction) {
+                this._currentTour.steps[this._currentTourStepIndex].closeAction();
+            }
+            if (this._currentTour.steps[this._currentTourStepIndex - 1]) {
+                this._currentTourStepIndex--;
+                this._setFirstAndLast();
+                if (this._currentTour.steps[this._currentTourStepIndex].action) {
+                    this._currentTour.steps[this._currentTourStepIndex].action();
+                    setTimeout(function () {
+                        if (_this._checkSelectorValidity()) {
+                            _this._guidedTourCurrentStepSubject.next(_this.getPreparedTourStep(_this._currentTourStepIndex));
+                        }
+                        else {
+                            _this.backStep();
+                        }
+                    });
+                }
+                else {
+                    if (this._checkSelectorValidity()) {
+                        this._guidedTourCurrentStepSubject.next(this.getPreparedTourStep(this._currentTourStepIndex));
+                    }
+                    else {
+                        this.backStep();
+                    }
+                }
+                if (this._currentTour.nextCallback) {
+                    this._currentTour.prevCallback(this._currentTourStepIndex, this._currentTour.steps[this._currentTourStepIndex]);
+                }
+            }
+            else {
+                this.resetTour();
+            }
+        };
+        GuidedTourService.prototype.skipTour = function () {
+            if (this._currentTour.skipCallback) {
+                this._currentTour.skipCallback(this._currentTourStepIndex);
+            }
+            this.resetTour();
+        };
+        GuidedTourService.prototype.resetTour = function () {
+            this.dom.body.classList.remove('tour-open');
+            this._currentTour = null;
+            this._currentTourStepIndex = 0;
+            this._guidedTourCurrentStepSubject.next(null);
+        };
+        GuidedTourService.prototype.startTour = function (tour) {
+            this._currentTour = lodash.cloneDeep(tour);
+            this._currentTour.steps = this._currentTour.steps.filter(function (step) { return !step.skipStep; });
+            this._currentTourStepIndex = 0;
+            this._setFirstAndLast();
+            this._guidedTourOrbShowingSubject.next(this._currentTour.useOrb);
+            if (this._currentTour.steps.length > 0
+                && (!this._currentTour.minimumScreenSize
+                    || (this.windowRef.nativeWindow.innerWidth >= this._currentTour.minimumScreenSize))) {
+                if (!this._currentTour.useOrb) {
+                    this.dom.body.classList.add('tour-open');
+                }
+                if (this._currentTour.steps[this._currentTourStepIndex].action) {
+                    this._currentTour.steps[this._currentTourStepIndex].action();
+                }
+                if (this._checkSelectorValidity()) {
+                    this._guidedTourCurrentStepSubject.next(this.getPreparedTourStep(this._currentTourStepIndex));
+                }
+                else {
+                    this.nextStep();
+                }
+            }
+        };
+        GuidedTourService.prototype.activateOrb = function () {
+            this._guidedTourOrbShowingSubject.next(false);
+            this.dom.body.classList.add('tour-open');
+        };
+        GuidedTourService.prototype._setFirstAndLast = function () {
+            this._onLastStep = (this._currentTour.steps.length - 1) === this._currentTourStepIndex;
+            this._onFirstStep = this._currentTourStepIndex === 0;
+        };
+        GuidedTourService.prototype._checkSelectorValidity = function () {
+            if (this._currentTour.steps[this._currentTourStepIndex].selector) {
+                var selectedElement = this.dom.querySelector(this._currentTour.steps[this._currentTourStepIndex].selector);
+                if (!selectedElement) {
+                    this.errorHandler.handleError(
+                    // If error handler is configured this should not block the browser.
+                    new Error("Error finding selector " + this._currentTour.steps[this._currentTourStepIndex].selector + " on step " + (this._currentTourStepIndex + 1) + " during guided tour: " + this._currentTour.tourId));
+                    return false;
+                }
+            }
+            return true;
+        };
+        Object.defineProperty(GuidedTourService.prototype, "onLastStep", {
+            get: function () {
+                return this._onLastStep;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(GuidedTourService.prototype, "onFirstStep", {
+            get: function () {
+                return this._onFirstStep;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(GuidedTourService.prototype, "onResizeMessage", {
+            get: function () {
+                return this._onResizeMessage;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(GuidedTourService.prototype, "currentTourStepDisplay", {
+            get: function () {
+                return this._currentTourStepIndex + 1;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(GuidedTourService.prototype, "currentTourStepCount", {
+            get: function () {
+                return this._currentTour && this._currentTour.steps ? this._currentTour.steps.length : 0;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(GuidedTourService.prototype, "preventBackdropFromAdvancing", {
+            get: function () {
+                return this._currentTour && this._currentTour.preventBackdropFromAdvancing;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        GuidedTourService.prototype.getPreparedTourStep = function (index) {
+            return this.setTourOrientation(this._currentTour.steps[index]);
+        };
+        GuidedTourService.prototype.setTourOrientation = function (step) {
+            var _this = this;
+            var convertedStep = lodash.cloneDeep(step);
+            if (convertedStep.orientation
+                && !(typeof convertedStep.orientation === 'string')
+                && convertedStep.orientation.length) {
+                convertedStep.orientation.sort(function (a, b) {
+                    if (!b.maximumSize) {
+                        return 1;
+                    }
+                    if (!a.maximumSize) {
+                        return -1;
+                    }
+                    return b.maximumSize - a.maximumSize;
+                });
+                var currentOrientation_1 = Orientation.Top;
+                convertedStep.orientation.forEach(function (orientationConfig) {
+                    if (!orientationConfig.maximumSize || _this.windowRef.nativeWindow.innerWidth <= orientationConfig.maximumSize) {
+                        currentOrientation_1 = orientationConfig.orientationDirection;
+                    }
+                });
+                convertedStep.orientation = currentOrientation_1;
+            }
+            return convertedStep;
+        };
+        return GuidedTourService;
+    }());
+    GuidedTourService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: GuidedTourService, deps: [{ token: i0__namespace.ErrorHandler }, { token: WindowRefService }, { token: i4.DOCUMENT }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    GuidedTourService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: GuidedTourService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: GuidedTourService, decorators: [{
+                type: i0.Injectable
+            }], ctorParameters: function () {
+            return [{ type: i0__namespace.ErrorHandler }, { type: WindowRefService }, { type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [i4.DOCUMENT]
+                        }] }];
+        } });
+
+    var GuidedTourComponent = /** @class */ (function () {
+        function GuidedTourComponent(guidedTourService, windowRef, dom) {
+            this.guidedTourService = guidedTourService;
+            this.windowRef = windowRef;
+            this.dom = dom;
+            this.topOfPageAdjustment = 0;
+            this.tourStepWidth = 300;
+            this.minimalTourStepWidth = 200;
+            this.skipText = 'Skip';
+            this.nextText = 'Next';
+            this.doneText = 'Done';
+            this.closeText = 'Close';
+            this.backText = 'Back';
+            this.progressIndicatorLocation = exports.ProgressIndicatorLocation.InsideNextButton;
+            this.progressIndicator = undefined;
+            this.highlightPadding = 4;
+            this.currentTourStep = null;
+            this.selectedElementRect = null;
+            this.isOrbShowing = false;
+            this.progressIndicatorLocations = exports.ProgressIndicatorLocation;
+        }
+        Object.defineProperty(GuidedTourComponent.prototype, "maxWidthAdjustmentForTourStep", {
+            get: function () {
+                return this.tourStepWidth - this.minimalTourStepWidth;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(GuidedTourComponent.prototype, "widthAdjustmentForScreenBound", {
+            get: function () {
+                if (!this.tourStep) {
+                    return 0;
+                }
+                var adjustment = 0;
+                if (this.calculatedLeftPosition < 0) {
+                    adjustment = -this.calculatedLeftPosition;
+                }
+                if (this.calculatedLeftPosition > this.windowRef.nativeWindow.innerWidth - this.tourStepWidth) {
+                    adjustment = this.calculatedLeftPosition - (this.windowRef.nativeWindow.innerWidth - this.tourStepWidth);
+                }
+                return Math.min(this.maxWidthAdjustmentForTourStep, adjustment);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(GuidedTourComponent.prototype, "calculatedTourStepWidth", {
+            get: function () {
+                return this.tourStepWidth - this.widthAdjustmentForScreenBound;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        GuidedTourComponent.prototype.ngAfterViewInit = function () {
+            var _this = this;
+            this.guidedTourService.guidedTourCurrentStepStream.subscribe(function (step) {
+                _this.currentTourStep = step;
+                if (step && step.selector) {
+                    var selectedElement = _this.dom.querySelector(step.selector);
+                    if (selectedElement) {
+                        _this.scrollToAndSetElement();
+                    }
+                    else {
+                        _this.selectedElementRect = null;
+                    }
+                }
+                else {
+                    _this.selectedElementRect = null;
+                }
+            });
+            this.guidedTourService.guidedTourOrbShowingStream.subscribe(function (value) {
+                _this.isOrbShowing = value;
+            });
+            this.resizeSubscription = rxjs.fromEvent(this.windowRef.nativeWindow, 'resize').subscribe(function () {
+                _this.updateStepLocation();
+            });
+            this.scrollSubscription = rxjs.fromEvent(this.windowRef.nativeWindow, 'scroll').subscribe(function () {
+                _this.updateStepLocation();
+            });
+        };
+        GuidedTourComponent.prototype.ngOnDestroy = function () {
+            this.resizeSubscription.unsubscribe();
+            this.scrollSubscription.unsubscribe();
+        };
+        GuidedTourComponent.prototype.scrollToAndSetElement = function () {
+            var _this = this;
+            this.updateStepLocation();
+            // Allow things to render to scroll to the correct location
+            setTimeout(function () {
+                if (!_this.isOrbShowing && !_this.isTourOnScreen()) {
+                    if (_this.selectedElementRect && _this.isBottom()) {
+                        // Scroll so the element is on the top of the screen.
+                        var topPos = ((_this.windowRef.nativeWindow.scrollY + _this.selectedElementRect.top) - _this.topOfPageAdjustment)
+                            - (_this.currentTourStep.scrollAdjustment ? _this.currentTourStep.scrollAdjustment : 0)
+                            + _this.getStepScreenAdjustment();
+                        try {
+                            _this.windowRef.nativeWindow.scrollTo({
+                                left: null,
+                                top: topPos,
+                                behavior: 'smooth'
+                            });
+                        }
+                        catch (err) {
+                            if (err instanceof TypeError) {
+                                _this.windowRef.nativeWindow.scroll(0, topPos);
+                            }
+                            else {
+                                throw err;
+                            }
+                        }
+                    }
+                    else {
+                        // Scroll so the element is on the bottom of the screen.
+                        var topPos = (_this.windowRef.nativeWindow.scrollY + _this.selectedElementRect.top + _this.selectedElementRect.height)
+                            - _this.windowRef.nativeWindow.innerHeight
+                            + (_this.currentTourStep.scrollAdjustment ? _this.currentTourStep.scrollAdjustment : 0)
+                            - _this.getStepScreenAdjustment();
+                        try {
+                            _this.windowRef.nativeWindow.scrollTo({
+                                left: null,
+                                top: topPos,
+                                behavior: 'smooth'
+                            });
+                        }
+                        catch (err) {
+                            if (err instanceof TypeError) {
+                                _this.windowRef.nativeWindow.scroll(0, topPos);
+                            }
+                            else {
+                                throw err;
+                            }
+                        }
+                    }
+                }
+            });
+        };
+        GuidedTourComponent.prototype.handleOrb = function () {
+            this.guidedTourService.activateOrb();
+            if (this.currentTourStep && this.currentTourStep.selector) {
+                this.scrollToAndSetElement();
+            }
+        };
+        GuidedTourComponent.prototype.isTourOnScreen = function () {
+            return this.tourStep
+                && this.elementInViewport(this.dom.querySelector(this.currentTourStep.selector))
+                && this.elementInViewport(this.tourStep.nativeElement);
+        };
+        // Modified from https://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport
+        GuidedTourComponent.prototype.elementInViewport = function (element) {
+            var top = element.offsetTop;
+            var height = element.offsetHeight;
+            while (element.offsetParent) {
+                element = element.offsetParent;
+                top += element.offsetTop;
+            }
+            if (this.isBottom()) {
+                return (top >= (this.windowRef.nativeWindow.pageYOffset
+                    + this.topOfPageAdjustment
+                    + (this.currentTourStep.scrollAdjustment ? this.currentTourStep.scrollAdjustment : 0)
+                    + this.getStepScreenAdjustment())
+                    && (top + height) <= (this.windowRef.nativeWindow.pageYOffset + this.windowRef.nativeWindow.innerHeight));
+            }
+            else {
+                return (top >= (this.windowRef.nativeWindow.pageYOffset + this.topOfPageAdjustment - this.getStepScreenAdjustment())
+                    && (top + height + (this.currentTourStep.scrollAdjustment ? this.currentTourStep.scrollAdjustment : 0)) <= (this.windowRef.nativeWindow.pageYOffset + this.windowRef.nativeWindow.innerHeight));
+            }
+        };
+        GuidedTourComponent.prototype.backdropClick = function (event) {
+            if (this.guidedTourService.preventBackdropFromAdvancing) {
+                event.stopPropagation();
+            }
+            else {
+                this.guidedTourService.nextStep();
+            }
+        };
+        GuidedTourComponent.prototype.updateStepLocation = function () {
+            if (this.currentTourStep && this.currentTourStep.selector) {
+                var selectedElement = this.dom.querySelector(this.currentTourStep.selector);
+                if (selectedElement && typeof selectedElement.getBoundingClientRect === 'function') {
+                    this.selectedElementRect = selectedElement.getBoundingClientRect();
+                }
+                else {
+                    this.selectedElementRect = null;
+                }
+            }
+            else {
+                this.selectedElementRect = null;
+            }
+        };
+        GuidedTourComponent.prototype.isBottom = function () {
+            return this.currentTourStep.orientation
+                && (this.currentTourStep.orientation === Orientation.Bottom
+                    || this.currentTourStep.orientation === Orientation.BottomLeft
+                    || this.currentTourStep.orientation === Orientation.BottomRight);
+        };
+        Object.defineProperty(GuidedTourComponent.prototype, "topPosition", {
+            get: function () {
+                var paddingAdjustment = this.getHighlightPadding();
+                if (this.isBottom()) {
+                    return this.selectedElementRect.top + this.selectedElementRect.height + paddingAdjustment;
+                }
+                return this.selectedElementRect.top - this.getHighlightPadding();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(GuidedTourComponent.prototype, "orbTopPosition", {
+            get: function () {
+                if (this.isBottom()) {
+                    return this.selectedElementRect.top + this.selectedElementRect.height;
+                }
+                if (this.currentTourStep.orientation === Orientation.Right
+                    || this.currentTourStep.orientation === Orientation.Left) {
+                    return (this.selectedElementRect.top + (this.selectedElementRect.height / 2));
+                }
+                return this.selectedElementRect.top;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(GuidedTourComponent.prototype, "calculatedLeftPosition", {
+            get: function () {
+                var paddingAdjustment = this.getHighlightPadding();
+                if (this.currentTourStep.orientation === Orientation.TopRight
+                    || this.currentTourStep.orientation === Orientation.BottomRight) {
+                    return (this.selectedElementRect.right - this.tourStepWidth);
+                }
+                if (this.currentTourStep.orientation === Orientation.TopLeft
+                    || this.currentTourStep.orientation === Orientation.BottomLeft) {
+                    return (this.selectedElementRect.left);
+                }
+                if (this.currentTourStep.orientation === Orientation.Left) {
+                    return this.selectedElementRect.left - this.tourStepWidth - paddingAdjustment;
+                }
+                if (this.currentTourStep.orientation === Orientation.Right) {
+                    return (this.selectedElementRect.left + this.selectedElementRect.width + paddingAdjustment);
+                }
+                return (this.selectedElementRect.right - (this.selectedElementRect.width / 2) - (this.tourStepWidth / 2));
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(GuidedTourComponent.prototype, "leftPosition", {
+            get: function () {
+                if (this.calculatedLeftPosition >= 0) {
+                    return this.calculatedLeftPosition;
+                }
+                var adjustment = Math.max(0, -this.calculatedLeftPosition);
+                var maxAdjustment = Math.min(this.maxWidthAdjustmentForTourStep, adjustment);
+                return this.calculatedLeftPosition + maxAdjustment;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(GuidedTourComponent.prototype, "orbLeftPosition", {
+            get: function () {
+                if (this.currentTourStep.orientation === Orientation.TopRight
+                    || this.currentTourStep.orientation === Orientation.BottomRight) {
+                    return this.selectedElementRect.right;
+                }
+                if (this.currentTourStep.orientation === Orientation.TopLeft
+                    || this.currentTourStep.orientation === Orientation.BottomLeft) {
+                    return this.selectedElementRect.left;
+                }
+                if (this.currentTourStep.orientation === Orientation.Left) {
+                    return this.selectedElementRect.left;
+                }
+                if (this.currentTourStep.orientation === Orientation.Right) {
+                    return (this.selectedElementRect.left + this.selectedElementRect.width);
+                }
+                return (this.selectedElementRect.right - (this.selectedElementRect.width / 2));
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(GuidedTourComponent.prototype, "transform", {
+            get: function () {
+                if (!this.currentTourStep.orientation
+                    || this.currentTourStep.orientation === Orientation.Top
+                    || this.currentTourStep.orientation === Orientation.TopRight
+                    || this.currentTourStep.orientation === Orientation.TopLeft) {
+                    return 'translateY(-100%)';
+                }
+                return null;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(GuidedTourComponent.prototype, "orbTransform", {
+            get: function () {
+                if (!this.currentTourStep.orientation
+                    || this.currentTourStep.orientation === Orientation.Top
+                    || this.currentTourStep.orientation === Orientation.Bottom
+                    || this.currentTourStep.orientation === Orientation.TopLeft
+                    || this.currentTourStep.orientation === Orientation.BottomLeft) {
+                    return 'translateY(-50%)';
+                }
+                if (this.currentTourStep.orientation === Orientation.TopRight
+                    || this.currentTourStep.orientation === Orientation.BottomRight) {
+                    return 'translate(-100%, -50%)';
+                }
+                if (this.currentTourStep.orientation === Orientation.Right
+                    || this.currentTourStep.orientation === Orientation.Left) {
+                    return 'translate(-50%, -50%)';
+                }
+                return null;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(GuidedTourComponent.prototype, "overlayTop", {
+            get: function () {
+                if (this.selectedElementRect) {
+                    return this.selectedElementRect.top - this.getHighlightPadding();
+                }
+                return 0;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(GuidedTourComponent.prototype, "overlayLeft", {
+            get: function () {
+                if (this.selectedElementRect) {
+                    return this.selectedElementRect.left - this.getHighlightPadding();
+                }
+                return 0;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(GuidedTourComponent.prototype, "overlayHeight", {
+            get: function () {
+                if (this.selectedElementRect) {
+                    return this.selectedElementRect.height + (this.getHighlightPadding() * 2);
+                }
+                return 0;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(GuidedTourComponent.prototype, "overlayWidth", {
+            get: function () {
+                if (this.selectedElementRect) {
+                    return this.selectedElementRect.width + (this.getHighlightPadding() * 2);
+                }
+                return 0;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        GuidedTourComponent.prototype.getHighlightPadding = function () {
+            var paddingAdjustment = this.currentTourStep.useHighlightPadding ? this.highlightPadding : 0;
+            if (this.currentTourStep.highlightPadding) {
+                paddingAdjustment = this.currentTourStep.highlightPadding;
+            }
+            return paddingAdjustment;
+        };
+        // This calculates a value to add or subtract so the step should not be off screen.
+        GuidedTourComponent.prototype.getStepScreenAdjustment = function () {
+            if (this.currentTourStep.orientation === Orientation.Left
+                || this.currentTourStep.orientation === Orientation.Right) {
+                return 0;
+            }
+            var scrollAdjustment = this.currentTourStep.scrollAdjustment ? this.currentTourStep.scrollAdjustment : 0;
+            var tourStepHeight = typeof this.tourStep.nativeElement.getBoundingClientRect === 'function' ? this.tourStep.nativeElement.getBoundingClientRect().height : 0;
+            var elementHeight = this.selectedElementRect.height + scrollAdjustment + tourStepHeight;
+            if ((this.windowRef.nativeWindow.innerHeight - this.topOfPageAdjustment) < elementHeight) {
+                return elementHeight - (this.windowRef.nativeWindow.innerHeight - this.topOfPageAdjustment);
+            }
+            return 0;
+        };
+        return GuidedTourComponent;
+    }());
+    GuidedTourComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: GuidedTourComponent, deps: [{ token: GuidedTourService }, { token: WindowRefService }, { token: i4.DOCUMENT }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    GuidedTourComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: GuidedTourComponent, selector: "ngx-guided-tour", inputs: { topOfPageAdjustment: "topOfPageAdjustment", tourStepWidth: "tourStepWidth", minimalTourStepWidth: "minimalTourStepWidth", skipText: "skipText", nextText: "nextText", doneText: "doneText", closeText: "closeText", backText: "backText", progressIndicatorLocation: "progressIndicatorLocation", progressIndicator: "progressIndicator" }, viewQueries: [{ propertyName: "tourStep", first: true, predicate: ["tourStep"], descendants: true }], ngImport: i0__namespace, template: "<div *ngIf=\"currentTourStep && selectedElementRect && isOrbShowing\" (mouseenter)=\"handleOrb()\"\n  class=\"tour-orb tour-{{ currentTourStep.orientation }}\" [style.top.px]=\"orbTopPosition\"\n  [style.left.px]=\"orbLeftPosition\" [style.transform]=\"orbTransform\">\n  <div class=\"tour-orb-ring\"></div>\n</div>\n<div *ngIf=\"currentTourStep && !isOrbShowing\">\n  <div class=\"guided-tour-user-input-mask\" (click)=\"backdropClick($event)\"></div>\n  <div class=\"\" [attr.class]=\"'guided-tour-spotlight-overlay ' + currentTourStep?.class\" [style.top.px]=\"overlayTop\"\n    [style.left.px]=\"overlayLeft\" [style.height.px]=\"overlayHeight\" [style.width.px]=\"overlayWidth\">\n  </div>\n</div>\n<div *ngIf=\"currentTourStep && !isOrbShowing\">\n  <div #tourStep *ngIf=\"currentTourStep\"\n    class=\"tour-step tour-{{ currentTourStep.orientation}} {{currentTourStep?.containerClass}}\" [ngClass]=\"{\n                    'page-tour-step': !currentTourStep.selector,\n                    'right-panel': currentTourStep.connectorDirection == 'right',\n                    'left-panel': currentTourStep.connectorDirection == 'left',\n                    'bottom-panel': currentTourStep.connectorDirection == 'bottom',\n                    'top-panel': currentTourStep.connectorDirection == 'top'\n                }\" [style.top.px]=\"(currentTourStep.selector && selectedElementRect ? topPosition : null)\"\n    [style.left.px]=\"(currentTourStep.selector && selectedElementRect ? leftPosition : null)\"\n    [style.width.px]=\"(currentTourStep.selector && selectedElementRect ? calculatedTourStepWidth : null)\"\n    [style.transform]=\"(currentTourStep.selector && selectedElementRect ? transform : null)\">\n\n    <div *ngIf=\"currentTourStep.isMobile && currentTourStep.connectorDirection == 'bottom'\" class=\"tour-buttons tour-button-container\">\n      <div class=\"tour-actions-button-container\">\n        <button *ngIf=\"!guidedTourService.onFirstStep && !guidedTourService.onResizeMessage\"\n          [attr.class]=\"currentTourStep?.backBtnClass + ' back-button'\" (click)=\"guidedTourService.backStep()\">\n          {{ backText }}\n        </button>\n      </div>\n      <button *ngIf=\"!guidedTourService.onLastStep && !guidedTourService.onResizeMessage\" class=\"next-button\"\n        (click)=\"guidedTourService.nextStep()\">\n        {{ nextText }}\n        <ng-container *ngIf=\"progressIndicatorLocation === progressIndicatorLocations.InsideNextButton\">\n          <ng-container *ngTemplateOutlet=\"progress\"></ng-container>\n        </ng-container>\n      </button>\n      <button *ngIf=\"guidedTourService.onLastStep\" [attr.class]=\"currentTourStep?.nextBtnClass + ' next-button'\"\n        (click)=\"guidedTourService.nextStep()\">\n        {{ doneText }}\n      </button>\n      <button *ngIf=\"guidedTourService.onResizeMessage\" class=\"next-button\" (click)=\"guidedTourService.resetTour()\">\n        {{ closeText }}\n      </button>\n\n    </div>\n\n    <div *ngIf=\"currentTourStep.selector\" class=\"tour-arrow\"></div>\n    <div class=\"tour-block\">\n      <div class=\"arrow\" [ngClass]=\"{\n                        'right-connector': (currentTourStep.selector && currentTourStep.connectorDirection == 'right'),\n                        'left-connector': (currentTourStep.selector && currentTourStep.connectorDirection == 'left'),\n                        'bottom-connector': (currentTourStep.selector && currentTourStep.connectorDirection == 'bottom'),\n                        'top-connector': (currentTourStep.selector && currentTourStep.connectorDirection == 'top')\n                    }\">\n        <div class=\"circle\"></div>\n        <div class=\"circle-start-dot\"></div>\n        <div class=\"triangle\"></div>\n      </div>\n\n      <div *ngIf=\"progressIndicatorLocation === progressIndicatorLocations.TopOfTourBlock\n                        && !guidedTourService.onResizeMessage\" class=\"tour-progress-indicator\">\n        <ng-container *ngTemplateOutlet=\"progress\"></ng-container>\n      </div>\n      <div class=\"tour-image\" *ngIf=\"currentTourStep.icon && currentTourStep.selector\">\n        <mat-icon>{{currentTourStep.icon}}</mat-icon>\n      </div>\n      <h3 class=\"tour-title\" *ngIf=\"currentTourStep.title && currentTourStep.selector\">\n        {{ currentTourStep.title }}\n      </h3>\n      <h2 class=\"tour-title\" *ngIf=\"currentTourStep.title && !currentTourStep.selector\">\n        {{ currentTourStep.title }}\n      </h2>\n      <div class=\"tour-content\" [innerHTML]=\"currentTourStep.content\"></div>\n      <div *ngIf=\"!currentTourStep.isMobile\" class=\"tour-buttons tour-button-container\">\n        <!-- <div class=\"tour-skip-container\">\n                            <button *ngIf=\"!guidedTourService.onResizeMessage\"\n                                (click)=\"guidedTourService.skipTour()\"\n                                [attr.class]=\"currentTourStep?.skipBtnClass + ' skip-button link-button'\">\n                                {{ skipText }}\n                            </button>\n                        </div> -->\n        <div class=\"tour-actions-button-container\">\n          <button *ngIf=\"!guidedTourService.onFirstStep && !guidedTourService.onResizeMessage\"\n            [attr.class]=\"currentTourStep?.backBtnClass + ' back-button'\" (click)=\"guidedTourService.backStep()\">\n            {{ backText }}\n          </button>\n        </div>\n        <button *ngIf=\"!guidedTourService.onLastStep && !guidedTourService.onResizeMessage\" class=\"next-button\"\n          (click)=\"guidedTourService.nextStep()\">\n          {{ nextText }}\n          <ng-container *ngIf=\"progressIndicatorLocation === progressIndicatorLocations.InsideNextButton\">\n            <ng-container *ngTemplateOutlet=\"progress\"></ng-container>\n          </ng-container>\n        </button>\n        <button *ngIf=\"guidedTourService.onLastStep\" [attr.class]=\"currentTourStep?.nextBtnClass + ' next-button'\"\n          (click)=\"guidedTourService.nextStep()\">\n          {{ doneText }}\n        </button>\n        <button *ngIf=\"guidedTourService.onResizeMessage\" class=\"next-button\" (click)=\"guidedTourService.resetTour()\">\n          {{ closeText }}\n        </button>\n\n      </div>\n\n\n      <div class=\"progress-container\">\n        <ng-container *ngIf=\"progressIndicatorLocation === progressIndicatorLocations.Dots\">\n          <ng-container *ngTemplateOutlet=\"progress\"></ng-container>\n        </ng-container>\n      </div>\n\n    </div>\n    <div *ngIf=\"currentTourStep.isMobile && currentTourStep.connectorDirection != 'bottom'\" class=\"tour-buttons tour-button-container\">\n      <div class=\"tour-actions-button-container\">\n        <button *ngIf=\"!guidedTourService.onFirstStep && !guidedTourService.onResizeMessage\"\n          [attr.class]=\"currentTourStep?.backBtnClass + ' back-button'\" (click)=\"guidedTourService.backStep()\">\n          {{ backText }}\n        </button>\n      </div>\n      <button *ngIf=\"!guidedTourService.onLastStep && !guidedTourService.onResizeMessage\" class=\"next-button\"\n        (click)=\"guidedTourService.nextStep()\">\n        {{ nextText }}\n        <ng-container *ngIf=\"progressIndicatorLocation === progressIndicatorLocations.InsideNextButton\">\n          <ng-container *ngTemplateOutlet=\"progress\"></ng-container>\n        </ng-container>\n      </button>\n      <button *ngIf=\"guidedTourService.onLastStep\" [attr.class]=\"currentTourStep?.nextBtnClass + ' next-button'\"\n        (click)=\"guidedTourService.nextStep()\">\n        {{ doneText }}\n      </button>\n      <button *ngIf=\"guidedTourService.onResizeMessage\" class=\"next-button\" (click)=\"guidedTourService.resetTour()\">\n        {{ closeText }}\n      </button>\n\n    </div>\n  </div>\n  <ng-template #progress>\n    <ng-container *ngTemplateOutlet=\"\n                progressIndicator || defaultProgressIndicator; \n                context: { currentStepNumber: guidedTourService.currentTourStepDisplay, totalSteps: guidedTourService.currentTourStepCount }\n            \"></ng-container>\n  </ng-template>\n  <ng-template #defaultProgressIndicator let-currentStepNumber=\"currentStepNumber\" let-totalSteps=\"totalSteps\">\n    <!-- <ng-container *ngIf=\"progressIndicatorLocation === progressIndicatorLocations.InsideNextButton\">&nbsp;</ng-container>{{ currentStepNumber }}/{{ totalSteps }} -->\n    <ng-container *ngIf=\"progressIndicatorLocation === progressIndicatorLocations.Dots\">\n      <div class=\"pagination\">\n        <li class=\"nav-dots\">\n          <ng-container *ngFor=\"let dot of [].constructor(totalSteps); first as isFirst; index as i\">\n            <label [ngClass]=\"(currentStepNumber == (i+1)) ? 'nav-dot-active': ''\" class=\"nav-dot\"\n              id=\"img-dot-+{{i}}+{{currentStepNumber}}\"></label>\n          </ng-container>\n        </li>\n      </div>\n    </ng-container>\n  </ng-template>", styles: ["ngx-guided-tour .guided-tour-user-input-mask{position:fixed;top:0;left:0;display:block;height:100%;width:100%;max-height:100vh;text-align:center;opacity:0}ngx-guided-tour .guided-tour-spotlight-overlay{position:fixed;box-shadow:0 0 0 9999px #000000b3,0 0 1.5rem #00000080}ngx-guided-tour .tour-orb{position:fixed;width:20px;height:20px;border-radius:50%}ngx-guided-tour .tour-orb .tour-orb-ring{width:35px;height:35px;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 2s linear infinite}ngx-guided-tour .tour-orb .tour-orb-ring:after{content:\"\";display:inline-block;height:100%;width:100%;border-radius:50%}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.45);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}ngx-guided-tour .tour-step{position:fixed}ngx-guided-tour .tour-step.page-tour-step{max-width:400px;width:50%;left:50%;top:50%;transform:translate(-50%,-50%)}ngx-guided-tour .tour-step.tour-bottom .tour-arrow:before,ngx-guided-tour .tour-step.tour-bottom-right .tour-arrow:before,ngx-guided-tour .tour-step.tour-bottom-left .tour-arrow:before{position:absolute}ngx-guided-tour .tour-step.tour-bottom .tour-block,ngx-guided-tour .tour-step.tour-bottom-right .tour-block,ngx-guided-tour .tour-step.tour-bottom-left .tour-block{margin-top:10px}ngx-guided-tour .tour-step.tour-top,ngx-guided-tour .tour-step.tour-top-right,ngx-guided-tour .tour-step.tour-top-left{margin-bottom:10px}ngx-guided-tour .tour-step.tour-top .tour-arrow:before,ngx-guided-tour .tour-step.tour-top-right .tour-arrow:before,ngx-guided-tour .tour-step.tour-top-left .tour-arrow:before{position:absolute;bottom:0}ngx-guided-tour .tour-step.tour-top .tour-block,ngx-guided-tour .tour-step.tour-top-right .tour-block,ngx-guided-tour .tour-step.tour-top-left .tour-block{margin-bottom:10px}ngx-guided-tour .tour-step.tour-bottom .tour-arrow:before,ngx-guided-tour .tour-step.tour-top .tour-arrow:before{transform:translate(-50%);left:50%}ngx-guided-tour .tour-step.tour-bottom-right .tour-arrow:before,ngx-guided-tour .tour-step.tour-top-right .tour-arrow:before{transform:translate(-100%);left:calc(100% - 5px)}ngx-guided-tour .tour-step.tour-bottom-left .tour-arrow:before,ngx-guided-tour .tour-step.tour-top-left .tour-arrow:before{left:5px}ngx-guided-tour .tour-step.tour-left .tour-arrow:before{position:absolute;left:100%;transform:translate(-100%);top:5px}ngx-guided-tour .tour-step.tour-left .tour-block{margin-right:10px}ngx-guided-tour .tour-step.tour-right .tour-arrow:before{position:absolute;left:0;top:5px}ngx-guided-tour .tour-step.tour-right .tour-block{margin-left:10px}ngx-guided-tour .tour-step .tour-block{padding:15px 25px}ngx-guided-tour .tour-step .tour-progress-indicator{padding-bottom:15px}ngx-guided-tour .tour-step .tour-title{font-weight:bold!important;padding-bottom:20px}ngx-guided-tour .tour-step h3.tour-title{font-size:20px}ngx-guided-tour .tour-step h2.tour-title{font-size:30px}ngx-guided-tour .tour-step .tour-content{min-height:80px;padding-bottom:30px;font-size:15px}ngx-guided-tour .tour-step .tour-buttons{overflow:hidden}ngx-guided-tour .tour-step .tour-buttons button.link-button{font-size:15px;font-weight:bold;max-width:none!important;cursor:pointer;text-align:center;white-space:nowrap;vertical-align:middle;border:1px solid transparent;line-height:1.5;background-color:transparent;position:relative;outline:none;padding:0 15px;-webkit-appearance:button}ngx-guided-tour .tour-step .tour-buttons button.skip-button.link-button{padding-left:0;border-left:0}ngx-guided-tour .tour-step .tour-buttons .back-button{cursor:pointer;border-radius:1px;font-size:14px;border:none;outline:none;padding-left:10px;padding-right:10px}ngx-guided-tour .tour-step .tour-buttons .next-button{cursor:pointer;border-radius:1px;font-size:14px;border:none;outline:none;padding-left:10px;padding-right:10px}.arrow{position:absolute;left:-50px;top:-13px}.right-connector{transform:scaleX(-1);left:0;right:-46px}.circle{position:absolute;box-sizing:border-box;height:118px;width:100px;border:7px solid #000;border-radius:50%;clip-path:inset(0 50% 0 0);border-style:dotted}.triangle{position:absolute;width:20px;height:15px;background:#000;margin-top:-6px;margin-left:38px;clip-path:polygon(50% 0,0% 100%,100% 100%);transform:rotate(90deg)}.circle-start-dot{display:inline;width:16px;height:16px;background-color:#f3962e;content:\"\";border-radius:50%;position:absolute;margin-top:108px;margin-left:40px}.tour-step.left-panel:after{display:inline;width:8px;height:-webkit-fill-available;background-color:green;position:absolute;content:\"\";overflow:hidden;top:10px}.tour-step.right-panel:after{display:inline;width:8px;height:-webkit-fill-available;background-color:green;right:0;position:absolute;content:\"\";overflow:hidden;top:10px}.tour-step.top-panel:after{display:inline;width:8px;height:-webkit-fill-available;background-color:green;right:0;position:absolute;content:\"\";overflow:hidden;top:10px}.tour-step.bottom-panel:after{display:inline;width:8px;height:-webkit-fill-available;background-color:green;right:0;position:absolute;content:\"\";overflow:hidden;top:10px}.progress-container{display:flex;justify-content:center;align-items:center}.pagination{display:flex;justify-content:center;align-items:center;padding:.5rem}.nav-dots{display:inline-block;position:relative;width:auto;height:10px;border-radius:50%;cursor:default;margin:2px}.nav-dots .nav-dot{top:-5px;width:11px;height:11px;margin:0 4px;position:relative;border-radius:100%;display:inline-block;background-color:#d3d3d3}.nav-dot-active{background:#113463}.top-connector{top:-116px!important;right:173px!important}.top-connector .circle{top:50px;left:80px;transform:rotate(180deg);width:50px;height:70px}.top-connector .circle-start-dot{margin-left:100px}.top-connector .triangle{left:63px;top:49px;transform:rotate(44deg)!important}\n"], components: [{ type: i3__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: GuidedTourComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ngx-guided-tour',
+                        templateUrl: './guided-tour.component.html',
+                        styleUrls: ['./guided-tour.component.scss'],
+                        encapsulation: i0.ViewEncapsulation.None
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: GuidedTourService }, { type: WindowRefService }, { type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [i4.DOCUMENT]
+                        }] }];
+        }, propDecorators: { topOfPageAdjustment: [{
+                    type: i0.Input
+                }], tourStepWidth: [{
+                    type: i0.Input
+                }], minimalTourStepWidth: [{
+                    type: i0.Input
+                }], skipText: [{
+                    type: i0.Input
+                }], nextText: [{
+                    type: i0.Input
+                }], doneText: [{
+                    type: i0.Input
+                }], closeText: [{
+                    type: i0.Input
+                }], backText: [{
+                    type: i0.Input
+                }], progressIndicatorLocation: [{
+                    type: i0.Input
+                }], progressIndicator: [{
+                    type: i0.Input
+                }], tourStep: [{
+                    type: i0.ViewChild,
+                    args: ['tourStep']
+                }] } });
+
+    var GuidedTourModule = /** @class */ (function () {
+        function GuidedTourModule() {
+        }
+        GuidedTourModule.forRoot = function () {
+            return {
+                ngModule: GuidedTourModule,
+                providers: [i0.ErrorHandler, GuidedTourService],
+            };
+        };
+        return GuidedTourModule;
+    }());
+    GuidedTourModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: GuidedTourModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    GuidedTourModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: GuidedTourModule, declarations: [GuidedTourComponent], imports: [i4.CommonModule, i3.MatIconModule], exports: [GuidedTourComponent] });
+    GuidedTourModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: GuidedTourModule, providers: [WindowRefService], imports: [[i4.CommonModule, i3.MatIconModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: GuidedTourModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [GuidedTourComponent],
+                        imports: [i4.CommonModule, i3.MatIconModule],
+                        providers: [WindowRefService],
+                        exports: [GuidedTourComponent],
+                        entryComponents: [GuidedTourComponent],
+                    }]
+            }] });
+
+    /*
+     * Public API Surface of ngx-guided-tour
+     */
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.GuidedTourComponent = GuidedTourComponent;
+    exports.GuidedTourModule = GuidedTourModule;
+    exports.GuidedTourService = GuidedTourService;
+    exports.Orientation = Orientation;
+    exports.WindowRefService = WindowRefService;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=igot-cb-tour-guide.umd.js.map