diff --git a/235.efd56f96a90dccbe.js b/235.ec7a1fb5ee24b758.js
similarity index 90%
rename from 235.efd56f96a90dccbe.js
rename to 235.ec7a1fb5ee24b758.js
index 47fe751c..78c682bf 100644
--- a/235.efd56f96a90dccbe.js
+++ b/235.ec7a1fb5ee24b758.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkngx_ui_tour=self.webpackChunkngx_ui_tour||[]).push([[235],{2235:(_,c,n)=>{n.r(c),n.d(c,{default:()=>L});var d=n(8836),i=n(74),t=n(9212),h=n(7546),s=n(2114),l=n(631),m=n(8689),u=n(4308),v=n(5629),f=n(5593),M=n(8682),T=n(1074),A=n(2444),y=n(1872),Z=n(7868),I=n(3622),U=n(1769),x=n(6798),S=n(8791),b=n(732),C=n(2545),k=n(7765);function P(e,a){if(1&e){const o=t.EpF();t.TgZ(0,"p")(1,"code"),t._uU(2,"ngx-ui-tour"),t.qZA(),t._uU(3," is a UI tour library built for Angular. It's inspired by "),t.TgZ(4,"a",2),t._uU(5,"angular-ui-tour"),t.qZA(),t._uU(6,". "),t.qZA(),t.TgZ(7,"p")(8,"code"),t._uU(9,"TourMatMenuModule"),t.qZA(),t._uU(10," is an implementation of the tour UI that uses "),t.TgZ(11,"a",3),t._uU(12,"Angular Material"),t.qZA(),t._uU(13," MatMenu to display tour steps. "),t.qZA(),t.TgZ(14,"p")(15,"button",4),t.NdJ("click",function(){t.CHM(o);const p=t.oxw();return t.KtG(p.tourService.start())}),t._uU(16," Start Demo Tour "),t.qZA()()}}function O(e,a){1&e&&(t.TgZ(0,"app-header",5),t._uU(1,"Installation"),t.qZA(),t.TgZ(2,"ol")(3,"li")(4,"code"),t._uU(5,"npm install ngx-ui-tour-md-menu @angular/material @angular/cdk"),t.qZA()(),t.TgZ(6,"li"),t._uU(7," Import "),t.TgZ(8,"code"),t._uU(9,"TourMatMenuModule"),t.qZA(),t._uU(10," into your app module "),t.TgZ(11,"tui-notification",6),t._uU(12," If you are using "),t.TgZ(13,"code"),t._uU(14,"v9"),t.qZA(),t._uU(15," or older, you have to import "),t.TgZ(16,"code"),t._uU(17,"TourMatMenuModule.forRoot()"),t.qZA()()(),t.TgZ(18,"li"),t._uU(19," Make sure "),t.TgZ(20,"code"),t._uU(21,"RouterModule"),t.qZA(),t._uU(22," is imported in your app module "),t.qZA(),t.TgZ(23,"li"),t._uU(24," Make sure Angular Material is "),t.TgZ(25,"a",7),t._uU(26,"installed correctly"),t.qZA()()(),t._UZ(27,"app-usage",8))}function B(e,a){1&e&&(t.TgZ(0,"app-step-config",9),t._UZ(1,"app-placement-config",10),t.qZA(),t._UZ(2,"app-tour-service-api")(3,"app-events")),2&e&&t.Q6J("isCloseOnOutsideClickVisible",!0)("isMdMenuShowArrowVisible",!0)}function N(e,a){1&e&&t._UZ(0,"app-faq",11)}function E(e,a){if(1&e&&t._UZ(0,"app-hotkeys")(1,"app-defaults")(2,"app-custom-template",12)(3,"app-styling-active-tour-anchor"),2&e){const o=t.oxw();t.xp6(2),t.Q6J("defaultTemplate",o.defaultTemplate)}}const L=(0,d.Ve)((()=>{class e{constructor(){this.tourSteps=[{anchorId:"start.tour",content:"Welcome to the Ngx-UI-Tour tour!",title:"Welcome"},{anchorId:"angular-ui-tour",content:"Thanks to angular-ui-tour for the inspiration for the library",title:"angular-ui-tour"},{anchorId:"installation",content:"First, install the library...",title:"Installation",route:"md-menu/Setup"},{anchorId:"usage",content:"...then use it.",title:"Usage",route:"md-menu/Setup"},{anchorId:"tourService.start",content:"Don't forget to actually start the tour.",title:"Start the tour",route:"md-menu/Setup"},{anchorId:"config.anchorId",content:"Every step needs an anchor.",title:"Anchor",route:"md-menu/API"},{anchorId:"config.enableBackdrop",content:"You can enable backdrop to highlight active element.",title:"Backdrop",enableBackdrop:!0,route:"md-menu/API"},{anchorId:"config.route",content:"Tours can span multiple routes.",title:"Route",route:"md-menu/API"},{anchorId:"config.placement",content:"Steps can be positioned around an anchor.",title:"Placement",route:"md-menu/API"},{anchorId:"config.centerAnchorOnScroll",content:"Enable this config to keep active anchor element centered when possible.",title:"Center active anchor",route:"md-menu/API"},{anchorId:"config.smoothScroll",content:'Enable "smoothScroll" option to smoothly scroll to an active element.',title:"Smooth scroll",route:"md-menu/API"},{anchorId:"config.buttons.custom",content:"You can set custom step button names",title:"Button Titles",prevBtnTitle:"My Prev",nextBtnTitle:"My Next",endBtnTitle:"My End",route:"md-menu/API"},{anchorId:"config.isAsync",content:"Mark your step as async if anchor element is added to DOM with a delay",title:"Wait for async event",route:"md-menu/API"},{anchorId:"config.nextOnAnchorClick",content:"Click on the config description to go to the next step",title:"Next on Anchor Click",route:"md-menu/API",nextOnAnchorClick:!0},{anchorId:"events",content:"You can subscribe to events",title:"Events",route:"md-menu/API"},{anchorId:"hotkeys",content:"Try using the hotkeys to navigate through the tour.",title:"Hotkeys",route:"md-menu/Misc"}],this.defaultTemplate='\r\n \r\n \r\n \r\n
\r\n }\r\n @if (tourService.hasNext(step) && !step.nextOnAnchorClick) {\r\n \r\n }\r\n @if (!tourService.hasNext(step)) {\r\n \r\n }\r\n \r\n \r\n \r\n\r\n',this.tourService=(0,t.f3M)(i.QL),this.delayAfterNavigation=(0,t.f3M)(h.h1)}ngOnInit(){this.tourService.initialize(this.tourSteps,{route:"md-menu",delayAfterNavigation:this.delayAfterNavigation})}static#t=this.\u0275fac=function(r){return new(r||e)};static#n=this.\u0275cmp=t.Xpm({type:e,selectors:[["app-md-menu"]],standalone:!0,features:[t._Bn([(0,v.E)(i.JA)]),t.jDz],decls:7,vars:0,consts:[["header","Material Design","package","ngx-ui-tour-md-menu"],["pageTab",""],["tuiLink","","target","_blank","tourAnchor","angular-ui-tour","href","http://benmarch.github.io/angular-ui-tour"],["tuiLink","","href","http://material.angular.io","target","_blank"],["tuiButton","","type","button","tourAnchor","start.tour",3,"click"],["tourAnchor","installation","id","installation"],[1,"tui-space_top-3"],["tuiLink","","href","https://material.angular.io/guide/getting-started","target","_blank"],["moduleName","TourMatMenuModule"],[3,"isCloseOnOutsideClickVisible","isMdMenuShowArrowVisible"],["type","MdMenuPlacement"],["disablePageScrollingIntroducedIn","7","backdropOffsetIntroducedIn","11"],[3,"defaultTemplate"]],template:function(r,p){1&r&&(t.TgZ(0,"tui-doc-page",0),t.YNc(1,P,17,0,"ng-template",1)(2,O,28,0,"ng-template",1)(3,B,4,2,"ng-template",1)(4,N,1,0,"ng-template",1)(5,E,4,1,"ng-template",1),t.qZA(),t._UZ(6,"tour-step-template"))},dependencies:[u.Lq,u.qo,u.nj,s.j,s.V,i.jo,f.J,M.R,l.fN,l.v0,m.H,m.L,T.G,A.e,y.t,Z.s,I.A,U.H,x.v,S.Q,b.w,C.e,k.J],styles:["app-header[_ngcontent-%COMP%]{margin-top:0}"]})}return e})())}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkngx_ui_tour=self.webpackChunkngx_ui_tour||[]).push([[235],{2235:(_,c,n)=>{n.r(c),n.d(c,{default:()=>L});var d=n(8836),i=n(74),t=n(9212),h=n(7546),s=n(2114),l=n(631),p=n(8689),u=n(4308),v=n(5629),f=n(5593),M=n(8682),T=n(1074),A=n(2444),y=n(1872),Z=n(7868),I=n(3622),U=n(1769),x=n(6798),S=n(8791),b=n(732),C=n(2545),k=n(7765);function P(e,r){if(1&e){const o=t.EpF();t.TgZ(0,"p")(1,"code"),t._uU(2,"ngx-ui-tour"),t.qZA(),t._uU(3," is a UI tour library built for Angular. It's inspired by "),t.TgZ(4,"a",2),t._uU(5,"angular-ui-tour"),t.qZA(),t._uU(6,". "),t.qZA(),t.TgZ(7,"p")(8,"code"),t._uU(9,"TourMatMenuModule"),t.qZA(),t._uU(10," is an implementation of the tour UI that uses "),t.TgZ(11,"a",3),t._uU(12,"Angular Material"),t.qZA(),t._uU(13," MatMenu to display tour steps. "),t.qZA(),t.TgZ(14,"p")(15,"button",4),t.NdJ("click",function(){t.CHM(o);const m=t.oxw();return t.KtG(m.tourService.start())}),t._uU(16," Start Demo Tour "),t.qZA()()}}function O(e,r){1&e&&(t.TgZ(0,"app-header",5),t._uU(1,"Installation"),t.qZA(),t.TgZ(2,"ol")(3,"li")(4,"code"),t._uU(5,"npm install ngx-ui-tour-md-menu @angular/material @angular/cdk"),t.qZA()(),t.TgZ(6,"li"),t._uU(7," Import "),t.TgZ(8,"code"),t._uU(9,"TourMatMenuModule"),t.qZA(),t._uU(10," into your app module "),t.TgZ(11,"tui-notification",6),t._uU(12," If you are using "),t.TgZ(13,"code"),t._uU(14,"v9"),t.qZA(),t._uU(15," or older, you have to import "),t.TgZ(16,"code"),t._uU(17,"TourMatMenuModule.forRoot()"),t.qZA()()(),t.TgZ(18,"li"),t._uU(19," Make sure "),t.TgZ(20,"code"),t._uU(21,"RouterModule"),t.qZA(),t._uU(22," is imported in your app module "),t.qZA(),t.TgZ(23,"li"),t._uU(24," Make sure Angular Material is "),t.TgZ(25,"a",7),t._uU(26,"installed correctly"),t.qZA()()(),t._UZ(27,"app-usage",8))}function B(e,r){1&e&&(t.TgZ(0,"app-step-config",9),t._UZ(1,"app-placement-config",10),t.qZA(),t._UZ(2,"app-tour-service-api")(3,"app-events")),2&e&&t.Q6J("isCloseOnOutsideClickVisible",!0)("isMdMenuShowArrowVisible",!0)}function N(e,r){1&e&&t._UZ(0,"app-faq",11)}function E(e,r){if(1&e&&t._UZ(0,"app-hotkeys")(1,"app-defaults")(2,"app-custom-template",12)(3,"app-styling-active-tour-anchor"),2&e){const o=t.oxw();t.xp6(2),t.Q6J("defaultTemplate",o.defaultTemplate)}}const L=(0,d.Ve)((()=>{class e{constructor(){this.tourSteps=[{anchorId:"start.tour",content:"Welcome to the Ngx-UI-Tour tour!",title:"Welcome"},{anchorId:"angular-ui-tour",content:"Thanks to angular-ui-tour for the inspiration for the library",title:"angular-ui-tour"},{anchorId:"installation",content:"First, install the library...",title:"Installation",route:"md-menu/Setup"},{anchorId:"usage",content:"...then use it.",title:"Usage",route:"md-menu/Setup"},{anchorId:"tourService.start",content:"Don't forget to actually start the tour.",title:"Start the tour",route:"md-menu/Setup"},{anchorId:"config.anchorId",content:"Every step needs an anchor.",title:"Anchor",route:"md-menu/API"},{anchorId:"config.enableBackdrop",content:"You can enable backdrop to highlight active element.",title:"Backdrop",enableBackdrop:!0,route:"md-menu/API"},{anchorId:"config.route",content:"Tours can span multiple routes.",title:"Route",route:"md-menu/API"},{anchorId:"config.placement",content:"Steps can be positioned around an anchor.",title:"Placement",route:"md-menu/API"},{anchorId:"config.centerAnchorOnScroll",content:"Enable this config to keep active anchor element centered when possible.",title:"Center active anchor",route:"md-menu/API"},{anchorId:"config.smoothScroll",content:'Enable "smoothScroll" option to smoothly scroll to an active element.',title:"Smooth scroll",route:"md-menu/API"},{anchorId:"config.buttons.custom",content:"You can set custom step button names",title:"Button Titles",prevBtnTitle:"My Prev",nextBtnTitle:"My Next",endBtnTitle:"My End",route:"md-menu/API"},{anchorId:"config.isAsync",content:"Mark your step as async if anchor element is added to DOM with a delay",title:"Wait for async event",route:"md-menu/API"},{anchorId:"config.nextOnAnchorClick",content:"Click on the config description to go to the next step",title:"Next on Anchor Click",route:"md-menu/API",nextOnAnchorClick:!0},{anchorId:"events",content:"You can subscribe to events",title:"Events",route:"md-menu/API"},{anchorId:"hotkeys",content:"Try using the hotkeys to navigate through the tour.",title:"Hotkeys",route:"md-menu/Misc"}],this.defaultTemplate='\r\n \r\n \r\n \r\n
\r\n }\r\n @if (tourService.hasNext(step) && !step.nextOnAnchorClick) {\r\n \r\n }\r\n @if (!tourService.hasNext(step)) {\r\n \r\n }\r\n \r\n \r\n \r\n\r\n',this.tourService=(0,t.f3M)(i.QL),this.delayAfterNavigation=(0,t.f3M)(h.h1)}ngOnInit(){this.tourService.initialize(this.tourSteps,{route:"md-menu",delayAfterNavigation:this.delayAfterNavigation})}static#t=this.\u0275fac=function(a){return new(a||e)};static#n=this.\u0275cmp=t.Xpm({type:e,selectors:[["app-md-menu"]],standalone:!0,features:[t._Bn([(0,v.E)(i.JA)]),t.jDz],decls:7,vars:0,consts:[["header","Material Design","package","ngx-ui-tour-md-menu"],["pageTab",""],["tuiLink","","target","_blank","tourAnchor","angular-ui-tour","href","http://benmarch.github.io/angular-ui-tour"],["tuiLink","","href","http://material.angular.io","target","_blank"],["tuiButton","","type","button","tourAnchor","start.tour",3,"click"],["tourAnchor","installation","id","installation"],[1,"tui-space_top-3"],["tuiLink","","href","https://material.angular.io/guide/getting-started","target","_blank"],["moduleName","TourMatMenuModule"],[3,"isCloseOnOutsideClickVisible","isMdMenuShowArrowVisible"],["type","MdMenuPlacement"],["disablePageScrollingIntroducedIn","7","backdropOffsetIntroducedIn","11"],[3,"defaultTemplate"]],template:function(a,m){1&a&&(t.TgZ(0,"tui-doc-page",0),t.YNc(1,P,17,0,"ng-template",1)(2,O,28,0,"ng-template",1)(3,B,4,2,"ng-template",1)(4,N,1,0,"ng-template",1)(5,E,4,1,"ng-template",1),t.qZA(),t._UZ(6,"tour-step-template"))},dependencies:[u.Lq,u.qo,u.nj,s.j,s.V,i.jo,f.J,M.R,l.fN,l.v0,p.H,p.L,T.G,A.e,y.t,Z.s,I.A,U.H,x.v,S.Q,b.w,C.e,k.J],styles:["app-header[_ngcontent-%COMP%]{margin-top:0}"]})}return e})())}}]);
\ No newline at end of file
diff --git a/243.0e507608129d4cd8.js b/243.513e6875eacc8929.js
similarity index 56%
rename from 243.0e507608129d4cd8.js
rename to 243.513e6875eacc8929.js
index a6d5d9e5..d15d7633 100644
--- a/243.0e507608129d4cd8.js
+++ b/243.513e6875eacc8929.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkngx_ui_tour=self.webpackChunkngx_ui_tour||[]).push([[243],{4243:(L,c,n)=>{n.r(c),n.d(c,{default:()=>E});var g=n(8836),a=n(7058),t=n(9212),m=n(7546),s=n(2114),p=n(631),l=n(8689),u=n(4308),v=n(5629),f=n(9800),T=n(434),I=n(1074),y=n(2444),A=n(1872),Z=n(7868),U=n(3622),x=n(1769),S=n(6798),D=n(8791),b=n(732),w=n(2545),C=n(7765);function M(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"p")(1,"code"),t._uU(2,"ngx-ui-tour"),t.qZA(),t._uU(3," is a UI tour library built for Angular. It's inspired by "),t.TgZ(4,"a",2),t._uU(5,"angular-ui-tour"),t.qZA(),t._uU(6,". "),t.qZA(),t.TgZ(7,"p")(8,"code"),t._uU(9,"TourTuiDropdownModule"),t.qZA(),t._uU(10," is an implementation of the tour UI that uses "),t.TgZ(11,"a",3),t._uU(12,"Taiga UI"),t.qZA(),t._uU(13," Dropdown to display tour steps. "),t.qZA(),t.TgZ(14,"p")(15,"button",4),t.NdJ("click",function(){t.CHM(e);const d=t.oxw();return t.KtG(d.start())}),t._uU(16," Start Demo Tour "),t.qZA()()}}function P(o,r){1&o&&(t.TgZ(0,"app-header",5),t._uU(1,"Installation"),t.qZA(),t.TgZ(2,"ol")(3,"li")(4,"code"),t._uU(5,"npm install ngx-ui-tour-tui-dropdown @taiga-ui/core @taiga-ui/cdk @taiga-ui/icons"),t.qZA()(),t.TgZ(6,"li"),t._uU(7," Import "),t.TgZ(8,"code"),t._uU(9,"TourTuiDropdownModule"),t.qZA(),t._uU(10," into your app module "),t.TgZ(11,"tui-notification",6),t._uU(12," If you are using "),t.TgZ(13,"code"),t._uU(14,"v3"),t.qZA(),t._uU(15," or older, you have to import "),t.TgZ(16,"code"),t._uU(17,"TourTuiDropdownModule.forRoot()"),t.qZA()()(),t.TgZ(18,"li"),t._uU(19," Make sure "),t.TgZ(20,"code"),t._uU(21,"RouterModule"),t.qZA(),t._uU(22," is imported in your app module "),t.qZA(),t.TgZ(23,"li"),t._uU(24," Make sure Taiga UI is "),t.TgZ(25,"a",7),t._uU(26,"installed correctly"),t.qZA()()(),t._UZ(27,"app-usage",8))}function k(o,r){1&o&&(t.TgZ(0,"app-step-config"),t._UZ(1,"app-placement-config",9),t.qZA(),t._UZ(2,"app-tour-service-api")(3,"app-events"))}function B(o,r){1&o&&t._UZ(0,"app-faq",10)}function N(o,r){if(1&o&&t._UZ(0,"app-hotkeys")(1,"app-defaults")(2,"app-custom-template",11)(3,"app-styling-active-tour-anchor"),2&o){const e=t.oxw();t.xp6(2),t.Q6J("defaultTemplate",e.defaultTemplate)}}const E=(0,g.Ve)((()=>{class o{constructor(){this.tourSteps=[{anchorId:"start.tour",content:"Welcome to the Ngx-UI-Tour tour!",title:"Welcome"},{anchorId:"angular-ui-tour",content:"Thanks to angular-ui-tour for the inspiration for the library",title:"angular-ui-tour"},{anchorId:"installation",content:"First, install the library...",title:"Installation",route:"tui-dropdown/Setup"},{anchorId:"usage",content:"...then use it.",title:"Usage",route:"tui-dropdown/Setup"},{anchorId:"tourService.start",content:"Don't forget to actually start the tour.",title:"Start the tour",route:"tui-dropdown/Setup"},{anchorId:"config.anchorId",content:"Every step needs an anchor.",title:"Anchor",route:"tui-dropdown/API"},{anchorId:"config.enableBackdrop",content:"You can enable backdrop to highlight active element.",title:"Backdrop",enableBackdrop:!0,route:"tui-dropdown/API"},{anchorId:"config.route",content:"Tours can span multiple routes.",title:"Route",route:"tui-dropdown/API"},{anchorId:"config.placement",content:"Steps can be positioned around an anchor.",title:"Placement",route:"tui-dropdown/API"},{anchorId:"config.centerAnchorOnScroll",content:"Enable this config to keep active anchor element centered when possible.",title:"Center active anchor",route:"tui-dropdown/API"},{anchorId:"config.smoothScroll",content:'Enable "smoothScroll" option to smoothly scroll to an active element.',title:"Smooth scroll",route:"tui-dropdown/API"},{anchorId:"config.buttons.custom",content:"You can set custom step button names",title:"Button Titles",prevBtnTitle:"My Prev",nextBtnTitle:"My Next",endBtnTitle:"My End",route:"tui-dropdown/API",stepDimensions:{maxWidth:"340px"}},{anchorId:"config.isAsync",content:"Mark your step as async if anchor element is added to DOM with a delay",title:"Wait for async event",route:"tui-dropdown/API"},{anchorId:"config.nextOnAnchorClick",content:"Click on the config description to go to the next step",title:"Next on Anchor Click",route:"tui-dropdown/API",nextOnAnchorClick:!0},{anchorId:"events",content:"You can subscribe to events",title:"Events",route:"tui-dropdown/API"},{anchorId:"hotkeys",content:"Try using the hotkeys to navigate through the tour.",title:"Hotkeys",route:"tui-dropdown/Misc"}],this.defaultTemplate='\r\n \r\n
\r\n \r\n\r\n',this.tourService=(0,t.f3M)(a.QL),this.delayAfterNavigation=(0,t.f3M)(m.h1)}ngOnInit(){this.tourService.initialize(this.tourSteps,{route:"tui-dropdown",delayAfterNavigation:this.delayAfterNavigation,disablePageScrolling:!1})}start(){this.tourService.start()}static#t=this.\u0275fac=function(i){return new(i||o)};static#n=this.\u0275cmp=t.Xpm({type:o,selectors:[["app-tui-dropdown"]],standalone:!0,features:[t._Bn([(0,v.E)(a.n3)]),t.jDz],decls:7,vars:0,consts:[["header","Taiga UI Dropdown","package","ngx-ui-tour-tui-dropdown"],["pageTab",""],["tuiLink","","target","_blank","tourAnchor","angular-ui-tour","href","http://benmarch.github.io/angular-ui-tour"],["tuiLink","","href","https://taiga-ui.dev","target","_blank"],["tuiButton","","type","button","tourAnchor","start.tour",3,"click"],["tourAnchor","installation","id","installation"],[1,"tui-space_top-3"],["tuiLink","","href","https://taiga-ui.dev/getting-started","target","_blank"],["moduleName","TourTuiDropdownModule"],["type","TuiDdPlacement"],["backdropOffsetIntroducedIn","5","disablePageScrollingIntroducedIn","4.1"],[3,"defaultTemplate"]],template:function(i,d){1&i&&(t.TgZ(0,"tui-doc-page",0),t.YNc(1,M,17,0,"ng-template",1)(2,P,28,0,"ng-template",1)(3,k,4,0,"ng-template",1)(4,B,1,0,"ng-template",1)(5,N,4,1,"ng-template",1),t.qZA(),t._UZ(6,"tour-step-template"))},dependencies:[u.Lq,u.qo,u.nj,s.j,s.V,a.DE,f.R,T.n,p.fN,p.v0,l.H,l.L,I.G,y.e,A.t,Z.s,U.A,x.H,S.v,D.Q,b.w,w.e,C.J],styles:["app-header[_ngcontent-%COMP%]{margin-top:0}"]})}return o})())}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkngx_ui_tour=self.webpackChunkngx_ui_tour||[]).push([[243],{4243:(L,s,n)=>{n.r(s),n.d(s,{default:()=>E});var g=n(8836),a=n(7058),t=n(9212),m=n(7546),c=n(2114),p=n(631),l=n(8689),u=n(4308),v=n(5629),f=n(9800),T=n(434),I=n(1074),y=n(2444),A=n(1872),Z=n(7868),U=n(3622),x=n(1769),S=n(6798),w=n(8791),D=n(732),b=n(2545),C=n(7765);function P(o,r){if(1&o){const e=t.EpF();t.TgZ(0,"p")(1,"code"),t._uU(2,"ngx-ui-tour"),t.qZA(),t._uU(3," is a UI tour library built for Angular. It's inspired by "),t.TgZ(4,"a",2),t._uU(5,"angular-ui-tour"),t.qZA(),t._uU(6,". "),t.qZA(),t.TgZ(7,"p")(8,"code"),t._uU(9,"TourTuiDropdownModule"),t.qZA(),t._uU(10," is an implementation of the tour UI that uses "),t.TgZ(11,"a",3),t._uU(12,"Taiga UI"),t.qZA(),t._uU(13," Dropdown to display tour steps. "),t.qZA(),t.TgZ(14,"p")(15,"button",4),t.NdJ("click",function(){t.CHM(e);const d=t.oxw();return t.KtG(d.start())}),t._uU(16," Start Demo Tour "),t.qZA()()}}function M(o,r){1&o&&(t.TgZ(0,"app-header",5),t._uU(1,"Installation"),t.qZA(),t.TgZ(2,"ol")(3,"li")(4,"code"),t._uU(5,"npm install ngx-ui-tour-tui-dropdown @taiga-ui/core @taiga-ui/cdk @taiga-ui/icons"),t.qZA()(),t.TgZ(6,"li"),t._uU(7," Import "),t.TgZ(8,"code"),t._uU(9,"TourTuiDropdownModule"),t.qZA(),t._uU(10," into your app module "),t.TgZ(11,"tui-notification",6),t._uU(12," If you are using "),t.TgZ(13,"code"),t._uU(14,"v3"),t.qZA(),t._uU(15," or older, you have to import "),t.TgZ(16,"code"),t._uU(17,"TourTuiDropdownModule.forRoot()"),t.qZA()()(),t.TgZ(18,"li"),t._uU(19," Make sure "),t.TgZ(20,"code"),t._uU(21,"RouterModule"),t.qZA(),t._uU(22," is imported in your app module "),t.qZA(),t.TgZ(23,"li"),t._uU(24," Make sure Taiga UI is "),t.TgZ(25,"a",7),t._uU(26,"installed correctly"),t.qZA()()(),t._UZ(27,"app-usage",8))}function k(o,r){1&o&&(t.TgZ(0,"app-step-config"),t._UZ(1,"app-placement-config",9),t.qZA(),t._UZ(2,"app-tour-service-api")(3,"app-events"))}function B(o,r){1&o&&t._UZ(0,"app-faq",10)}function N(o,r){if(1&o&&t._UZ(0,"app-hotkeys")(1,"app-defaults")(2,"app-custom-template",11)(3,"app-styling-active-tour-anchor"),2&o){const e=t.oxw();t.xp6(2),t.Q6J("defaultTemplate",e.defaultTemplate)}}const E=(0,g.Ve)((()=>{class o{constructor(){this.tourSteps=[{anchorId:"start.tour",content:"Welcome to the Ngx-UI-Tour tour!",title:"Welcome"},{anchorId:"angular-ui-tour",content:"Thanks to angular-ui-tour for the inspiration for the library",title:"angular-ui-tour"},{anchorId:"installation",content:"First, install the library...",title:"Installation",route:"tui-dropdown/Setup"},{anchorId:"usage",content:"...then use it.",title:"Usage",route:"tui-dropdown/Setup"},{anchorId:"tourService.start",content:"Don't forget to actually start the tour.",title:"Start the tour",route:"tui-dropdown/Setup"},{anchorId:"config.anchorId",content:"Every step needs an anchor.",title:"Anchor",route:"tui-dropdown/API"},{anchorId:"config.enableBackdrop",content:"You can enable backdrop to highlight active element.",title:"Backdrop",enableBackdrop:!0,route:"tui-dropdown/API"},{anchorId:"config.route",content:"Tours can span multiple routes.",title:"Route",route:"tui-dropdown/API"},{anchorId:"config.placement",content:"Steps can be positioned around an anchor.",title:"Placement",route:"tui-dropdown/API"},{anchorId:"config.centerAnchorOnScroll",content:"Enable this config to keep active anchor element centered when possible.",title:"Center active anchor",route:"tui-dropdown/API"},{anchorId:"config.smoothScroll",content:'Enable "smoothScroll" option to smoothly scroll to an active element.',title:"Smooth scroll",route:"tui-dropdown/API"},{anchorId:"config.buttons.custom",content:"You can set custom step button names",title:"Button Titles",prevBtnTitle:"My Prev",nextBtnTitle:"My Next",endBtnTitle:"My End",route:"tui-dropdown/API",stepDimensions:{maxWidth:"340px"}},{anchorId:"config.isAsync",content:"Mark your step as async if anchor element is added to DOM with a delay",title:"Wait for async event",route:"tui-dropdown/API"},{anchorId:"config.nextOnAnchorClick",content:"Click on the config description to go to the next step",title:"Next on Anchor Click",route:"tui-dropdown/API",nextOnAnchorClick:!0},{anchorId:"events",content:"You can subscribe to events",title:"Events",route:"tui-dropdown/API"},{anchorId:"hotkeys",content:"Try using the hotkeys to navigate through the tour.",title:"Hotkeys",route:"tui-dropdown/Misc"}],this.defaultTemplate='\r\n \r\n
\r\n \r\n\r\n',this.tourService=(0,t.f3M)(a.QL),this.delayAfterNavigation=(0,t.f3M)(m.h1)}ngOnInit(){this.tourService.initialize(this.tourSteps,{route:"tui-dropdown",delayAfterNavigation:this.delayAfterNavigation,disablePageScrolling:!1})}start(){this.tourService.start()}static#t=this.\u0275fac=function(i){return new(i||o)};static#n=this.\u0275cmp=t.Xpm({type:o,selectors:[["app-tui-dropdown"]],standalone:!0,features:[t._Bn([(0,v.E)(a.n3)]),t.jDz],decls:7,vars:0,consts:[["header","Taiga UI Dropdown","package","ngx-ui-tour-tui-dropdown"],["pageTab",""],["tuiLink","","target","_blank","tourAnchor","angular-ui-tour","href","http://benmarch.github.io/angular-ui-tour"],["tuiLink","","href","https://taiga-ui.dev","target","_blank"],["tuiButton","","type","button","tourAnchor","start.tour",3,"click"],["tourAnchor","installation","id","installation"],[1,"tui-space_top-3"],["tuiLink","","href","https://taiga-ui.dev/getting-started","target","_blank"],["moduleName","TourTuiDropdownModule"],["type","TuiDdPlacement"],["backdropOffsetIntroducedIn","5","disablePageScrollingIntroducedIn","4.1"],[3,"defaultTemplate"]],template:function(i,d){1&i&&(t.TgZ(0,"tui-doc-page",0),t.YNc(1,P,17,0,"ng-template",1)(2,M,28,0,"ng-template",1)(3,k,4,0,"ng-template",1)(4,B,1,0,"ng-template",1)(5,N,4,1,"ng-template",1),t.qZA(),t._UZ(6,"tour-step-template"))},dependencies:[u.Lq,u.qo,u.nj,c.j,c.V,a.DE,f.R,T.n,p.fN,p.v0,l.H,l.L,I.G,y.e,A.t,Z.s,U.A,x.H,S.v,w.Q,D.w,b.e,C.J],styles:["app-header[_ngcontent-%COMP%]{margin-top:0}"]})}return o})())}}]);
\ No newline at end of file
diff --git a/498.2ffe8ec9293b04b6.js b/498.7907bccf6726607b.js
similarity index 59%
rename from 498.2ffe8ec9293b04b6.js
rename to 498.7907bccf6726607b.js
index f7d5ba7e..66beea4c 100644
--- a/498.2ffe8ec9293b04b6.js
+++ b/498.7907bccf6726607b.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkngx_ui_tour=self.webpackChunkngx_ui_tour||[]).push([[498],{3498:(D,p,o)=>{o.r(p),o.d(p,{default:()=>w});var d=o(8836),i=o(272),t=o(9212),v=o(7546),c=o(2114),l=o(631),u=o(8689),r=o(4308),f=o(5629),g=o(3584),b=o(7170),x=o(1074),T=o(2444),y=o(1872),A=o(7868),Z=o(3622),I=o(1769),U=o(6798),S=o(8791),B=o(732),C=o(2545),N=o(7765);function M(n,a){if(1&n){const e=t.EpF();t.TgZ(0,"p")(1,"code"),t._uU(2,"ngx-ui-tour"),t.qZA(),t._uU(3," is a UI tour library built for Angular. It's inspired by "),t.TgZ(4,"a",2),t._uU(5,"angular-ui-tour"),t.qZA(),t._uU(6,". "),t.qZA(),t.TgZ(7,"p")(8,"code"),t._uU(9,"TourNgxBootstrapModule"),t.qZA(),t._uU(10," is an implementation of the tour UI that uses "),t.TgZ(11,"a",3),t._uU(12,"NgxBootstrap"),t.qZA(),t._uU(13," popovers to display tour steps. "),t.qZA(),t.TgZ(14,"p")(15,"button",4),t.NdJ("click",function(){t.CHM(e);const m=t.oxw();return t.KtG(m.tourService.start())}),t._uU(16," Start Demo Tour "),t.qZA()()}}function P(n,a){if(1&n&&(t.TgZ(0,"app-header",5),t._uU(1,"Installation"),t.qZA(),t.TgZ(2,"ol")(3,"li")(4,"code"),t._uU(5,"npm install ngx-ui-tour-ngx-bootstrap bootstrap ngx-bootstrap"),t.qZA()(),t.TgZ(6,"li"),t._uU(7," Import "),t.TgZ(8,"code"),t._uU(9,"TourNgxBootstrapModule"),t.qZA(),t._uU(10," into your app module "),t.TgZ(11,"tui-notification",6),t._uU(12," If you are using "),t.TgZ(13,"code"),t._uU(14,"v9"),t.qZA(),t._uU(15," or older, you have to import "),t.TgZ(16,"code"),t._uU(17,"TourNgxBootstrapModule.forRoot()"),t.qZA()()(),t.TgZ(18,"li"),t._uU(19," Make sure "),t.TgZ(20,"code"),t._uU(21,"RouterModule"),t.qZA(),t._uU(22," is imported in your app module "),t.qZA(),t.TgZ(23,"li"),t._uU(24," Add bootstrap SCSS to your "),t.TgZ(25,"code"),t._uU(26,"styles.scss"),t.qZA(),t._uU(27,": "),t._UZ(28,"tui-doc-code",7),t.qZA(),t.TgZ(29,"li"),t._uU(30," Make sure Ngx Bootstrap is "),t.TgZ(31,"a",8),t._uU(32,"installed correctly"),t.qZA()()(),t._UZ(33,"app-usage",9)),2&n){const e=t.oxw();t.xp6(28),t.Q6J("code",e.bootstrapScssImport)}}const k=()=>["top","bottom","left","right","auto","top left","top right","right top","right bottom","bottom right","bottom left","left bottom","left top","start","end","top start","top end","end top","end bottom","bottom end","bottom start","start bottom","start top"];function L(n,a){1&n&&(t.TgZ(0,"app-step-config",10),t._UZ(1,"app-placement-config",11),t.qZA(),t._UZ(2,"app-tour-service-api")(3,"app-events")),2&n&&(t.Q6J("isUseLegacyTitleVisible",!0),t.xp6(1),t.Q6J("values",t.DdM(2,k)))}function _(n,a){1&n&&t._UZ(0,"app-faq")}function O(n,a){if(1&n&&t._UZ(0,"app-hotkeys")(1,"app-defaults")(2,"app-custom-template",12)(3,"app-styling-active-tour-anchor"),2&n){const e=t.oxw();t.xp6(2),t.Q6J("defaultTemplate",e.defaultTemplate)}}const w=(0,d.Ve)((()=>{class n{constructor(){this.tourSteps=[{anchorId:"start.tour",content:"Welcome to the Ngx-UI-Tour tour!",placement:"bottom",title:"Welcome"},{anchorId:"angular-ui-tour",content:"Thanks to angular-ui-tour for the inspiration for the library",title:"angular-ui-tour"},{anchorId:"installation",content:"First, install the library...",title:"Installation",route:"ngx-bootstrap/Setup"},{anchorId:"usage",content:"...then use it.",title:"Usage",route:"ngx-bootstrap/Setup"},{anchorId:"tourService.start",content:"Don't forget to actually start the tour.",title:"Start the tour",route:"ngx-bootstrap/Setup"},{anchorId:"config.anchorId",content:"Every step needs an anchor.",title:"Anchor",route:"ngx-bootstrap/API"},{anchorId:"config.enableBackdrop",content:"You can enable backdrop to highlight active element.",title:"Backdrop",enableBackdrop:!0,route:"ngx-bootstrap/API"},{anchorId:"config.route",content:"Tours can span multiple routes.",title:"Route",route:"ngx-bootstrap/API"},{anchorId:"config.popoverClass",content:"You can add custom popover class.",title:"Custom CSS Class",popoverClass:"custom-tour-class",route:"ngx-bootstrap/API"},{anchorId:"config.placement",content:"Steps can be positioned around an anchor.",title:"Placement",route:"ngx-bootstrap/API"},{anchorId:"config.centerAnchorOnScroll",content:"Enable this config to keep active anchor element centered when possible.",title:"Center active anchor",route:"ngx-bootstrap/API"},{anchorId:"config.smoothScroll",content:'Enable "smoothScroll" option to smoothly scroll to an active element.',title:"Smooth scroll",route:"ngx-bootstrap/API"},{anchorId:"config.buttons.custom",content:"You can set custom step button names",title:"Button Titles",prevBtnTitle:"My Prev",nextBtnTitle:"My Next",endBtnTitle:"My End",route:"ngx-bootstrap/API"},{anchorId:"config.isAsync",content:"Mark your step as async if anchor element is added to DOM with a delay",title:"Wait for async event",route:"ngx-bootstrap/API"},{anchorId:"config.nextOnAnchorClick",content:"Click on the config description to go to the next step",title:"Next on Anchor Click",route:"ngx-bootstrap/API",nextOnAnchorClick:!0},{anchorId:"events",content:"You can subscribe to events",title:"Events",route:"ngx-bootstrap/API"},{anchorId:"hotkeys",content:"Try using the hotkeys to navigate through the tour.",title:"Hotkeys",route:"ngx-bootstrap/Misc"}],this.bootstrapScssImport='@import "bootstrap/scss/bootstrap";',this.defaultTemplate='\r\n \r\n
\r\n \r\n\r\n',this.tourService=(0,t.f3M)(i.QL),this.delayAfterNavigation=(0,t.f3M)(v.h1)}ngOnInit(){this.tourService.initialize(this.tourSteps,{route:"ngx-bootstrap",delayAfterNavigation:this.delayAfterNavigation})}static#t=this.\u0275fac=function(s){return new(s||n)};static#o=this.\u0275cmp=t.Xpm({type:n,selectors:[["app-ngx-bootstrap"]],standalone:!0,features:[t._Bn([(0,f.E)(i.nr)]),t.jDz],decls:7,vars:0,consts:[["header","Ngx Bootstrap","package","ngx-ui-tour-ngx-bootstrap"],["pageTab",""],["tuiLink","","target","_blank","tourAnchor","angular-ui-tour","href","http://benmarch.github.io/angular-ui-tour"],["tuiLink","","href","https://github.com/valor-software/ngx-bootstrap","rel","nofollow","target","_blank"],["tuiButton","","type","button","tourAnchor","start.tour",3,"click"],["tourAnchor","installation","id","installation"],[1,"tui-space_top-3"],["filename","styles.scss",3,"code"],["tuiLink","","href","https://valor-software.com/ngx-bootstrap/#/documentation#installation","target","_blank"],["moduleName","TourNgxBootstrapModule"],[3,"isUseLegacyTitleVisible"],["value","auto","extraInfo","Accepts Popover placement options.",3,"values"],[3,"defaultTemplate"]],template:function(s,m){1&s&&(t.TgZ(0,"tui-doc-page",0),t.YNc(1,M,17,0,"ng-template",1)(2,P,34,1,"ng-template",1)(3,L,4,3,"ng-template",1)(4,_,1,0,"ng-template",1)(5,O,4,1,"ng-template",1),t.qZA(),t._UZ(6,"tour-step-template"))},dependencies:[r.Lq,r.qo,r.nj,c.j,c.V,i.Hn,g.n,g.H,b.R,l.fN,l.v0,u.H,u.L,r.JF,r.c0,x.G,T.e,y.t,A.s,Z.A,I.H,U.v,S.Q,B.w,C.e,N.J],styles:[".popover.custom-tour-class{--bs-popover-arrow-border: #333;--bs-popover-bg: #333;--bs-popover-border-color: #333;--bs-popover-body-color: #eee} .popover.custom-tour-class .progress{color:#6c757d!important} .popover.custom-tour-class .btn-close{filter:invert(1) grayscale(100%) brightness(200%)}app-header[_ngcontent-%COMP%]{margin-top:0}"]})}return n})())}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkngx_ui_tour=self.webpackChunkngx_ui_tour||[]).push([[498],{3498:(D,p,o)=>{o.r(p),o.d(p,{default:()=>E});var d=o(8836),i=o(272),t=o(9212),v=o(7546),c=o(2114),l=o(631),u=o(8689),r=o(4308),f=o(5629),g=o(3584),b=o(7170),x=o(1074),T=o(2444),y=o(1872),A=o(7868),Z=o(3622),I=o(1769),U=o(6798),S=o(8791),B=o(732),C=o(2545),N=o(7765);function M(n,a){if(1&n){const e=t.EpF();t.TgZ(0,"p")(1,"code"),t._uU(2,"ngx-ui-tour"),t.qZA(),t._uU(3," is a UI tour library built for Angular. It's inspired by "),t.TgZ(4,"a",2),t._uU(5,"angular-ui-tour"),t.qZA(),t._uU(6,". "),t.qZA(),t.TgZ(7,"p")(8,"code"),t._uU(9,"TourNgxBootstrapModule"),t.qZA(),t._uU(10," is an implementation of the tour UI that uses "),t.TgZ(11,"a",3),t._uU(12,"NgxBootstrap"),t.qZA(),t._uU(13," popovers to display tour steps. "),t.qZA(),t.TgZ(14,"p")(15,"button",4),t.NdJ("click",function(){t.CHM(e);const m=t.oxw();return t.KtG(m.tourService.start())}),t._uU(16," Start Demo Tour "),t.qZA()()}}function P(n,a){if(1&n&&(t.TgZ(0,"app-header",5),t._uU(1,"Installation"),t.qZA(),t.TgZ(2,"ol")(3,"li")(4,"code"),t._uU(5,"npm install ngx-ui-tour-ngx-bootstrap bootstrap ngx-bootstrap"),t.qZA()(),t.TgZ(6,"li"),t._uU(7," Import "),t.TgZ(8,"code"),t._uU(9,"TourNgxBootstrapModule"),t.qZA(),t._uU(10," into your app module "),t.TgZ(11,"tui-notification",6),t._uU(12," If you are using "),t.TgZ(13,"code"),t._uU(14,"v9"),t.qZA(),t._uU(15," or older, you have to import "),t.TgZ(16,"code"),t._uU(17,"TourNgxBootstrapModule.forRoot()"),t.qZA()()(),t.TgZ(18,"li"),t._uU(19," Make sure "),t.TgZ(20,"code"),t._uU(21,"RouterModule"),t.qZA(),t._uU(22," is imported in your app module "),t.qZA(),t.TgZ(23,"li"),t._uU(24," Add bootstrap SCSS to your "),t.TgZ(25,"code"),t._uU(26,"styles.scss"),t.qZA(),t._uU(27,": "),t._UZ(28,"tui-doc-code",7),t.qZA(),t.TgZ(29,"li"),t._uU(30," Make sure Ngx Bootstrap is "),t.TgZ(31,"a",8),t._uU(32,"installed correctly"),t.qZA()()(),t._UZ(33,"app-usage",9)),2&n){const e=t.oxw();t.xp6(28),t.Q6J("code",e.bootstrapScssImport)}}const k=()=>["top","bottom","left","right","auto","top left","top right","right top","right bottom","bottom right","bottom left","left bottom","left top","start","end","top start","top end","end top","end bottom","bottom end","bottom start","start bottom","start top"];function L(n,a){1&n&&(t.TgZ(0,"app-step-config",10),t._UZ(1,"app-placement-config",11),t.qZA(),t._UZ(2,"app-tour-service-api")(3,"app-events")),2&n&&(t.Q6J("isUseLegacyTitleVisible",!0),t.xp6(1),t.Q6J("values",t.DdM(2,k)))}function _(n,a){1&n&&t._UZ(0,"app-faq")}function O(n,a){if(1&n&&t._UZ(0,"app-hotkeys")(1,"app-defaults")(2,"app-custom-template",12)(3,"app-styling-active-tour-anchor"),2&n){const e=t.oxw();t.xp6(2),t.Q6J("defaultTemplate",e.defaultTemplate)}}const E=(0,d.Ve)((()=>{class n{constructor(){this.tourSteps=[{anchorId:"start.tour",content:"Welcome to the Ngx-UI-Tour tour!",placement:"bottom",title:"Welcome"},{anchorId:"angular-ui-tour",content:"Thanks to angular-ui-tour for the inspiration for the library",title:"angular-ui-tour"},{anchorId:"installation",content:"First, install the library...",title:"Installation",route:"ngx-bootstrap/Setup"},{anchorId:"usage",content:"...then use it.",title:"Usage",route:"ngx-bootstrap/Setup"},{anchorId:"tourService.start",content:"Don't forget to actually start the tour.",title:"Start the tour",route:"ngx-bootstrap/Setup"},{anchorId:"config.anchorId",content:"Every step needs an anchor.",title:"Anchor",route:"ngx-bootstrap/API"},{anchorId:"config.enableBackdrop",content:"You can enable backdrop to highlight active element.",title:"Backdrop",enableBackdrop:!0,route:"ngx-bootstrap/API"},{anchorId:"config.route",content:"Tours can span multiple routes.",title:"Route",route:"ngx-bootstrap/API"},{anchorId:"config.popoverClass",content:"You can add custom popover class.",title:"Custom CSS Class",popoverClass:"custom-tour-class",route:"ngx-bootstrap/API"},{anchorId:"config.placement",content:"Steps can be positioned around an anchor.",title:"Placement",route:"ngx-bootstrap/API"},{anchorId:"config.centerAnchorOnScroll",content:"Enable this config to keep active anchor element centered when possible.",title:"Center active anchor",route:"ngx-bootstrap/API"},{anchorId:"config.smoothScroll",content:'Enable "smoothScroll" option to smoothly scroll to an active element.',title:"Smooth scroll",route:"ngx-bootstrap/API"},{anchorId:"config.buttons.custom",content:"You can set custom step button names",title:"Button Titles",prevBtnTitle:"My Prev",nextBtnTitle:"My Next",endBtnTitle:"My End",route:"ngx-bootstrap/API"},{anchorId:"config.isAsync",content:"Mark your step as async if anchor element is added to DOM with a delay",title:"Wait for async event",route:"ngx-bootstrap/API"},{anchorId:"config.nextOnAnchorClick",content:"Click on the config description to go to the next step",title:"Next on Anchor Click",route:"ngx-bootstrap/API",nextOnAnchorClick:!0},{anchorId:"events",content:"You can subscribe to events",title:"Events",route:"ngx-bootstrap/API"},{anchorId:"hotkeys",content:"Try using the hotkeys to navigate through the tour.",title:"Hotkeys",route:"ngx-bootstrap/Misc"}],this.bootstrapScssImport='@import "bootstrap/scss/bootstrap";',this.defaultTemplate='\r\n \r\n
\r\n \r\n\r\n',this.tourService=(0,t.f3M)(i.QL),this.delayAfterNavigation=(0,t.f3M)(v.h1)}ngOnInit(){this.tourService.initialize(this.tourSteps,{route:"ngx-bootstrap",delayAfterNavigation:this.delayAfterNavigation})}static#t=this.\u0275fac=function(s){return new(s||n)};static#o=this.\u0275cmp=t.Xpm({type:n,selectors:[["app-ngx-bootstrap"]],standalone:!0,features:[t._Bn([(0,f.E)(i.nr)]),t.jDz],decls:7,vars:0,consts:[["header","Ngx Bootstrap","package","ngx-ui-tour-ngx-bootstrap"],["pageTab",""],["tuiLink","","target","_blank","tourAnchor","angular-ui-tour","href","http://benmarch.github.io/angular-ui-tour"],["tuiLink","","href","https://github.com/valor-software/ngx-bootstrap","rel","nofollow","target","_blank"],["tuiButton","","type","button","tourAnchor","start.tour",3,"click"],["tourAnchor","installation","id","installation"],[1,"tui-space_top-3"],["filename","styles.scss",3,"code"],["tuiLink","","href","https://valor-software.com/ngx-bootstrap/#/documentation#installation","target","_blank"],["moduleName","TourNgxBootstrapModule"],[3,"isUseLegacyTitleVisible"],["value","auto","extraInfo","Accepts Popover placement options.",3,"values"],[3,"defaultTemplate"]],template:function(s,m){1&s&&(t.TgZ(0,"tui-doc-page",0),t.YNc(1,M,17,0,"ng-template",1)(2,P,34,1,"ng-template",1)(3,L,4,3,"ng-template",1)(4,_,1,0,"ng-template",1)(5,O,4,1,"ng-template",1),t.qZA(),t._UZ(6,"tour-step-template"))},dependencies:[r.Lq,r.qo,r.nj,c.j,c.V,i.Hn,g.n,g.H,b.R,l.fN,l.v0,u.H,u.L,r.JF,r.c0,x.G,T.e,y.t,A.s,Z.A,I.H,U.v,S.Q,B.w,C.e,N.J],styles:[".popover.custom-tour-class{--bs-popover-arrow-border: #333;--bs-popover-bg: #333;--bs-popover-border-color: #333;--bs-popover-body-color: #eee} .popover.custom-tour-class .progress{color:#6c757d!important} .popover.custom-tour-class .btn-close{filter:invert(1) grayscale(100%) brightness(200%)}app-header[_ngcontent-%COMP%]{margin-top:0}"]})}return n})())}}]);
\ No newline at end of file
diff --git a/545.658cafcac9908165.js b/545.d4e3cc7570d5245b.js
similarity index 57%
rename from 545.658cafcac9908165.js
rename to 545.d4e3cc7570d5245b.js
index 2a2e7fd8..22e740ff 100644
--- a/545.658cafcac9908165.js
+++ b/545.d4e3cc7570d5245b.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkngx_ui_tour=self.webpackChunkngx_ui_tour||[]).push([[545],{7545:(D,s,n)=>{n.r(s),n.d(s,{default:()=>L});var d=n(8836),t=n(9212),r=n(2018),g=n(7546),c=n(2114),l=n(631),p=n(8689),u=n(4308),v=n(5629),f=n(1603),T=n(2666),I=n(1074),A=n(2444),y=n(1872),Z=n(7868),x=n(3622),U=n(1769),S=n(6798),b=n(8791),C=n(732),H=n(2545),M=n(7765);function P(e,i){if(1&e){const o=t.EpF();t.TgZ(0,"p")(1,"code"),t._uU(2,"ngx-ui-tour"),t.qZA(),t._uU(3," is a UI tour library built for Angular. It's inspired by "),t.TgZ(4,"a",2),t._uU(5,"angular-ui-tour"),t.qZA(),t._uU(6,". "),t.qZA(),t.TgZ(7,"p")(8,"code"),t._uU(9,"TourTuiHintModule"),t.qZA(),t._uU(10," is an implementation of the tour UI that uses "),t.TgZ(11,"a",3),t._uU(12,"Taiga UI"),t.qZA(),t._uU(13," Hint to display tour steps. "),t.qZA(),t.TgZ(14,"p")(15,"button",4),t.NdJ("click",function(){t.CHM(o);const h=t.oxw();return t.KtG(h.start())}),t._uU(16," Start Demo Tour "),t.qZA()()}}function k(e,i){1&e&&(t.TgZ(0,"app-header",5),t._uU(1,"Installation"),t.qZA(),t.TgZ(2,"ol")(3,"li")(4,"code"),t._uU(5,"npm install ngx-ui-tour-tui-hint @taiga-ui/core @taiga-ui/cdk @taiga-ui/icons"),t.qZA()(),t.TgZ(6,"li"),t._uU(7," Import "),t.TgZ(8,"code"),t._uU(9,"TourTuiHintModule"),t.qZA(),t._uU(10," into your app module "),t.TgZ(11,"tui-notification",6),t._uU(12," If you are using "),t.TgZ(13,"code"),t._uU(14,"v3"),t.qZA(),t._uU(15," or older, you have to import "),t.TgZ(16,"code"),t._uU(17,"TourTuiHintModule.forRoot()"),t.qZA()()(),t.TgZ(18,"li"),t._uU(19," Make sure "),t.TgZ(20,"code"),t._uU(21,"RouterModule"),t.qZA(),t._uU(22," is imported in your app module "),t.qZA(),t.TgZ(23,"li"),t._uU(24," Make sure Taiga UI is "),t.TgZ(25,"a",7),t._uU(26,"installed correctly"),t.qZA()()(),t._UZ(27,"app-usage",8))}function B(e,i){if(1&e&&(t.TgZ(0,"app-step-config"),t._UZ(1,"app-placement-config",9),t.qZA(),t._UZ(2,"app-tour-service-api")(3,"app-events")),2&e){const o=t.oxw();t.xp6(1),t.Q6J("values",o.hintPlacements)}}function N(e,i){1&e&&t._UZ(0,"app-faq",10)}function O(e,i){if(1&e&&t._UZ(0,"app-hotkeys")(1,"app-defaults")(2,"app-custom-template",11)(3,"app-styling-active-tour-anchor"),2&e){const o=t.oxw();t.xp6(2),t.Q6J("defaultTemplate",o.defaultTemplate)}}const L=(0,d.Ve)((()=>{class e{constructor(){this.tourSteps=[{anchorId:"start.tour",content:"Welcome to the Ngx-UI-Tour tour!",title:"Welcome"},{anchorId:"angular-ui-tour",content:"Thanks to angular-ui-tour for the inspiration for the library",title:"angular-ui-tour"},{anchorId:"installation",content:"First, install the library...",title:"Installation",route:"tui-hint/Setup"},{anchorId:"usage",content:"...then use it.",title:"Usage",route:"tui-hint/Setup"},{anchorId:"tourService.start",content:"Don't forget to actually start the tour.",title:"Start the tour",route:"tui-hint/Setup"},{anchorId:"config.anchorId",content:"Every step needs an anchor.",title:"Anchor",route:"tui-hint/API"},{anchorId:"config.enableBackdrop",content:"You can enable backdrop to highlight active element.",title:"Backdrop",enableBackdrop:!0,route:"tui-hint/API"},{anchorId:"config.route",content:"Tours can span multiple routes.",title:"Route",route:"tui-hint/API"},{anchorId:"config.placement",content:"Steps can be positioned around an anchor.",title:"Placement",route:"tui-hint/API"},{anchorId:"config.centerAnchorOnScroll",content:"Enable this config to keep active anchor element centered when possible.",title:"Center active anchor",route:"tui-hint/API"},{anchorId:"config.smoothScroll",content:'Enable "smoothScroll" option to smoothly scroll to an active element.',title:"Smooth scroll",route:"tui-hint/API"},{anchorId:"config.buttons.custom",content:"You can set custom step button names",title:"Button Titles",prevBtnTitle:"My Prev",nextBtnTitle:"My Next",endBtnTitle:"My End",route:"tui-hint/API",stepDimensions:{maxWidth:"340px"}},{anchorId:"config.isAsync",content:"Mark your step as async if anchor element is added to DOM with a delay",title:"Wait for async event",route:"tui-hint/API"},{anchorId:"config.nextOnAnchorClick",content:"Click on the config description to go to the next step",title:"Next on Anchor Click",route:"tui-hint/API",nextOnAnchorClick:!0},{anchorId:"events",content:"You can subscribe to events",title:"Events",route:"tui-hint/API"},{anchorId:"hotkeys",content:"Try using the hotkeys to navigate through the tour.",title:"Hotkeys",route:"tui-hint/Misc"}],this.defaultTemplate='\r\n \r\n
\r\n \r\n\r\n',this.hintPlacements=["top-left","top","top-right","bottom-left","bottom","bottom-right","left-top","left","left-bottom","right-top","right","right-bottom"],this.tourService=(0,t.f3M)(r.QL),this.delayAfterNavigation=(0,t.f3M)(g.h1)}ngOnInit(){this.tourService.initialize(this.tourSteps,{route:"tui-hint",delayAfterNavigation:this.delayAfterNavigation})}start(){this.tourService.start()}static#t=this.\u0275fac=function(a){return new(a||e)};static#n=this.\u0275cmp=t.Xpm({type:e,selectors:[["app-tui-hint"]],standalone:!0,features:[t._Bn([(0,v.E)(r.C5)]),t.jDz],decls:7,vars:0,consts:[["header","Taiga UI Hint","package","ngx-ui-tour-tui-hint"],["pageTab",""],["tuiLink","","target","_blank","tourAnchor","angular-ui-tour","href","http://benmarch.github.io/angular-ui-tour"],["tuiLink","","href","https://taiga-ui.dev","target","_blank"],["tuiButton","","type","button","tourAnchor","start.tour",3,"click"],["tourAnchor","installation","id","installation"],[1,"tui-space_top-3"],["tuiLink","","href","https://taiga-ui.dev/getting-started","target","_blank"],["moduleName","TourTuiHintModule"],["value","bottom-right","extraInfo","Accepts HintManual direction options.",3,"values"],["disablePageScrollingIntroducedIn","4.1"],[3,"defaultTemplate"]],template:function(a,h){1&a&&(t.TgZ(0,"tui-doc-page",0),t.YNc(1,P,17,0,"ng-template",1)(2,k,28,0,"ng-template",1)(3,B,4,1,"ng-template",1)(4,N,1,0,"ng-template",1)(5,O,4,1,"ng-template",1),t.qZA(),t._UZ(6,"tour-step-template"))},dependencies:[u.Lq,u.qo,u.nj,c.j,c.V,r.wx,f.R,T.C,l.fN,l.v0,p.H,p.L,I.G,A.e,y.t,Z.s,x.A,U.H,S.v,b.Q,C.w,H.e,M.J],styles:["app-header[_ngcontent-%COMP%]{margin-top:0}"]})}return e})())}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkngx_ui_tour=self.webpackChunkngx_ui_tour||[]).push([[545],{7545:(D,s,n)=>{n.r(s),n.d(s,{default:()=>L});var g=n(8836),t=n(9212),a=n(2018),d=n(7546),c=n(2114),l=n(631),p=n(8689),u=n(4308),v=n(5629),f=n(1603),T=n(2666),I=n(1074),A=n(2444),y=n(1872),Z=n(7868),x=n(3622),U=n(1769),S=n(6798),b=n(8791),C=n(732),H=n(2545),P=n(7765);function M(e,i){if(1&e){const o=t.EpF();t.TgZ(0,"p")(1,"code"),t._uU(2,"ngx-ui-tour"),t.qZA(),t._uU(3," is a UI tour library built for Angular. It's inspired by "),t.TgZ(4,"a",2),t._uU(5,"angular-ui-tour"),t.qZA(),t._uU(6,". "),t.qZA(),t.TgZ(7,"p")(8,"code"),t._uU(9,"TourTuiHintModule"),t.qZA(),t._uU(10," is an implementation of the tour UI that uses "),t.TgZ(11,"a",3),t._uU(12,"Taiga UI"),t.qZA(),t._uU(13," Hint to display tour steps. "),t.qZA(),t.TgZ(14,"p")(15,"button",4),t.NdJ("click",function(){t.CHM(o);const h=t.oxw();return t.KtG(h.start())}),t._uU(16," Start Demo Tour "),t.qZA()()}}function k(e,i){1&e&&(t.TgZ(0,"app-header",5),t._uU(1,"Installation"),t.qZA(),t.TgZ(2,"ol")(3,"li")(4,"code"),t._uU(5,"npm install ngx-ui-tour-tui-hint @taiga-ui/core @taiga-ui/cdk @taiga-ui/icons"),t.qZA()(),t.TgZ(6,"li"),t._uU(7," Import "),t.TgZ(8,"code"),t._uU(9,"TourTuiHintModule"),t.qZA(),t._uU(10," into your app module "),t.TgZ(11,"tui-notification",6),t._uU(12," If you are using "),t.TgZ(13,"code"),t._uU(14,"v3"),t.qZA(),t._uU(15," or older, you have to import "),t.TgZ(16,"code"),t._uU(17,"TourTuiHintModule.forRoot()"),t.qZA()()(),t.TgZ(18,"li"),t._uU(19," Make sure "),t.TgZ(20,"code"),t._uU(21,"RouterModule"),t.qZA(),t._uU(22," is imported in your app module "),t.qZA(),t.TgZ(23,"li"),t._uU(24," Make sure Taiga UI is "),t.TgZ(25,"a",7),t._uU(26,"installed correctly"),t.qZA()()(),t._UZ(27,"app-usage",8))}function B(e,i){if(1&e&&(t.TgZ(0,"app-step-config"),t._UZ(1,"app-placement-config",9),t.qZA(),t._UZ(2,"app-tour-service-api")(3,"app-events")),2&e){const o=t.oxw();t.xp6(1),t.Q6J("values",o.hintPlacements)}}function N(e,i){1&e&&t._UZ(0,"app-faq",10)}function O(e,i){if(1&e&&t._UZ(0,"app-hotkeys")(1,"app-defaults")(2,"app-custom-template",11)(3,"app-styling-active-tour-anchor"),2&e){const o=t.oxw();t.xp6(2),t.Q6J("defaultTemplate",o.defaultTemplate)}}const L=(0,g.Ve)((()=>{class e{constructor(){this.tourSteps=[{anchorId:"start.tour",content:"Welcome to the Ngx-UI-Tour tour!",title:"Welcome"},{anchorId:"angular-ui-tour",content:"Thanks to angular-ui-tour for the inspiration for the library",title:"angular-ui-tour"},{anchorId:"installation",content:"First, install the library...",title:"Installation",route:"tui-hint/Setup"},{anchorId:"usage",content:"...then use it.",title:"Usage",route:"tui-hint/Setup"},{anchorId:"tourService.start",content:"Don't forget to actually start the tour.",title:"Start the tour",route:"tui-hint/Setup"},{anchorId:"config.anchorId",content:"Every step needs an anchor.",title:"Anchor",route:"tui-hint/API"},{anchorId:"config.enableBackdrop",content:"You can enable backdrop to highlight active element.",title:"Backdrop",enableBackdrop:!0,route:"tui-hint/API"},{anchorId:"config.route",content:"Tours can span multiple routes.",title:"Route",route:"tui-hint/API"},{anchorId:"config.placement",content:"Steps can be positioned around an anchor.",title:"Placement",route:"tui-hint/API"},{anchorId:"config.centerAnchorOnScroll",content:"Enable this config to keep active anchor element centered when possible.",title:"Center active anchor",route:"tui-hint/API"},{anchorId:"config.smoothScroll",content:'Enable "smoothScroll" option to smoothly scroll to an active element.',title:"Smooth scroll",route:"tui-hint/API"},{anchorId:"config.buttons.custom",content:"You can set custom step button names",title:"Button Titles",prevBtnTitle:"My Prev",nextBtnTitle:"My Next",endBtnTitle:"My End",route:"tui-hint/API",stepDimensions:{maxWidth:"340px"}},{anchorId:"config.isAsync",content:"Mark your step as async if anchor element is added to DOM with a delay",title:"Wait for async event",route:"tui-hint/API"},{anchorId:"config.nextOnAnchorClick",content:"Click on the config description to go to the next step",title:"Next on Anchor Click",route:"tui-hint/API",nextOnAnchorClick:!0},{anchorId:"events",content:"You can subscribe to events",title:"Events",route:"tui-hint/API"},{anchorId:"hotkeys",content:"Try using the hotkeys to navigate through the tour.",title:"Hotkeys",route:"tui-hint/Misc"}],this.defaultTemplate='\r\n \r\n