[{"__symbolic":"module","version":3,"metadata":{"TourContentComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"bm-tour-content","template":"\n    <div class=\"overlay\"></div>\n    <div class=\"bm-tour-content\"  #content>\n      <span\n        #caretElm\n        [hidden]=\"!showCaret\"\n        class=\"tooltip-caret position-{{this.placement}}\">\n      </span>\n      <div class=\"tooltip-content\">\n      \n          <ng-template\n            [ngTemplateOutlet]=\"template\"\n            [ngOutletContext]=\"{step : context }\">\n          </ng-template>\n       \n      </div>\n    </div>\n  ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"styles":[".highlightOnOverlay {\n  position: relative;\n  z-index: 4999;\n  box-shadow: 0 0 7px 4px rgba(245, 165, 35, 0.34);\n  border-radius: 4px; }\n  .showCursorPointer:before{\n    font-family: FontAwesome;\n    content: \"\\f25a\";\n    position: absolute;\n    color: #3d3d3d;\n    font-size: 18px;\n    font-weight: bolder;\n    bottom: -12px;}\n\n.overlay {\n  background-color: rgba(0, 0, 0, 0.5);\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1040 !important;\n  content: \"\"; }\n\n.bm-tour-content {\n  position: fixed;\n  max-width: 400px;\n  border-radius: 3px;\n  z-index: 5000;\n  display: block;\n  font-weight: normal;\n  opacity: 0;\n  pointer-events: none;\n  background: #fff;\n  color: #3d3d3d;\n  box-shadow: 0 0 4px 1px #ebeeee;\n  border: 1px solid transparent;\n  font-size: 13px;\n  padding: 15px; }\n  .bm-tour-content .title {\n    font-weight: bold;\n    font-size: 1.8rem;\n    margin-bottom: 10px; }\n  .bm-tour-content .tour-step-content {\n    color: #979797;\n    margin-right: 10px;\n    font-size: 1.4rem; }\n  .bm-tour-content span.close-tour:before {\n    content: 'x';\n    font-weight: bold;\n    font-family: sans-serif;\n    font-size: 15px;\n    color: #979797;\n    line-height: 1;\n    top: 12px;\n    right: 10px;\n    cursor: pointer;\n    position: absolute; }\n  .bm-tour-content span.close-tour:hover::after {\n    font-size: 15px;\n    color: #36b7a4;\n    transition: all 0.2s linear; }\n  .bm-tour-content .btn-color {\n    border-radius: 4px;\n    background-color: #36b7a4;\n    float: right;\n    color: white; }\n  .bm-tour-content .tooltip-caret {\n    position: absolute;\n    z-index: 5001;\n    width: 0;\n    height: 0; }\n    .bm-tour-content .tooltip-caret.position-left {\n      border-top: 7px solid transparent;\n      border-bottom: 7px solid transparent;\n      border-left: 7px solid #fff; }\n    .bm-tour-content .tooltip-caret.position-top {\n      border-left: 7px solid transparent;\n      border-right: 7px solid transparent;\n      border-top: 7px solid #fff; }\n    .bm-tour-content .tooltip-caret.position-right {\n      border-top: 7px solid transparent;\n      border-bottom: 7px solid transparent;\n      border-right: 7px solid #fff; }\n    .bm-tour-content .tooltip-caret.position-bottom {\n      border-left: 7px solid transparent;\n      border-right: 7px solid transparent;\n      border-bottom: 7px solid #fff; }\n  .bm-tour-content .tooltip-caret {\n    position: absolute;\n    z-index: 5001;\n    width: 0;\n    height: 0; }\n  .bm-tour-content.position-right {\n    transform: translate3d(10px, 0, 0); }\n  .bm-tour-content.position-left {\n    transform: translate3d(-10px, 0, 0); }\n  .bm-tour-content.position-top {\n    transform: translate3d(0, -10px, 0); }\n  .bm-tour-content.position-bottom {\n    transform: translate3d(0, 10px, 0); }\n  .bm-tour-content.animate {\n    opacity: 1;\n    transition: opacity 0.3s, transform 0.3s;\n    transform: translate3d(0, 0, 0);\n    pointer-events: auto; }"]}]}],"members":{"host":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"context":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showCaret":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showCursor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"spacing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"cssClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"alignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"caretElm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["caretElm"]}]}],"contentElm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["content"]}]}],"cssClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"position":[{"__symbolic":"method"}],"positionContent":[{"__symbolic":"method"}],"positionCaret":[{"__symbolic":"method"}],"oppositePos":[{"__symbolic":"method"}],"checkFlip":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"TourContentComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"bm-tour-content","template":"\n    <div class=\"overlay\"></div>\n    <div class=\"bm-tour-content\"  #content>\n      <span\n        #caretElm\n        [hidden]=\"!showCaret\"\n        class=\"tooltip-caret position-{{this.placement}}\">\n      </span>\n      <div class=\"tooltip-content\">\n      \n          <ng-template\n            [ngTemplateOutlet]=\"template\"\n            [ngOutletContext]=\"{step : context }\">\n          </ng-template>\n       \n      </div>\n    </div>\n  ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"styles":[".highlightOnOverlay {\n  position: relative;\n  z-index: 4999;\n  box-shadow: 0 0 7px 4px rgba(245, 165, 35, 0.34);\n  border-radius: 4px; }\n  .showCursorPointer:before{\n    font-family: FontAwesome;\n    content: \"\\f25a\";\n    position: absolute;\n    color: #3d3d3d;\n    font-size: 18px;\n    font-weight: bolder;\n    bottom: -12px;}\n\n.overlay {\n  background-color: rgba(0, 0, 0, 0.5);\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1040 !important;\n  content: \"\"; }\n\n.bm-tour-content {\n  position: fixed;\n  max-width: 400px;\n  border-radius: 3px;\n  z-index: 5000;\n  display: block;\n  font-weight: normal;\n  opacity: 0;\n  pointer-events: none;\n  background: #fff;\n  color: #3d3d3d;\n  box-shadow: 0 0 4px 1px #ebeeee;\n  border: 1px solid transparent;\n  font-size: 13px;\n  padding: 15px; }\n  .bm-tour-content .title {\n    font-weight: bold;\n    font-size: 1.8rem;\n    margin-bottom: 10px; }\n  .bm-tour-content .tour-step-content {\n    color: #979797;\n    margin-right: 10px;\n    font-size: 1.4rem; }\n  .bm-tour-content span.close-tour:before {\n    content: 'x';\n    font-weight: bold;\n    font-family: sans-serif;\n    font-size: 15px;\n    color: #979797;\n    line-height: 1;\n    top: 12px;\n    right: 10px;\n    cursor: pointer;\n    position: absolute; }\n  .bm-tour-content span.close-tour:hover::after {\n    font-size: 15px;\n    color: #36b7a4;\n    transition: all 0.2s linear; }\n  .bm-tour-content .btn-color {\n    border-radius: 4px;\n    background-color: #36b7a4;\n    float: right;\n    color: white; }\n  .bm-tour-content .tooltip-caret {\n    position: absolute;\n    z-index: 5001;\n    width: 0;\n    height: 0; }\n    .bm-tour-content .tooltip-caret.position-left {\n      border-top: 7px solid transparent;\n      border-bottom: 7px solid transparent;\n      border-left: 7px solid #fff; }\n    .bm-tour-content .tooltip-caret.position-top {\n      border-left: 7px solid transparent;\n      border-right: 7px solid transparent;\n      border-top: 7px solid #fff; }\n    .bm-tour-content .tooltip-caret.position-right {\n      border-top: 7px solid transparent;\n      border-bottom: 7px solid transparent;\n      border-right: 7px solid #fff; }\n    .bm-tour-content .tooltip-caret.position-bottom {\n      border-left: 7px solid transparent;\n      border-right: 7px solid transparent;\n      border-bottom: 7px solid #fff; }\n  .bm-tour-content .tooltip-caret {\n    position: absolute;\n    z-index: 5001;\n    width: 0;\n    height: 0; }\n  .bm-tour-content.position-right {\n    transform: translate3d(10px, 0, 0); }\n  .bm-tour-content.position-left {\n    transform: translate3d(-10px, 0, 0); }\n  .bm-tour-content.position-top {\n    transform: translate3d(0, -10px, 0); }\n  .bm-tour-content.position-bottom {\n    transform: translate3d(0, 10px, 0); }\n  .bm-tour-content.animate {\n    opacity: 1;\n    transition: opacity 0.3s, transform 0.3s;\n    transform: translate3d(0, 0, 0);\n    pointer-events: auto; }"]}]}],"members":{"host":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"context":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showCaret":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showCursor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"spacing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"cssClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"alignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"caretElm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["caretElm"]}]}],"contentElm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["content"]}]}],"cssClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"position":[{"__symbolic":"method"}],"positionContent":[{"__symbolic":"method"}],"positionCaret":[{"__symbolic":"method"}],"oppositePos":[{"__symbolic":"method"}],"checkFlip":[{"__symbolic":"method"}]}}}}]