Limit the maximum visible page numbers
",outlet:v},{title:"Centering the active page link",anchor:"pagination-rotate",component:o(54363),html:o(7275),description:"Set current page link to center
",outlet:B},{title:"Content switching",anchor:"content-switching",component:o(81588),html:o(27700),outlet:L},{title:"Pager",anchor:"pagination-pager",component:o(43528),html:o(55e3),outlet:x},{title:"Custom Template",anchor:"custom-template",description:"\n\n It is possible to customize what exactly is displayed in each pagination link. To overwrite default\n templates use these inputs:\n
- \n
customPageTemplate\n customNextTemplate\n customPreviousTemplate\n customFirstTemplate\n customLastTemplate\n
PaginationLinkContext is available for all\n templates and for page numbers there is a PaginationNumberLinkContext that\n contains the page number.\n \n ",component:o(31836),html:o(19180),outlet:R}]},{name:"Installation",anchor:"api-reference",tabName:"api",outlet:h.Mg,usage:o(4253),importInfo:'ng add ngx-bootstrap --component pagination',content:[{title:"PaginationComponent",anchor:"pagination-component",outlet:h.r2},{title:"PagerComponent",anchor:"pager-component",outlet:h.r2},{title:"PaginationConfig",anchor:"pagination-config",outlet:h.TJ},{title:"PaginationLinkContext",anchor:"pagination-link-context",outlet:h.TJ},{title:"PaginationNumberLinkContext",anchor:"pagination-number-link-context",outlet:h.TJ},{title:"PagesModel",anchor:"pagination-models",outlet:h.TJ}]},{name:"Examples",anchor:"examples",tabName:"examples",outlet:h.xK,description:"On small screens bootstrap4 pagination can be cropped
",content:[{title:"Basic",anchor:"basic-ex",outlet:_},{title:"Manual switching page",anchor:"manual-switching-ex",outlet:y},{title:"Page changed event",anchor:"page-changed-event-ex",outlet:k},{title:"Pages count changed event",anchor:"pages-count-changed-ex",outlet:D},{title:"Boundary links",anchor:"boundary-links-ex",outlet:I},{title:"Direction links",anchor:"direction-links-ex",outlet:F},{title:"Custom links content",anchor:"custom-links-content-ex",outlet:E},{title:"Disabled",anchor:"pagination-disabled-ex",outlet:S},{title:"Limits",anchor:"pagination-limit-ex",outlet:v},{title:"Centering the active page link",anchor:"pagination-rotate-ex",outlet:B},{title:"Content switching",anchor:"content-switching-ex",outlet:L},{title:"Pager",anchor:"pagination-pager-ex",outlet:x},{title:"Custom Template",anchor:"custom-template-ex",outlet:R}]}];var mt=o(86223),ct=o(52439);let M=(()=>{class n{constructor(){this.name="Pagination",this.src="https://github.com/valor-software/ngx-bootstrap/tree/development/src/pagination",this.componentContent=rt}static#t=this.\u0275fac=function(a){return new(a||n)};static#e=this.\u0275cmp=t.VBU({type:n,selectors:[["pagination-section"]],decls:12,vars:4,consts:[[3,"name","src","componentContent"],[3,"content"]],template:function(a,i){1&a&&(t.j41(0,"demo-section",0)(1,"p")(2,"strong"),t.EFF(3,"Pagination"),t.k0s(),t.EFF(4," - provide pagination links for your site or app with the multi-page pagination component, or the simpler pager alternative."),t.k0s(),t.j41(5,"p")(6,"strong"),t.EFF(7,"Pager"),t.k0s(),t.EFF(8," - quick previous and next links for simple pagination implementations with light markup and styles. It's great for simple sites like blogs or magazines."),t.k0s(),t.j41(9,"p"),t.EFF(10,"The easiest way to add the pagination component to your app (will be added to the root module)"),t.k0s(),t.nrm(11,"docs-section",1),t.k0s()),2&a&&(t.Y8G("name",i.name)("src",i.src)("componentContent",i.componentContent),t.R7$(11),t.Y8G("content",i.componentContent))},dependencies:[mt.q,ct.C],encapsulation:2,changeDetection:0})}return n})();const pt=[{path:"",component:M}];let ut=(()=>{class n{static#t=this.\u0275fac=function(a){return new(a||n)};static#e=this.\u0275mod=t.$C({type:n});static#n=this.\u0275inj=t.G2t({imports:[Q,g.MD,d.YN,h.ky,A.iI.forChild(pt)]})}return n})()},31324:(c,s,o)=>{o.r(s),o.d(s,{default:()=>g});const g='\n
\n\n\n'},14790:(c,s,o)=>{o.r(s),o.d(s,{default:()=>g});const g="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-pagination-boundary-links',\n templateUrl: './boundary-links.html'\n})\nexport class DemoPaginationBoundaryLinksComponent {\n showBoundaryLinks = true;\n}\n"},27700:(c,s,o)=>{o.r(s),o.d(s,{default:()=>g});const g='\n
\n\n
\n'},81588:(c,s,o)=>{o.r(s),o.d(s,{default:()=>g});const g="import { Component, OnInit } from '@angular/core';\nimport { PageChangedEvent } from 'ngx-bootstrap/pagination';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-pagination-content-switching',\n templateUrl: './content-switching.html',\n styles: [`\n .content-wrapper {\n border: 1px solid #ddd;\n border-radius: 4px;\n padding-left: 10px;\n margin-bottom: 10px;\n }\n `]\n})\nexport class DemoPaginationContentSwitchingComponent implements OnInit {\n contentArray = new Array(90).fill('');\n returnedArray?: string[];\n\n ngOnInit(): void {\n this.contentArray = this.contentArray.map((v: string, i: number) => `Content line ${i + 1}`);\n this.returnedArray = this.contentArray.slice(0, 10);\n }\n\n pageChanged(event: PageChangedEvent): void {\n const startItem = (event.page - 1) * event.itemsPerPage;\n const endItem = event.page * event.itemsPerPage;\n this.returnedArray = this.contentArray.slice(startItem, endItem);\n }\n}\n"},6416:(c,s,o)=>{o.r(s),o.d(s,{default:()=>g});const g='\n
\n\n
\n {{content}}
\n\n
\n\n\n'},29332:(c,s,o)=>{o.r(s),o.d(s,{default:()=>g});const g="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-pagination-direction-links',\n templateUrl: './direction-links.html'\n})\nexport class DemoPaginationDirectionLinksComponent {\n showDirectionLinks = true;\n}\n"},85474:(c,s,o)=>{o.r(s),o.d(s,{default:()=>g});const g='\n
\n\n
\n\n\n'},35486:(c,s,o)=>{o.r(s),o.d(s,{default:()=>g});const g="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-pagination-disabled',\n templateUrl: './disabled.html'\n})\nexport class DemoPaginationDisabledComponent {\n disabled = false;\n\n toggleState(): void {\n this.disabled = !this.disabled;\n }\n}\n"},29656:(c,s,o)=>{o.r(s),o.d(s,{default:()=>g});const g='\n
\n\n
\n\n\n'},15800:(c,s,o)=>{o.r(s),o.d(s,{default:()=>g});const g="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-pagination-manual-switching',\n templateUrl: './manual-switching.html'\n})\nexport class DemoPaginationManualSwitchingComponent {\n totalItems = 64;\n currentPage = 4;\n\n setPage(pageNo: number): void {\n this.currentPage = pageNo;\n }\n}\n"},98296:(c,s,o)=>{o.r(s),o.d(s,{default:()=>g});const g='\n
\n\n
\n\n\n
\n\n Page changed to: {{page}}\n\n'},81384:(c,s,o)=>{o.r(s),o.d(s,{default:()=>g});const g="import { Component } from '@angular/core';\nimport { PageChangedEvent } from 'ngx-bootstrap/pagination';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-pagination-page-changed-event',\n templateUrl: './page-changed-event.html'\n})\nexport class DemoPaginationPageChangedComponent {\n currentPage = 4;\n page?: number;\n\n pageChanged(event: PageChangedEvent): void {\n this.page = event.page;\n }\n}\n"},55e3:(c,s,o)=>{o.r(s),o.d(s,{default:()=>g});const g='\n
\n\n\n \n \n
\n\n
\n'},43528:(c,s,o)=>{o.r(s),o.d(s,{default:()=>g});const g="import { Component, ViewEncapsulation } from '@angular/core';\nimport { PageChangedEvent } from 'ngx-bootstrap/pagination';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-pagination-pager',\n templateUrl: './pager.html',\n styles: ['.pager li.btn:active { box-shadow: none; }'],\n encapsulation: ViewEncapsulation.None\n})\nexport class DemoPaginationPagerComponent {\n totalItems = 64;\n currentPage = 4;\n smallnumPages = 0;\n\n pageChanged(event: PageChangedEvent): void {\n console.log('Page changed to: ' + event.page);\n console.log('Number items per page: ' + event.itemsPerPage);\n }\n}\n"},1896:(c,s,o)=>{o.r(s),o.d(s,{default:()=>g});const g='\n \n \n
\nThe selected page no: {{currentPage}}/{{smallnumPages}}\n'},81496:(c,s,o)=>{o.r(s),o.d(s,{default:()=>g});const g="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-pagination-pages-count-changed',\n templateUrl: './pages-count-changed.html'\n})\nexport class DemoPaginationPagesCountChangedComponent {\n currentPage = 4;\n smallnumPages = 0;\n}\n"},7275:(c,s,o)=>{o.r(s),o.d(s,{default:()=>g});const g='\n
\n\n\n'},54363:(c,s,o)=>{o.r(s),o.d(s,{default:()=>g});const g="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-pagination-rotate',\n templateUrl: './rotate.html'\n})\nexport class DemoPaginationRotateComponent {\n rotate = true;\n maxSize = 5;\n status = \"ON\";\n\n toggleBtn() : void {\n this.rotate = !this.rotate;\n this.status = this.rotate ? \"ON\" : \"OFF\";\n }\n}\n"},4253:(c,s,o)=>{o.r(s),o.d(s,{default:()=>g});const g="### Standalone component usage\nimport { PaginationModule } from 'ngx-bootstrap/pagination';\n\n@Component({\n standalone: true,\n imports: [PaginationModule,...],\n})\nexport class AppComponent(){}\n\n### Module usage\nimport { PaginationModule } from 'ngx-bootstrap/pagination';\n\n@NgModule({\n imports: [PaginationModule,...]\n})\nexport class AppModule(){}\n"}}]);
\ No newline at end of file
diff --git a/304.93cd58df19aef522.js b/304.93cd58df19aef522.js
new file mode 100644
index 0000000000..6a82bf9607
--- /dev/null
+++ b/304.93cd58df19aef522.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkngx_bootstrap_docs=self.webpackChunkngx_bootstrap_docs||[]).push([[304],{97304:(a,e,o)=>{o.r(e),o.d(e,{DemoPopoverModule:()=>J,PopoverSectionComponent:()=>G});var p=o(60177),u=o(84341),S=o(8681),g=o(71432),m=o(37472),t=o(54438),i=o(64458);let f=(()=>{class n{static#t=this.\u0275fac=function(s){return new(s||n)};static#o=this.\u0275cmp=t.VBU({type:n,selectors:[["demo-popover-adaptive-position"]],decls:4,vars:4,consts:[["type","button","popoverTitle","Popover on top","placement","top",1,"btn","btn-default","btn-secondary",3,"popover","adaptivePosition"],["type","button","popoverTitle","Popover on right","placement","right",1,"btn","btn-default","btn-secondary",3,"popover","adaptivePosition"]],template:function(s,r){1&s&&(t.j41(0,"button",0),t.EFF(1," Popover on top\n"),t.k0s(),t.j41(2,"button",1),t.EFF(3," Popover on right\n"),t.k0s()),2&s&&(t.Y8G("popover","Vivamus sagittis lacus vel augue laoreet rutrum faucibus.")("adaptivePosition",!1),t.R7$(2),t.Y8G("popover","Vivamus sagittis lacus vel augue laoreet rutrum faucibus.")("adaptivePosition",!1))},dependencies:[i.H],encapsulation:2})}return n})(),h=(()=>{class n{static#t=this.\u0275fac=function(s){return new(s||n)};static#o=this.\u0275cmp=t.VBU({type:n,selectors:[["demo-popover-basic"]],decls:2,vars:1,consts:[["type","button",1,"btn","btn-primary",3,"popover"]],template:function(s,r){1&s&&(t.j41(0,"button",0),t.EFF(1," Live demo\n"),t.k0s()),2&s&&t.Y8G("popover","Vivamus sagittis lacus vel augue laoreet rutrum faucibus.")},dependencies:[i.H],encapsulation:2})}return n})(),y=(()=>{class n{constructor(){this.isOpen=!1}static#t=this.\u0275fac=function(s){return new(s||n)};static#o=this.\u0275cmp=t.VBU({type:n,selectors:[["demo-popover-trigger-by-isopen"]],decls:5,vars:2,consts:[["triggers","",3,"popover","isOpen"],["type","button",1,"btn","btn-primary",3,"click"]],template:function(s,r){1&s&&(t.j41(0,"p")(1,"span",0),t.EFF(2," This text has attached popover "),t.k0s()(),t.j41(3,"button",1),t.bIt("click",function(){return r.isOpen=!r.isOpen}),t.EFF(4," Toggle\n"),t.k0s()),2&s&&(t.R7$(),t.Y8G("popover","Hello there! I was triggered by changing isOpen property")("isOpen",r.isOpen))},dependencies:[i.H],encapsulation:2})}return n})(),P=(()=>{class n{static#t=this.\u0275fac=function(s){return new(s||n)};static#o=this.\u0275cmp=t.VBU({type:n,selectors:[["demo-popover-class"]],decls:2,vars:1,consts:[["type","button","containerClass","customClass",1,"btn","btn-primary",3,"popover"]],template:function(s,r){1&s&&(t.j41(0,"button",0),t.EFF(1," Custom class demo\n"),t.k0s()),2&s&&t.Y8G("popover","Vivamus sagittis lacus vel augue laoreet rutrum faucibus.")},dependencies:[i.H],encapsulation:2})}return n})();function K(){return Object.assign(new g.as,{placement:"right",container:"body",triggers:"focus",delay:500})}let C=(()=>{class n{static#t=this.\u0275fac=function(s){return new(s||n)};static#o=this.\u0275cmp=t.VBU({type:n,selectors:[["demo-popover-config"]],features:[t.Jv_([{provide:g.as,useFactory:K}])],decls:2,vars:1,consts:[["type","button",1,"btn","btn-primary",3,"popover"]],template:function(s,r){1&s&&(t.j41(0,"button",0),t.EFF(1," Preconfigured popover\n"),t.k0s()),2&s&&t.Y8G("popover","Vivamus sagittis lacus vel augue laoreet rutrum faucibus.")},dependencies:[i.H],encapsulation:2})}return n})(),T=(()=>{class n{static#t=this.\u0275fac=function(s){return new(s||n)};static#o=this.\u0275cmp=t.VBU({type:n,selectors:[["demo-popover-container"]],decls:6,vars:2,consts:[[1,"row","panel",2,"position","relative","overflow","hidden"],[1,"card-block","panel-body"],["type","button",1,"btn","btn-danger",3,"popover"],["type","button","container","body",1,"btn","btn-success",3,"popover"]],template:function(s,r){1&s&&(t.j41(0,"div",0)(1,"div",1)(2,"button",2),t.EFF(3," Default popover "),t.k0s(),t.j41(4,"button",3),t.EFF(5," Popover appended to body "),t.k0s()()()),2&s&&(t.R7$(2),t.Y8G("popover","Vivamus sagittis lacus vel augue laoreet rutrum faucibus."),t.R7$(2),t.Y8G("popover","Vivamus sagittis lacus vel augue laoreet rutrum faucibus."))},dependencies:[i.H],encapsulation:2})}return n})();function X(n,d){1&n&&t.EFF(0),2&n&&t.JRh(d.message)}let E=(()=>{class n{constructor(){this.context={message:"Hello there!"}}static#t=this.\u0275fac=function(s){return new(s||n)};static#o=this.\u0275cmp=t.VBU({type:n,selectors:[["demo-popover-context"]],decls:4,vars:2,consts:[["popTemplate",""],["type","button",1,"btn","btn-primary",3,"popover","popoverContext"]],template:function(s,r){if(1&s&&(t.DNE(0,X,1,1,"ng-template",null,0,t.C5r),t.j41(2,"button",1),t.EFF(3," Open popover with custom context\n"),t.k0s()),2&s){const c=t.sdS(1);t.R7$(2),t.Y8G("popover",c)("popoverContext",r.context)}},dependencies:[i.H],encapsulation:2})}return n})();function Y(n,d){if(1&n&&t.EFF(0),2&n){const l=t.XpG();t.SpI("Just another: ",l.content,"")}}let D=(()=>{class n{constructor(){this.title="Welcome word",this.content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."}static#t=this.\u0275fac=function(s){return new(s||n)};static#o=this.\u0275cmp=t.VBU({type:n,selectors:[["demo-popover-custom-content"]],decls:4,vars:1,consts:[["popTemplate",""],["type","button","popoverTitle","Template ref content inside",1,"btn","btn-warning",3,"popover"]],template:function(s,r){if(1&s&&(t.DNE(0,Y,1,1,"ng-template",null,0,t.C5r),t.j41(2,"button",1),t.EFF(3," TemplateRef binding\n"),t.k0s()),2&s){const c=t.sdS(1);t.R7$(2),t.Y8G("popover",c)}},dependencies:[i.H],encapsulation:2})}return n})(),F=(()=>{class n{static#t=this.\u0275fac=function(s){return new(s||n)};static#o=this.\u0275cmp=t.VBU({type:n,selectors:[["demo-popover-delay"]],decls:2,vars:2,consts:[["type","button",1,"btn","btn-primary",3,"popover","delay"]],template:function(s,r){1&s&&(t.j41(0,"button",0),t.EFF(1," Popover with 0.5sec delay\n"),t.k0s()),2&s&&t.Y8G("popover","Vivamus sagittis lacus vel augue laoreet rutrum faucibus.")("delay",500)},dependencies:[i.H],encapsulation:2})}return n})(),A=(()=>{class n{static#t=this.\u0275fac=function(s){return new(s||n)};static#o=this.\u0275cmp=t.VBU({type:n,selectors:[["demo-popover-dismiss"]],decls:2,vars:1,consts:[["type","button","popoverTitle","Dismissible popover","triggers","focus",1,"btn","btn-success",3,"popover"]],template:function(s,r){1&s&&(t.j41(0,"button",0),t.EFF(1," Dismissible popover\n"),t.k0s()),2&s&&t.Y8G("popover","Vivamus sagittis lacus vel augue laoreet rutrum faucibus.")},dependencies:[i.H],encapsulation:2})}return n})(),O=(()=>{class n{constructor(){this.title="Welcome word",this.content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."}static#t=this.\u0275fac=function(s){return new(s||n)};static#o=this.\u0275cmp=t.VBU({type:n,selectors:[["demo-popover-dynamic"]],decls:2,vars:2,consts:[["type","button",1,"btn","btn-info",3,"popover","popoverTitle"]],template:function(s,r){1&s&&(t.j41(0,"button",0),t.EFF(1," Simple binding\n"),t.k0s()),2&s&&t.Y8G("popover",r.content)("popoverTitle",r.title)},dependencies:[i.H],encapsulation:2})}return n})();function M(n,d){if(1&n&&(t.EFF(0,"Here we go: "),t.nrm(1,"div",2)),2&n){const l=t.XpG();t.R7$(),t.Y8G("innerHtml",l.html,t.npT)}}let U=(()=>{class n{constructor(){this.html='Never trust not sanitized HTML!!!'}static#t=this.\u0275fac=function(s){return new(s||n)};static#o=this.\u0275cmp=t.VBU({type:n,selectors:[["demo-popover-dynamic-html"]],decls:4,vars:1,consts:[["popTemplate",""],["type","button","popoverTitle","Dynamic html inside",1,"btn","btn-success",3,"popover"],[3,"innerHtml"]],template:function(s,r){if(1&s&&(t.DNE(0,M,2,1,"ng-template",null,0,t.C5r),t.j41(2,"button",1),t.EFF(3," Show me popover with html\n"),t.k0s()),2&s){const c=t.sdS(1);t.R7$(2),t.Y8G("popover",c)}},dependencies:[i.H],encapsulation:2})}return n})(),B=(()=>{class n{onShown(){this.message="shown"}onHidden(){this.message="hidden"}static#t=this.\u0275fac=function(s){return new(s||n)};static#o=this.\u0275cmp=t.VBU({type:n,selectors:[["demo-popover-events"]],decls:6,vars:2,consts:[["type","button",1,"btn","btn-primary",3,"onShown","onHidden","popover"],[1,"card","card-block","card-header","mb-3"]],template:function(s,r){1&s&&(t.j41(0,"button",0),t.bIt("onShown",function(){return r.onShown()})("onHidden",function(){return r.onHidden()}),t.EFF(1," Live demo\n"),t.k0s(),t.nrm(2,"br")(3,"br"),t.j41(4,"pre",1),t.EFF(5),t.k0s()),2&s&&(t.Y8G("popover","Vivamus sagittis lacus vel augue laoreet rutrum faucibus."),t.R7$(5),t.SpI("Event: ",r.message,""))},dependencies:[i.H],encapsulation:2})}return n})(),x=(()=>{class n{static#t=this.\u0275fac=function(s){return new(s||n)};static#o=this.\u0275cmp=t.VBU({type:n,selectors:[["demo-popover-outside-click"]],decls:2,vars:2,consts:[["type","button",1,"btn","btn-primary",3,"popover","outsideClick"]],template:function(s,r){1&s&&(t.j41(0,"button",0),t.EFF(1," Live demo\n"),t.k0s()),2&s&&t.Y8G("popover","Vivamus sagittis lacus vel augue laoreet rutrum faucibus.")("outsideClick",!0)},dependencies:[i.H],encapsulation:2})}return n})(),V=(()=>{class n{static#t=this.\u0275fac=function(s){return new(s||n)};static#o=this.\u0275cmp=t.VBU({type:n,selectors:[["demo-popover-placement"]],decls:10,vars:5,consts:[["type","button","popoverTitle","Popover on top","placement","top",1,"btn","btn-default","btn-secondary",3,"popover"],["type","button","popoverTitle","Popover on right","placement","right",1,"btn","btn-default","btn-secondary",3,"popover"],["type","button","popoverTitle","Popover auto","placement","auto",1,"btn","btn-default","btn-secondary",3,"popover"],["type","button","popoverTitle","Popover on left","placement","left",1,"btn","btn-default","btn-secondary",3,"popover"],["type","button","popoverTitle","Popover on bottom","placement","bottom",1,"btn","btn-default","btn-secondary",3,"popover"]],template:function(s,r){1&s&&(t.j41(0,"button",0),t.EFF(1," Popover on top\n"),t.k0s(),t.j41(2,"button",1),t.EFF(3," Popover on right\n"),t.k0s(),t.j41(4,"button",2),t.EFF(5," Popover auto\n"),t.k0s(),t.j41(6,"button",3),t.EFF(7," Popover on left\n"),t.k0s(),t.j41(8,"button",4),t.EFF(9," Popover on bottom\n"),t.k0s()),2&s&&(t.Y8G("popover","Vivamus sagittis lacus vel augue laoreet rutrum faucibus."),t.R7$(2),t.Y8G("popover","Vivamus sagittis lacus vel augue laoreet rutrum faucibus."),t.R7$(2),t.Y8G("popover","Vivamus sagittis lacus vel augue laoreet rutrum faucibus."),t.R7$(2),t.Y8G("popover","Vivamus sagittis lacus vel augue laoreet rutrum faucibus."),t.R7$(2),t.Y8G("popover","Vivamus sagittis lacus vel augue laoreet rutrum faucibus."))},dependencies:[i.H],encapsulation:2})}return n})(),R=(()=>{class n{static#t=this.\u0275fac=function(s){return new(s||n)};static#o=this.\u0275cmp=t.VBU({type:n,selectors:[["demo-popover-styling-local"]],decls:2,vars:1,consts:[["type","button",1,"btn","btn-info",3,"popover"]],template:function(s,r){1&s&&(t.j41(0,"button",0),t.EFF(1," I have component level styling\n"),t.k0s()),2&s&&t.Y8G("popover","Vivamus sagittis lacus vel augue laoreet rutrum faucibus.")},dependencies:[i.H],styles:["[_nghost-%COMP%] .popover[_ngcontent-%COMP%]{background-color:#009688;color:#fff}[_nghost-%COMP%] .popover[_ngcontent-%COMP%] > .arrow[_ngcontent-%COMP%]:after{border-top-color:#009688}"]})}return n})(),H=(()=>{class n{static#t=this.\u0275fac=function(s){return new(s||n)};static#o=this.\u0275cmp=t.VBU({type:n,selectors:[["demo-popover-triggers-custom"]],decls:9,vars:3,consts:[[1,"row"],[1,"col-md-2"],["type","button","triggers","mouseenter:mouseleave",1,"btn","btn-info",3,"popover"],["type","button","triggers","dblclick",1,"btn","btn-info",3,"popover"],[1,"col-md-3"],["type","text","placeholder","Show popover on input change","triggers","keypress:focusout",1,"form-control",3,"popover"]],template:function(s,r){1&s&&(t.j41(0,"div",0)(1,"div",1)(2,"button",2),t.EFF(3," Hover over me! "),t.k0s()(),t.j41(4,"div",1)(5,"button",3),t.EFF(6," Double click me! "),t.k0s()(),t.j41(7,"div",4),t.nrm(8,"input",5),t.k0s()()),2&s&&(t.R7$(2),t.Y8G("popover","I will hide on blur"),t.R7$(3),t.Y8G("popover","Double click one more time"),t.R7$(3),t.Y8G("popover","I will hide on blur"))},dependencies:[i.H],encapsulation:2})}return n})(),L=(()=>{class n{static#t=this.\u0275fac=function(s){return new(s||n)};static#o=this.\u0275cmp=t.VBU({type:n,selectors:[["demo-popover-triggers-manual"]],decls:10,vars:1,consts:[["pop","bs-popover"],["triggers","",3,"popover"],["type","button",1,"btn","btn-success",3,"click"],["type","button",1,"btn","btn-warning",3,"click"],["type","button",1,"btn","btn-info",3,"click"]],template:function(s,r){if(1&s){const c=t.RV6();t.j41(0,"p")(1,"span",1,0),t.EFF(3," This text has attached popover "),t.k0s()(),t.j41(4,"button",2),t.bIt("click",function(){t.eBV(c);const b=t.sdS(2);return t.Njj(b.show())}),t.EFF(5," Show\n"),t.k0s(),t.j41(6,"button",3),t.bIt("click",function(){t.eBV(c);const b=t.sdS(2);return t.Njj(b.hide())}),t.EFF(7," Hide\n"),t.k0s(),t.j41(8,"button",4),t.bIt("click",function(){t.eBV(c);const b=t.sdS(2);return t.Njj(b.toggle())}),t.EFF(9," Toggle\n"),t.k0s()}2&s&&(t.R7$(),t.Y8G("popover","Hello there! I was triggered manually"))},dependencies:[i.H],encapsulation:2})}return n})();function w(n,d){if(1&n&&(t.j41(0,"option",3),t.EFF(1),t.k0s()),2&n){const l=d.$implicit;t.Y8G("value",l),t.R7$(),t.SpI(" ",l," ")}}let j=(()=>{class n{constructor(){this.placements=["top left","top right","right top","right bottom","bottom right","bottom left","left bottom","left top"],this.placement="top left"}static#t=this.\u0275fac=function(s){return new(s||n)};static#o=this.\u0275cmp=t.VBU({type:n,selectors:[["demo-popover-corner-placement"]],decls:5,vars:6,consts:[[1,"form-control",3,"ngModelChange","ngModel"],[3,"value",4,"ngFor","ngForOf"],["type","button",1,"btn","btn-default","btn-secondary",3,"popover","popoverTitle","placement"],[3,"value"]],template:function(s,r){1&s&&(t.j41(0,"p")(1,"select",0),t.mxI("ngModelChange",function(v){return t.DH7(r.placement,v)||(r.placement=v),v}),t.DNE(2,w,2,2,"option",1),t.k0s()(),t.j41(3,"button",2),t.EFF(4),t.k0s()),2&s&&(t.R7$(),t.R50("ngModel",r.placement),t.R7$(),t.Y8G("ngForOf",r.placements),t.R7$(),t.Y8G("popover","Vivamus sagittis lacus vel augue laoreet rutrum faucibus.")("popoverTitle","Popover on "+r.placement)("placement",r.placement),t.R7$(),t.SpI(" ","Popover on "+r.placement,"\n"))},dependencies:[p.Sq,u.xH,u.y7,u.wz,u.BC,u.vS,i.H],encapsulation:2})}return n})(),W=(()=>{class n{static#t=this.\u0275fac=function(s){return new(s||n)};static#o=this.\u0275cmp=t.VBU({type:n,selectors:[["demo-popover-adaptive-position-overflow-boundary"]],decls:6,vars:4,consts:[[1,"container"],[1,"btn-padding"],["type","button","popoverTitle","Popover on top","container","body","boundariesElement","viewport","placement","top",1,"btn","btn-default","btn-secondary",3,"popover","adaptivePosition"],["type","button","popoverTitle","Popover on bottom","container","body","boundariesElement","viewport","placement","bottom",1,"btn","btn-default","btn-secondary",3,"popover","adaptivePosition"]],template:function(s,r){1&s&&(t.j41(0,"div",0)(1,"div",1)(2,"button",2),t.EFF(3," Popover on top "),t.k0s(),t.j41(4,"button",3),t.EFF(5," Popover on bottom "),t.k0s()()()),2&s&&(t.R7$(2),t.Y8G("popover","Vivamus sagittis lacus vel augue laoreet rutrum faucibus.")("adaptivePosition",!0),t.R7$(2),t.Y8G("popover","Vivamus sagittis lacus vel augue laoreet rutrum faucibus.")("adaptivePosition",!0))},dependencies:[i.H],styles:[".container[_ngcontent-%COMP%]{height:100px;overflow:auto}.btn-padding[_ngcontent-%COMP%]{padding:15px}"]})}return n})();const I=[{name:"Overview",anchor:"overview",tabName:"overview",outlet:m.xK,content:[{title:"Basic",anchor:"basic",component:o(54503),html:o(76639),outlet:h},{title:"Placement",anchor:"placement",component:o(92307),html:o(81003),description:"\n
\nFour base positioning options are available: top, right,\n bottom, and left.\n Besides that, auto option may be used to detect a position that fits the component on screen.
Placement property of a popover can contain "corner placement" specifier following the base positioning.\n Thus, in addition to the four base positioning options, namely top, right,\n bottom, and left, eight more positioning options are available: top left, top right,\n right top, right bottom, bottom right, bottom left, left bottom, and left top.',component:o(28587),html:o(96083),outlet:j},{title:"Disable adaptive position",anchor:"adaptive-position",description:"\n
You can disable adaptive position via adaptivePosition input or config option
You can control the popover boundaries via boundariesElement input or config option. boundariesElement property of a popover can contain boundaries namely viewport, scrollParent, window.
Use the focus trigger to dismiss popovers on the next click that the\n user makes.
Pass a string as popover content.
",outlet:O},{title:"Custom content template",anchor:"custom-content-template",component:o(70843),html:o(89795),description:'Create <ng-template #myId> with any html allowed by Angular,\n and provide template ref [popover]="myId" as popover content.
By using [innerHtml] inside ng-template you can display any dynamic html
When you have any styles on a parent element that interfere with a popover,\n you\u2019ll want to specify a container="body" so that the popover\u2019s HTML will be\n appended to body. This will help to avoid rendering problems in more complex components\n (like input groups, button groups, etc) or inside elements with overflow: hidden
This demo shows manipulating popover by show,\n hide and toggle methods
You can show/hide popover by switching isOpen property
Click on the button to see popover delayed for 0,5 second
",outlet:F}]},{name:"Installation",anchor:"api-reference",tabName:"api",usage:o(65804),importInfo:'ng add ngx-bootstrap --component popover',outlet:m.Mg,content:[{title:"PopoverDirective",anchor:"popover-directive",outlet:m.r2},{title:"PopoverConfig",anchor:"popover-config",outlet:m.TJ}]},{name:"Examples",anchor:"examples",tabName:"examples",outlet:m.xK,content:[{title:"Basic",anchor:"basic-ex",outlet:h},{title:"Placement",anchor:"placement-ex",outlet:V},{title:"Corner placement",anchor:"corner-placement-ex",outlet:j},{title:"Disable adaptive position",anchor:"adaptive-position-ex",outlet:f},{title:"Adaptive position with overflow boundary",anchor:"adaptive-position-overflow-boundary-ex",outlet:W},{title:"Dismiss on next click",anchor:"popover-dismiss-ex",outlet:A},{title:"Dynamic content",anchor:"dynamic-content-ex",outlet:O},{title:"Custom content template",anchor:"custom-content-template-ex",outlet:D},{title:"Dynamic Html",anchor:"dynamic-html-ex",outlet:U},{title:"Append to body",anchor:"container-body-ex",outlet:T},{title:"Visibility events",anchor:"events-ex",outlet:B},{title:"Configuring defaults",anchor:"config-defaults-ex",outlet:C},{title:"Outside click",anchor:"outside-click-ex",outlet:x},{title:"Custom triggers",anchor:"triggers-custom-ex",outlet:H},{title:"Manual triggering",anchor:"triggers-manual-ex",outlet:L},{title:"Trigger by isOpen property",anchor:"trigger-by-isopen-property-ex",outlet:y},{title:"Component level styling",anchor:"styling-local-ex",outlet:R},{title:"Custom class",anchor:"popover-custom-class-ex",outlet:P},{title:"Popover context",anchor:"popover-context-ex",outlet:E},{title:"Popover with delay",anchor:"popover-delay-ex",outlet:F}]}];var $=o(86223),N=o(52439);let G=(()=>{class n{constructor(){this.name="Popover",this.src="https://github.com/valor-software/ngx-bootstrap/tree/development/src/popover",this.componentContent=I}static#t=this.\u0275fac=function(s){return new(s||n)};static#o=this.\u0275cmp=t.VBU({type:n,selectors:[["tooltip-section"]],decls:6,vars:4,consts:[[3,"name","src","componentContent"],[3,"content"]],template:function(s,r){1&s&&(t.j41(0,"demo-section",0)(1,"p"),t.EFF(2,"Add small overlay content, like those found in iOS, to any element for housing secondary information."),t.k0s(),t.j41(3,"p"),t.EFF(4,"The easiest way to add the popover component to your app (will be added to the root module)"),t.k0s(),t.nrm(5,"docs-section",1),t.k0s()),2&s&&(t.Y8G("name",r.name)("src",r.src)("componentContent",r.componentContent),t.R7$(5),t.Y8G("content",r.componentContent))},dependencies:[$.q,N.C],encapsulation:2,changeDetection:0})}return n})();const k=[{path:"",component:G}];let J=(()=>{class n{static#t=this.\u0275fac=function(s){return new(s||n)};static#o=this.\u0275mod=t.$C({type:n});static#e=this.\u0275inj=t.G2t({imports:[p.MD,u.YN,m.ky,g.k0,S.iI.forChild(k)]})}return n})()},24755:(a,e,o)=>{o.r(e),o.d(e,{default:()=>p});const p='\n\n
\n'},1867:(a,e,o)=>{o.r(e),o.d(e,{default:()=>p});const p="import { Component } from '@angular/core';\n \n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-popover-adaptive-position-overflow-boundary',\n templateUrl: './adaptive-position-overflow-boundary.html',\n styleUrls: ['./adaptive-position-overflow-boundary.css']\n\n})\nexport class DemoAdaptivePositionOverflowBoundaryComponent {}\n"},52759:(a,e,o)=>{o.r(e),o.d(e,{default:()=>p});const p='\n\n\n'},81231:(a,e,o)=>{o.r(e),o.d(e,{default:()=>p});const p="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-popover-adaptive-position',\n templateUrl: './adaptive-position.html'\n})\nexport class DemoPopoverAdaptivePositionComponent {}\n"},76639:(a,e,o)=>{o.r(e),o.d(e,{default:()=>p});const p='\n\n'},54503:(a,e,o)=>{o.r(e),o.d(e,{default:()=>p});const p="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-popover-basic',\n templateUrl: './basic.html'\n})\nexport class DemoPopoverBasicComponent {}\n"},63563:(a,e,o)=>{o.r(e),o.d(e,{default:()=>p});const p='\n\n'},70259:(a,e,o)=>{o.r(e),o.d(e,{default:()=>p});const p="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-popover-class',\n templateUrl: './class.html'\n})\nexport class DemoPopoverClassComponent {}\n"},13765:(a,e,o)=>{o.r(e),o.d(e,{default:()=>p});const p='\n'},95169:(a,e,o)=>{o.r(e),o.d(e,{default:()=>p});const p="import { Component } from '@angular/core';\nimport { PopoverConfig } from 'ngx-bootstrap/popover';\n\n// such override allows to keep some initial values\n\nexport function getPopoverConfig(): PopoverConfig {\n return Object.assign(new PopoverConfig(), {\n placement: 'right',\n container: 'body',\n triggers: 'focus',\n delay: 500\n });\n}\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-popover-config',\n templateUrl: './config.html',\n providers: [{ provide: PopoverConfig, useFactory: getPopoverConfig }]\n})\nexport class DemoPopoverConfigComponent {}\n"},35675:(a,e,o)=>{o.r(e),o.d(e,{default:()=>p});const p='\n'},50051:(a,e,o)=>{o.r(e),o.d(e,{default:()=>p});const p="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-popover-container',\n templateUrl: './container.html'\n})\nexport class DemoPopoverContainerComponent {}\n"},96083:(a,e,o)=>{o.r(e),o.d(e,{default:()=>p});const p='\n \n\n \n
\n\n\n \n
\n\n'},28587:(a,e,o)=>{o.r(e),o.d(e,{default:()=>p});const p='import { Component } from \'@angular/core\';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: \'demo-popover-corner-placement\',\n templateUrl: \'./corner-placement.html\'\n})\nexport class DemoPopoverCornerPlacementComponent {\n placements = [\n \'top left\',\n \'top right\',\n \'right top\',\n \'right bottom\',\n \'bottom right\',\n \'bottom left\',\n \'left bottom\',\n \'left top\'\n ];\n placement: "top" | "bottom" | "left" | "right" | "auto" | "top left" | "top right" | "right top" | "right bottom" | "bottom right" | "bottom left" | "left bottom" | "left top" = \'top left\';\n}\n'},89795:(a,e,o)=>{o.r(e),o.d(e,{default:()=>p});const p='\n
\n
Event: {{message}}\n'},33763:(a,e,o)=>{o.r(e),o.d(e,{default:()=>p});const p="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-popover-events',\n templateUrl: './events.html'\n})\nexport class DemoPopoverEventsComponent {\n message?: string;\n\n onShown(): void {\n this.message = 'shown';\n }\n\n onHidden(): void {\n this.message = 'hidden';\n }\n}\n"},11527:(a,e,o)=>{o.r(e),o.d(e,{default:()=>p});const p='\n\n'},20319:(a,e,o)=>{o.r(e),o.d(e,{default:()=>p});const p="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-popover-outside-click',\n templateUrl: './outside-click.html'\n})\nexport class DemoPopoverOutsideClickComponent {}\n"},81003:(a,e,o)=>{o.r(e),o.d(e,{default:()=>p});const p='\n\n\n\n\n\n\n\n\n'},92307:(a,e,o)=>{o.r(e),o.d(e,{default:()=>p});const p="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-popover-placement',\n templateUrl: './placement.html'\n})\nexport class DemoPopoverPlacementComponent {}\n"},56571:(a,e,o)=>{o.r(e),o.d(e,{default:()=>p});const p='\n \n This text has attached popover\n \n
\n\n'},66627:(a,e,o)=>{o.r(e),o.d(e,{default:()=>p});const p="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-popover-trigger-by-isopen',\n templateUrl: './trigger-by-isopen-property.html'\n})\nexport class DemoPopoverByIsOpenPropComponent {\n isOpen = false;\n}\n"},84731:(a,e,o)=>{o.r(e),o.d(e,{default:()=>p});const p='\n
\n'},40803:(a,e,o)=>{o.r(e),o.d(e,{default:()=>p});const p="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-popover-triggers-custom',\n templateUrl: './triggers-custom.html'\n})\nexport class DemoPopoverTriggersCustomComponent {}\n"},47823:(a,e,o)=>{o.r(e),o.d(e,{default:()=>p});const p='\n \n
\n \n \n
\n \n \n
\n\n \n This text has attached popover\n \n
\n\n\n\n\n'},30839:(a,e,o)=>{o.r(e),o.d(e,{default:()=>p});const p="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-popover-triggers-manual',\n templateUrl: './triggers-manual.html'\n})\nexport class DemoPopoverTriggersManualComponent {}\n"},65804:(a,e,o)=>{o.r(e),o.d(e,{default:()=>p});const p="### Standalone component usage\nimport { PopoverModule } from 'ngx-bootstrap/popover';\n\n@Component({\n standalone: true,\n imports: [PopoverModule,...]\n})\nexport class AppComponent(){}\n\n### Module usage\nimport { PopoverModule } from 'ngx-bootstrap/popover';\n\n@NgModule({\n imports: [PopoverModule,...]\n})\nexport class AppModule(){}\n"}}]); \ No newline at end of file diff --git a/412.c7fae957d9db9049.js b/412.c7fae957d9db9049.js new file mode 100644 index 0000000000..65646cb1a1 --- /dev/null +++ b/412.c7fae957d9db9049.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkngx_bootstrap_docs=self.webpackChunkngx_bootstrap_docs||[]).push([[412],{14412:(u,s,o)=>{o.r(s),o.d(s,{ButtonsSectionComponent:()=>E,DemoButtonsModule:()=>_});var r=o(60177),c=o(84341),T=o(8681),e=o(54438);const x={provide:c.kq,useExisting:(0,e.Rfq)(()=>g),multi:!0};let g=(()=>{class i{constructor(){this.btnCheckboxTrue=!0,this.btnCheckboxFalse=!1,this.state=!1,this.isDisabled=!1,this.onChange=Function.prototype,this.onTouched=Function.prototype}onClick(){this.isDisabled||(this.toggle(!this.state),this.onChange(this.value))}ngOnInit(){this.toggle(this.trueValue===this.value)}get trueValue(){return!(typeof this.btnCheckboxTrue<"u")||this.btnCheckboxTrue}get falseValue(){return typeof this.btnCheckboxFalse<"u"&&this.btnCheckboxFalse}toggle(t){this.state=t,this.value=this.state?this.trueValue:this.falseValue}writeValue(t){this.state=this.trueValue===t,this.value=t?this.trueValue:this.falseValue}setDisabledState(t){this.isDisabled=t}registerOnChange(t){this.onChange=t}registerOnTouched(t){this.onTouched=t}static#e=this.\u0275fac=function(l){return new(l||i)};static#t=this.\u0275dir=e.FsC({type:i,selectors:[["","btnCheckbox",""]],hostVars:3,hostBindings:function(l,n){1&l&&e.bIt("click",function(){return n.onClick()}),2&l&&(e.BMQ("aria-pressed",n.state),e.AVh("active",n.state))},inputs:{btnCheckboxTrue:"btnCheckboxTrue",btnCheckboxFalse:"btnCheckboxFalse"},standalone:!0,features:[e.Jv_([x])]})}return i})();const A={provide:c.kq,useExisting:(0,e.Rfq)(()=>h),multi:!0};let h=(()=>{class i{get value(){return this.group?this.group.value:this._value}set value(t){this.group?this.group.value=t:(this._value=t,this._onChange(t))}get disabled(){return this._disabled}set disabled(t){this.setDisabledState(t)}get controlOrGroupDisabled(){return!!(this.disabled||this.group&&this.group.disabled)||void 0}get hasDisabledClass(){return this.controlOrGroupDisabled&&!this.isActive}get isActive(){return this.btnRadio===this.value}get tabindex(){if(!this.controlOrGroupDisabled)return this.isActive||null==this.group?0:-1}get hasFocus(){return this._hasFocus}constructor(t,l,n,d){this.el=t,this.cdr=l,this.renderer=n,this.group=d,this.onChange=Function.prototype,this.onTouched=Function.prototype,this.uncheckable=!1,this.role="radio",this._disabled=!1,this._hasFocus=!1}toggleIfAllowed(){this.canToggle()&&(this.value=this.uncheckable&&this.btnRadio===this.value?void 0:this.btnRadio)}onSpacePressed(t){this.toggleIfAllowed(),t.preventDefault()}focus(){this.el.nativeElement.focus()}onFocus(){this._hasFocus=!0}onBlur(){this._hasFocus=!1,this.onTouched()}canToggle(){return!this.controlOrGroupDisabled&&(this.uncheckable||this.btnRadio!==this.value)}ngOnChanges(t){"uncheckable"in t&&(this.uncheckable=!1!==this.uncheckable&&typeof this.uncheckable<"u")}_onChange(t){this.group?this.group.value=t:(this.onTouched(),this.onChange(t))}writeValue(t){this.value=t,this.cdr.markForCheck()}registerOnChange(t){this.onChange=t}registerOnTouched(t){this.onTouched=t}setDisabledState(t){this._disabled=t,t?this.renderer.setAttribute(this.el.nativeElement,"disabled","disabled"):this.renderer.removeAttribute(this.el.nativeElement,"disabled")}static#e=this.\u0275fac=function(l){return new(l||i)(e.rXU(e.aKT),e.rXU(e.gRc),e.rXU(e.sFG),e.rXU((0,e.Rfq)(()=>p),8))};static#t=this.\u0275dir=e.FsC({type:i,selectors:[["","btnRadio",""]],hostVars:8,hostBindings:function(l,n){1&l&&e.bIt("click",function(){return n.toggleIfAllowed()})("keydown.space",function(a){return n.onSpacePressed(a)})("focus",function(){return n.onFocus()})("blur",function(){return n.onBlur()}),2&l&&(e.BMQ("aria-disabled",n.controlOrGroupDisabled)("aria-checked",n.isActive)("role",n.role)("tabindex",n.tabindex),e.AVh("disabled",n.hasDisabledClass)("active",n.isActive))},inputs:{btnRadio:"btnRadio",uncheckable:"uncheckable",value:"value",disabled:"disabled"},standalone:!0,features:[e.Jv_([A]),e.OA$]})}return i})();const G={provide:c.kq,useExisting:(0,e.Rfq)(()=>p),multi:!0};let p=(()=>{class i{constructor(t){this.cdr=t,this.onChange=Function.prototype,this.onTouched=Function.prototype,this.role="radiogroup",this._disabled=!1}get value(){return this._value}set value(t){this._value=t,this.onChange(t)}get disabled(){return this._disabled}get tabindex(){return this._disabled?null:0}writeValue(t){this._value=t,this.cdr.markForCheck()}registerOnChange(t){this.onChange=t}registerOnTouched(t){this.onTouched=t}setDisabledState(t){this.radioButtons&&(this._disabled=t,this.radioButtons.forEach(l=>{l.setDisabledState(t)}),this.cdr.markForCheck())}onFocus(){if(this._disabled)return;const t=this.getActiveOrFocusedRadio();if(t)t.focus();else if(this.radioButtons){const l=this.radioButtons.find(n=>!n.disabled);l&&l.focus()}}onBlur(){this.onTouched&&this.onTouched()}selectNext(t){this.selectInDirection("next"),t.preventDefault()}selectPrevious(t){this.selectInDirection("previous"),t.preventDefault()}selectInDirection(t){if(this._disabled)return;function l(d,a){let f=(d+("next"===t?1:-1))%a.length;return f<0&&(f=a.length-1),f}const n=this.getActiveOrFocusedRadio();if(n&&this.radioButtons){const d=this.radioButtons.toArray(),a=d.indexOf(n);for(let m=l(a,d);m!==a;m=l(m,d))if(d[m].canToggle()){d[m].toggleIfAllowed(),d[m].focus();break}}}getActiveOrFocusedRadio(){if(this.radioButtons)return this.radioButtons.find(t=>t.isActive)||this.radioButtons.find(t=>t.hasFocus)}static#e=this.\u0275fac=function(l){return new(l||i)(e.rXU(e.gRc))};static#t=this.\u0275dir=e.FsC({type:i,selectors:[["","btnRadioGroup",""]],contentQueries:function(l,n,d){if(1&l&&e.wni(d,h,4),2&l){let a;e.mGM(a=e.lsd())&&(n.radioButtons=a)}},hostVars:2,hostBindings:function(l,n){1&l&&e.bIt("focus",function(){return n.onFocus()})("blur",function(){return n.onBlur()})("keydown.ArrowRight",function(a){return n.selectNext(a)})("keydown.ArrowDown",function(a){return n.selectNext(a)})("keydown.ArrowLeft",function(a){return n.selectPrevious(a)})("keydown.ArrowUp",function(a){return n.selectPrevious(a)}),2&l&&e.BMQ("role",n.role)("tabindex",n.tabindex)},standalone:!0,features:[e.Jv_([G])]})}return i})(),U=(()=>{class i{static forRoot(){return i}static#e=this.\u0275fac=function(l){return new(l||i)};static#t=this.\u0275mod=e.$C({type:i});static#n=this.\u0275inj=e.G2t({})}return i})();var b=o(37472);let C=(()=>{class i{static#e=this.\u0275fac=function(l){return new(l||i)};static#t=this.\u0275cmp=e.VBU({type:i,selectors:[["demo-buttons-basic"]],decls:2,vars:0,consts:[["type","button",1,"btn","btn-primary"]],template:function(l,n){1&l&&(e.j41(0,"button",0),e.EFF(1," Single Button\n"),e.k0s())},encapsulation:2})}return i})(),R=(()=>{class i{constructor(){this.checkModel={left:!1,middle:!0,right:!1}}static#e=this.\u0275fac=function(l){return new(l||i)};static#t=this.\u0275cmp=e.VBU({type:i,selectors:[["demo-buttons-checkbox"]],decls:10,vars:6,consts:[[1,"card","card-block","card-header"],[1,"btn-group"],["btnCheckbox","","tabindex","0","role","button",1,"btn","btn-primary",3,"ngModelChange","ngModel"]],template:function(l,n){1&l&&(e.j41(0,"pre",0),e.EFF(1),e.nI1(2,"json"),e.k0s(),e.j41(3,"div",1)(4,"label",2),e.mxI("ngModelChange",function(a){return e.DH7(n.checkModel.left,a)||(n.checkModel.left=a),a}),e.EFF(5,"Left"),e.k0s(),e.j41(6,"label",2),e.mxI("ngModelChange",function(a){return e.DH7(n.checkModel.middle,a)||(n.checkModel.middle=a),a}),e.EFF(7,"Middle"),e.k0s(),e.j41(8,"label",2),e.mxI("ngModelChange",function(a){return e.DH7(n.checkModel.right,a)||(n.checkModel.right=a),a}),e.EFF(9,"Right"),e.k0s()()),2&l&&(e.R7$(),e.JRh(e.bMT(2,4,n.checkModel)),e.R7$(3),e.R50("ngModel",n.checkModel.left),e.R7$(2),e.R50("ngModel",n.checkModel.middle),e.R7$(2),e.R50("ngModel",n.checkModel.right))},dependencies:[c.BC,c.vS,g,r.TG],encapsulation:2})}return i})(),F=(()=>{class i{constructor(){this.radioModel="Middle"}static#e=this.\u0275fac=function(l){return new(l||i)};static#t=this.\u0275cmp=e.VBU({type:i,selectors:[["demo-buttons-radio"]],decls:9,vars:4,consts:[[1,"card","card-block","card-header"],[1,"btn-group"],["btnRadio","Left","tabindex","0","role","button",1,"btn","btn-primary",3,"ngModelChange","ngModel"],["btnRadio","Middle","tabindex","0","role","button",1,"btn","btn-primary",3,"ngModelChange","ngModel"],["btnRadio","Right","tabindex","0","role","button",1,"btn","btn-primary",3,"ngModelChange","ngModel"]],template:function(l,n){1&l&&(e.j41(0,"pre",0),e.EFF(1),e.k0s(),e.j41(2,"div",1)(3,"label",2),e.mxI("ngModelChange",function(a){return e.DH7(n.radioModel,a)||(n.radioModel=a),a}),e.EFF(4,"Left"),e.k0s(),e.j41(5,"label",3),e.mxI("ngModelChange",function(a){return e.DH7(n.radioModel,a)||(n.radioModel=a),a}),e.EFF(6,"Middle"),e.k0s(),e.j41(7,"label",4),e.mxI("ngModelChange",function(a){return e.DH7(n.radioModel,a)||(n.radioModel=a),a}),e.EFF(8,"Right"),e.k0s()()),2&l&&(e.R7$(),e.JRh(n.radioModel||"null"),e.R7$(2),e.R50("ngModel",n.radioModel),e.R7$(2),e.R50("ngModel",n.radioModel),e.R7$(2),e.R50("ngModel",n.radioModel))},dependencies:[c.BC,c.vS,h],encapsulation:2})}return i})(),k=(()=>{class i{constructor(){this.uncheckableRadioModel="Middle"}static#e=this.\u0275fac=function(l){return new(l||i)};static#t=this.\u0275cmp=e.VBU({type:i,selectors:[["demo-buttons-radio-uncheckable"]],decls:9,vars:5,consts:[[1,"card","card-block","card-header"],["btnRadioGroup","",1,"btn-group",3,"ngModelChange","ngModel"],["btnRadio","Left","tabindex","0","role","button",1,"btn","btn-info",3,"uncheckable"],["btnRadio","Middle","tabindex","0","role","button",1,"btn","btn-info",3,"uncheckable"],["btnRadio","Right","tabindex","0","role","button",1,"btn","btn-info",3,"uncheckable"]],template:function(l,n){1&l&&(e.j41(0,"pre",0),e.EFF(1),e.k0s(),e.j41(2,"div",1),e.mxI("ngModelChange",function(a){return e.DH7(n.uncheckableRadioModel,a)||(n.uncheckableRadioModel=a),a}),e.j41(3,"label",2),e.EFF(4,"Left"),e.k0s(),e.j41(5,"label",3),e.EFF(6,"Middle"),e.k0s(),e.j41(7,"label",4),e.EFF(8,"Right"),e.k0s()()),2&l&&(e.R7$(),e.JRh(n.uncheckableRadioModel||"null"),e.R7$(),e.R50("ngModel",n.uncheckableRadioModel),e.R7$(),e.Y8G("uncheckable",!0),e.R7$(2),e.Y8G("uncheckable",!0),e.R7$(2),e.Y8G("uncheckable",!0))},dependencies:[c.BC,c.vS,h,p],encapsulation:2})}return i})();function O(i,V){if(1&i&&(e.j41(0,"form",2)(1,"div",3)(2,"label",4),e.EFF(3,"Left"),e.k0s(),e.j41(4,"label",5),e.EFF(5,"Middle"),e.k0s(),e.j41(6,"label",6),e.EFF(7,"Right"),e.k0s()()()),2&i){const t=e.XpG();e.Y8G("formGroup",t.myForm),e.R7$(2),e.AVh("active",null==t.myForm?null:t.myForm.value.left),e.R7$(2),e.AVh("active",null==t.myForm?null:t.myForm.value.middle),e.R7$(2),e.AVh("active",null==t.myForm?null:t.myForm.value.right)}}let v=(()=>{class i{constructor(t){this.formBuilder=t}ngOnInit(){this.myForm=this.formBuilder.group({left:!1,middle:!0,right:!1})}static#e=this.\u0275fac=function(l){return new(l||i)(e.rXU(c.ze))};static#t=this.\u0275cmp=e.VBU({type:i,selectors:[["demo-buttons-checkbox-reactiveforms"]],decls:4,vars:4,consts:[[1,"card","card-block","card-header"],[3,"formGroup",4,"ngIf"],[3,"formGroup"],[1,"btn-group"],["btnCheckbox","","formControlName","left","tabindex","0","role","button",1,"btn","btn-primary"],["btnCheckbox","","formControlName","middle","tabindex","0","role","button",1,"btn","btn-primary"],["btnCheckbox","","formControlName","right","tabindex","0","role","button",1,"btn","btn-primary"]],template:function(l,n){1&l&&(e.j41(0,"pre",0),e.EFF(1),e.nI1(2,"json"),e.k0s(),e.DNE(3,O,8,7,"form",1)),2&l&&(e.R7$(),e.JRh(e.bMT(2,2,null==n.myForm?null:n.myForm.value)),e.R7$(2),e.Y8G("ngIf",n.myForm))},dependencies:[c.qT,c.BC,c.cb,c.j4,c.JD,r.bT,g,r.TG],encapsulation:2})}return i})();function j(i,V){if(1&i){const t=e.RV6();e.j41(0,"form",2)(1,"div",3)(2,"div",4)(3,"label",5),e.EFF(4,"A"),e.k0s(),e.j41(5,"label",6),e.EFF(6,"B"),e.k0s(),e.j41(7,"label",7),e.EFF(8,"C"),e.k0s()(),e.j41(9,"button",8),e.bIt("click",function(){e.eBV(t);const n=e.XpG();return e.Njj(null!=n.myForm&&n.myForm.disabled?null==n.myForm?null:n.myForm.enable():null==n.myForm?null:n.myForm.disable())}),e.EFF(10,"Enable/Disable"),e.k0s()()()}if(2&i){const t=e.XpG();e.Y8G("formGroup",t.myForm)}}let B=(()=>{class i{constructor(t){this.formBuilder=t}ngOnInit(){this.myForm=this.formBuilder.group({radio:"C"})}static#e=this.\u0275fac=function(l){return new(l||i)(e.rXU(c.ze))};static#t=this.\u0275cmp=e.VBU({type:i,selectors:[["demo-buttons-radio-reactiveforms"]],decls:4,vars:4,consts:[[1,"card","card-block","card-header"],["class","form-inline d-flex align-items-center",3,"formGroup",4,"ngIf"],[1,"form-inline","d-flex","align-items-center",3,"formGroup"],[1,"form-group","mb-3"],["btnRadioGroup","","formControlName","radio",1,"btn-group"],["btnRadio","A",1,"btn","btn-primary","mb-0"],["btnRadio","B",1,"btn","btn-primary","mb-0"],["btnRadio","C",1,"btn","btn-primary","mb-0"],[1,"btn","btn-primary",3,"click"]],template:function(l,n){1&l&&(e.j41(0,"pre",0),e.EFF(1),e.nI1(2,"json"),e.k0s(),e.DNE(3,j,11,1,"form",1)),2&l&&(e.R7$(),e.JRh(e.bMT(2,2,null==n.myForm?null:n.myForm.value)),e.R7$(2),e.Y8G("ngIf",n.myForm))},dependencies:[c.qT,c.BC,c.cb,c.j4,c.JD,r.bT,h,p,r.TG],encapsulation:2})}return i})(),M=(()=>{class i{constructor(){this.disabled=!1}static#e=this.\u0275fac=function(l){return new(l||i)};static#t=this.\u0275cmp=e.VBU({type:i,selectors:[["demo-buttons-disabled"]],decls:4,vars:1,consts:[["type","button",1,"btn","btn-primary",3,"disabled"],["type","button",1,"btn","btn-warning",3,"click"]],template:function(l,n){1&l&&(e.j41(0,"button",0),e.EFF(1,"Button"),e.k0s(),e.j41(2,"button",1),e.bIt("click",function(){return n.disabled=!n.disabled}),e.EFF(3,"Enable/Disable"),e.k0s()),2&l&&e.Y8G("disabled",n.disabled)},encapsulation:2})}return i})(),D=(()=>{class i{constructor(){this.singleModel="1"}static#e=this.\u0275fac=function(l){return new(l||i)};static#t=this.\u0275cmp=e.VBU({type:i,selectors:[["demo-custom-checkbox-value"]],decls:4,vars:2,consts:[[1,"card","card-block","card-header"],["type","button","btnCheckbox","","btnCheckboxTrue","1","btnCheckboxFalse","0",1,"btn","btn-primary",3,"ngModelChange","ngModel"]],template:function(l,n){1&l&&(e.j41(0,"pre",0),e.EFF(1),e.k0s(),e.j41(2,"button",1),e.mxI("ngModelChange",function(a){return e.DH7(n.singleModel,a)||(n.singleModel=a),a}),e.EFF(3," Single Toggle\n"),e.k0s()),2&l&&(e.R7$(),e.JRh(n.singleModel),e.R7$(),e.R50("ngModel",n.singleModel))},dependencies:[c.BC,c.vS,g],encapsulation:2})}return i})(),y=(()=>{class i{constructor(){this.radioModel="Middle",this.radioModelDisabled="Middle",this.modelGroupDisabled=!1}static#e=this.\u0275fac=function(l){return new(l||i)};static#t=this.\u0275cmp=e.VBU({type:i,selectors:[["demo-buttons-radio-with-group"]],decls:24,vars:6,consts:[[1,"card","card-block","card-header"],[1,"form-inline","d-flex","align-items-center"],["btnRadioGroup","",1,"btn-group",3,"ngModelChange","ngModel","disabled"],["btnRadio","Left",1,"btn","btn-success","mb-0"],["btnRadio","Middle",1,"btn","btn-success","mb-0"],["btnRadio","Another",1,"btn","btn-success","mb-0",3,"disabled"],["btnRadio","Right",1,"btn","btn-success","mb-0"],[1,"btn","btn-warning",3,"click"],["btnRadioGroup","","disabled","",1,"btn-group",3,"ngModelChange","ngModel"],["btnRadio","Left",1,"btn","btn-success"],["btnRadio","Middle",1,"btn","btn-success"],["btnRadio","Right",1,"btn","btn-success"]],template:function(l,n){1&l&&(e.j41(0,"pre",0),e.EFF(1),e.k0s(),e.j41(2,"div",1)(3,"div",2),e.mxI("ngModelChange",function(a){return e.DH7(n.radioModel,a)||(n.radioModel=a),a}),e.j41(4,"label",3),e.EFF(5,"Left"),e.k0s(),e.j41(6,"label",4),e.EFF(7,"Middle"),e.k0s(),e.j41(8,"label",5),e.EFF(9,"Disabled"),e.k0s(),e.j41(10,"label",6),e.EFF(11,"Right"),e.k0s()(),e.j41(12,"button",7),e.bIt("click",function(){return n.modelGroupDisabled=!n.modelGroupDisabled}),e.EFF(13,"Enable/Disable"),e.k0s()(),e.j41(14,"pre",0),e.EFF(15),e.k0s(),e.j41(16,"div",1)(17,"div",8),e.mxI("ngModelChange",function(a){return e.DH7(n.radioModelDisabled,a)||(n.radioModelDisabled=a),a}),e.j41(18,"label",9),e.EFF(19,"Left"),e.k0s(),e.j41(20,"label",10),e.EFF(21,"Middle"),e.k0s(),e.j41(22,"label",11),e.EFF(23,"Right"),e.k0s()()()),2&l&&(e.R7$(),e.JRh(n.radioModel||"null"),e.R7$(2),e.R50("ngModel",n.radioModel),e.Y8G("disabled",n.modelGroupDisabled),e.R7$(5),e.Y8G("disabled",!0),e.R7$(7),e.JRh(n.radioModelDisabled||"null"),e.R7$(2),e.R50("ngModel",n.radioModelDisabled))},dependencies:[c.BC,c.vS,h,p],encapsulation:2})}return i})();const I=[{name:"Overview",anchor:"overview",tabName:"overview",outlet:b.xK,content:[{title:"Basic",anchor:"basic",component:o(46747),html:o(57475),outlet:C},{title:"Checkbox",anchor:"checkbox",description:"Checkbox-like buttons set with variable states",component:o(21391),html:o(16567),outlet:R},{title:"Custom checkbox value",anchor:"custom-checkbox-value",component:o(93207),html:o(53615),outlet:D},{title:"Checkbox with Reactive Forms",anchor:"checkbox-reactiveforms",description:"Checkbox buttons with ReactiveForms",component:o(33657),html:o(53517),outlet:v},{title:"Radio with radio group",anchor:"radio-button-with-group",description:'Radio buttons with checked/unchecked states. Radio buttons used together with abtnRadioGroup can be\nused in template driven and reactive forms.\nThey follow the W3C WAI-AIRA design pattern for radio groups.\nMeaning\n- \n
- The Radio Group is inserted in the tab-order of the page by automatically adding a tabindex attribute \n
- The selected radio element can be changed with the arrow keys if the focus is in the group \n
- The role of the group is set to "radiogroup" and the aria-checked attributes are added according to the state \n
ngModel binding with several buttons.\n This works only for template driven forms and is not generally advised. But there are use cases were this might be useful, e.g. in tables.\n In terms of accessibility the buttons in the group can not be selected with the arrow keys, but individually reached by using the tab key\n and then be toggled by using the space key. You can check out the demo below.",component:o(32951),html:o(77436),outlet:F},{title:"Uncheckable Radio",anchor:"uncheckable-radio-button",component:o(92695),html:o(687),outlet:k},{title:"Radio with Reactive Forms",anchor:"radio-reactiveforms",description:"Radio buttons with ReactiveForms. Example below shows how to use radio buttons with reactive\n forms. Please be aware that for reactive forms it's required to use btnRadioGroup directive along with\n btnRadio's",component:o(6299),html:o(44387),outlet:B},{title:"Disabled Buttons",anchor:"disabled-buttons",component:o(35165),html:o(95217),outlet:M}]},{name:"Installation",anchor:"api-reference",tabName:"api",outlet:b.Mg,usage:o(84704),importInfo:'ng add ngx-bootstrap --component buttons',content:[{title:"ButtonCheckboxDirective",anchor:"button-checkbox-directive",outlet:b.r2},{title:"ButtonRadioDirective",anchor:"button-radio-directive",outlet:b.r2},{title:"ButtonRadioGroupDirective",anchor:"button-radio-group-directive",outlet:b.r2}]},{name:"Examples",anchor:"examples",tabName:"examples",outlet:b.xK,content:[{title:"Basic",anchor:"basic-ex",outlet:C},{title:"Checkbox",anchor:"checkbox-ex",outlet:R},{title:"Custom checkbox value",anchor:"custom-checkbox-value-ex",outlet:D},{title:"Checkbox with Reactive Forms",anchor:"checkbox-reactiveforms-ex",outlet:v},{title:"Radio with radio group",anchor:"radio-button-with-group-ex",outlet:y},{title:"Radio without explicit group",anchor:"radio-button-explicit-group-ex",outlet:F},{title:"Uncheckable Radio",anchor:"uncheckable-radio-button-ex",outlet:k},{title:"Radio with Reactive Forms",anchor:"radio-reactiveforms-ex",outlet:B},{title:"Disabled Buttons",anchor:"disabled-buttons-ex",outlet:M}]}];var w=o(86223),L=o(52439);let E=(()=>{class i{constructor(){this.name="Buttons",this.src="https://github.com/valor-software/ngx-bootstrap/tree/development/src/buttons",this.componentContent=I}static#e=this.\u0275fac=function(l){return new(l||i)};static#t=this.\u0275cmp=e.VBU({type:i,selectors:[["buttons-section"]],decls:6,vars:4,consts:[[3,"name","src","componentContent"],[3,"content"]],template:function(l,n){1&l&&(e.j41(0,"demo-section",0)(1,"p"),e.EFF(2,"There are two directives that can make a group of buttons behave like a set of checkboxes, radio buttons, or a hybrid where radio buttons can be unchecked."),e.k0s(),e.j41(3,"p"),e.EFF(4,"The easiest way to add the buttons component to your app (will be added to the root module)"),e.k0s(),e.nrm(5,"docs-section",1),e.k0s()),2&l&&(e.Y8G("name",n.name)("src",n.src)("componentContent",n.componentContent),e.R7$(5),e.Y8G("content",n.componentContent))},dependencies:[w.q,L.C],encapsulation:2,changeDetection:0})}return i})();const P=[{path:"",component:E}];let _=(()=>{class i{static#e=this.\u0275fac=function(l){return new(l||i)};static#t=this.\u0275mod=e.$C({type:i});static#n=this.\u0275inj=e.G2t({imports:[c.YN,c.X1,r.MD,b.ky,T.iI.forChild(P),U]})}return i})()},57475:(u,s,o)=>{o.r(s),o.d(s,{default:()=>r});const r='\n'},46747:(u,s,o)=>{o.r(s),o.d(s,{default:()=>r});const r="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-buttons-basic',\n templateUrl: './basic.html'\n})\nexport class DemoButtonsBasicComponent {}\n"},53517:(u,s,o)=>{o.r(s),o.d(s,{default:()=>r});const r='{{myForm?.value | json}}\n\n'},33657:(u,s,o)=>{o.r(s),o.d(s,{default:()=>r});const r="import { Component, OnInit } from '@angular/core';\nimport { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-buttons-checkbox-reactiveforms',\n templateUrl: './checkbox-reactiveforms.html'\n})\nexport class DemoButtonsCheckboxReactiveFormsComponent implements OnInit {\n myForm?: UntypedFormGroup;\n\n constructor(private formBuilder: UntypedFormBuilder) {}\n\n ngOnInit() {\n this.myForm = this.formBuilder.group({\n left: false,\n middle: true,\n right: false\n });\n }\n}\n"},16567:(u,s,o)=>{o.r(s),o.d(s,{default:()=>r});const r='{{checkModel | json}}\n\n\n \n \n \n
\n'},21391:(u,s,o)=>{o.r(s),o.d(s,{default:()=>r});const r="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-buttons-checkbox',\n templateUrl: './checkbox.html'\n})\nexport class DemoButtonsCheckboxComponent {\n checkModel: { left?: boolean; middle?: boolean; right?: boolean } = { left: false, middle: true, right: false };\n}\n"},53615:(u,s,o)=>{o.r(s),o.d(s,{default:()=>r});const r='{{singleModel}}\n\n'},93207:(u,s,o)=>{o.r(s),o.d(s,{default:()=>r});const r="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-custom-checkbox-value',\n templateUrl: './custom-checkbox-value.html'\n})\nexport class DemoButtonsCustomCheckboxValueComponent {\n singleModel = '1';\n}\n"},95217:(u,s,o)=>{o.r(s),o.d(s,{default:()=>r});const r='\n\n\n'},35165:(u,s,o)=>{o.r(s),o.d(s,{default:()=>r});const r="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-buttons-disabled',\n templateUrl: './disabled.html'\n})\nexport class DemoButtonsDisabledComponent {\n disabled = false;\n}\n"},44387:(u,s,o)=>{o.r(s),o.d(s,{default:()=>r});const r='{{ myForm?.value | json }}\n\n'},6299:(u,s,o)=>{o.r(s),o.d(s,{default:()=>r});const r="import { Component, OnInit } from '@angular/core';\nimport { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-buttons-radio-reactiveforms',\n templateUrl: './radio-reactiveforms.html'\n})\nexport class DemoButtonsRadioReactiveFormsComponent implements OnInit {\n myForm?: UntypedFormGroup;\n\n constructor(private formBuilder: UntypedFormBuilder) {}\n\n ngOnInit() {\n this.myForm = this.formBuilder.group({\n radio: 'C'\n });\n }\n}\n"},705:(u,s,o)=>{o.r(s),o.d(s,{default:()=>r});const r='{{radioModel || \'null\'}}\n\n
\n\n\n\n \n \n \n \n
\n \n{{radioModelDisabled || \'null\'}}\n\n
\n'},20941:(u,s,o)=>{o.r(s),o.d(s,{default:()=>r});const r="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-buttons-radio-with-group',\n templateUrl: './radio-with-group.html'\n})\nexport class DemoButtonsRadioWithGroupComponent {\n radioModel = 'Middle';\n radioModelDisabled = 'Middle';\n modelGroupDisabled=false;\n}\n"},77436:(u,s,o)=>{o.r(s),o.d(s,{default:()=>r});const r='\n \n \n \n
\n{{radioModel || \'null\'}}\n\n \n \n \n
\n'},32951:(u,s,o)=>{o.r(s),o.d(s,{default:()=>r});const r="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-buttons-radio',\n templateUrl: './radio.html'\n})\nexport class DemoButtonsRadioComponent {\n radioModel = 'Middle';\n}\n"},687:(u,s,o)=>{o.r(s),o.d(s,{default:()=>r});const r='{{uncheckableRadioModel || \'null\'}}\n\n \n \n \n
\n'},92695:(u,s,o)=>{o.r(s),o.d(s,{default:()=>r});const r="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-buttons-radio-uncheckable',\n templateUrl: './uncheckable-radio.html'\n})\nexport class DemoButtonsUncheckableRadioComponent {\n uncheckableRadioModel = 'Middle';\n}\n"},84704:(u,s,o)=>{o.r(s),o.d(s,{default:()=>r});const r="### Standalone component usage\nimport { ButtonsModule } from 'ngx-bootstrap/buttons';\n\n@Component({\n imports: [\n ButtonsModule,\n ...\n ]\n})\nexport class AppComponent(){}\n\n\n### Module usage\nimport { ButtonsModule } from 'ngx-bootstrap/buttons';\n\n@NgModule({\n imports: [ButtonsModule,...]\n})\nexport class AppModule(){}\n"}}]);
\ No newline at end of file
diff --git a/43.21813f0c445cd2da.js b/43.21813f0c445cd2da.js
new file mode 100644
index 0000000000..c1b12e1919
--- /dev/null
+++ b/43.21813f0c445cd2da.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkngx_bootstrap_docs=self.webpackChunkngx_bootstrap_docs||[]).push([[43],{7043:(c,a,l)=>{l.r(a),l.d(a,{CarouselSectionComponent:()=>V,DemoCarouselModule:()=>fe});var o=l(60177),f=l(84341),L=l(8681),e=l(54438),S=l(39555);let b=(()=>{class t{constructor(){this.interval=5e3,this.noPause=!1,this.noWrap=!1,this.showIndicators=!0,this.pauseOnFocus=!1,this.indicatorsByChunk=!1,this.itemsPerSlide=1,this.singleSlideOffset=!1}static#e=this.\u0275fac=function(i){return new(i||t)};static#s=this.\u0275prov=e.jDH({token:t,factory:t.\u0275fac,providedIn:"root"})}return t})();const X=["*"],G=t=>({display:t});function Y(t,d){if(1&t){const s=e.RV6();e.j41(0,"li",7),e.bIt("click",function(){const n=e.eBV(s).index,r=e.XpG(2);return e.Njj(r.selectSlide(n))}),e.k0s()}2&t&&e.AVh("active",!0===d.$implicit.active)}function K(t,d){if(1&t&&(e.qex(0),e.j41(1,"ol",5),e.DNE(2,Y,1,2,"li",6),e.k0s(),e.bVm()),2&t){const s=e.XpG();e.R7$(2),e.Y8G("ngForOf",s.indicatorsSlides())}}function H(t,d){if(1&t){const s=e.RV6();e.j41(0,"button",9),e.bIt("click",function(){const n=e.eBV(s).index,r=e.XpG(2);return e.Njj(r.selectSlide(n))}),e.k0s()}if(2&t){const s=d.$implicit,i=d.index,n=e.XpG(2);e.AVh("active",!0===s.active),e.BMQ("data-bs-target","#carousel"+n.currentId)("data-bs-slide-to",i)}}function J(t,d){if(1&t&&(e.qex(0),e.j41(1,"div",5),e.DNE(2,H,1,4,"button",8),e.k0s(),e.bVm()),2&t){const s=e.XpG();e.R7$(2),e.Y8G("ngForOf",s.indicatorsSlides())}}function Q(t,d){if(1&t){const s=e.RV6();e.j41(0,"a",10),e.bIt("click",function(){e.eBV(s);const n=e.XpG();return e.Njj(n.previousSlide())}),e.nrm(1,"span",11),e.j41(2,"span",12),e.EFF(3,"Previous"),e.k0s()()}if(2&t){const s=e.XpG();e.AVh("disabled",s.checkDisabledClass("prev")),e.BMQ("data-bs-target","#carousel"+s.currentId)}}function Z(t,d){if(1&t){const s=e.RV6();e.j41(0,"a",13),e.bIt("click",function(){e.eBV(s);const n=e.XpG();return e.Njj(n.nextSlide())}),e.nrm(1,"span",14),e.j41(2,"span",12),e.EFF(3,"Next"),e.k0s()()}if(2&t){const s=e.XpG();e.AVh("disabled",s.checkDisabledClass("next")),e.BMQ("data-bs-target","#carousel"+s.currentId)}}var g=function(t){return t[t.UNKNOWN=0]="UNKNOWN",t[t.NEXT=1]="NEXT",t[t.PREV=2]="PREV",t}(g||{});let z=1,m=(()=>{class t{set activeSlide(s){this.multilist||(function $(t){return"number"==typeof t||"[object Number]"===Object.prototype.toString.call(t)}(s)&&(this.customActiveSlide=s),this._slides.length&&s!==this._currentActiveSlide&&this._select(s))}get activeSlide(){return this._currentActiveSlide||0}get interval(){return this._interval}set interval(s){this._interval=s,this.restartTimer()}get slides(){return this._slides.toArray()}get isFirstSlideVisible(){const s=this.getVisibleIndexes();return!(!s||s instanceof Array&&!s.length)&&s.includes(0)}get isLastSlideVisible(){const s=this.getVisibleIndexes();return!(!s||s instanceof Array&&!s.length)&&s.includes(this._slides.length-1)}get _bsVer(){return(0,S.Bu)()}constructor(s,i,n){this.ngZone=i,this.platformId=n,this.noWrap=!1,this.noPause=!1,this.showIndicators=!0,this.pauseOnFocus=!1,this.indicatorsByChunk=!1,this.itemsPerSlide=1,this.singleSlideOffset=!1,this.isAnimated=!1,this.activeSlideChange=new e.bkB(!1),this.slideRangeChange=new e.bkB,this.startFromIndex=0,this._interval=5e3,this._slides=new S.wl,this._currentVisibleSlidesIndex=0,this.isPlaying=!1,this.destroyed=!1,this.currentId=0,this.getActive=r=>r.active,this.makeSlidesConsistent=r=>{r.forEach((u,v)=>u.item.order=v)},Object.assign(this,s),this.currentId=z++}ngAfterViewInit(){setTimeout(()=>{this.singleSlideOffset&&(this.indicatorsByChunk=!1),this.multilist&&(this._chunkedSlides=function N(t,d){const s=[],i=Math.ceil(t.length/d);let n=0;for(;nAdd captions to your slides easily with the .carousel-caption\n element within any <slide>. Place just about any optional HTML within there\n and it will be automatically aligned and formatted.
If noPause is set to false\n , carousel autoplay will be stopped when carousel receives hover.
If pauseOnFocus is set to true\n , carousel autoplay will be stopped when carousel receives focus.
\n 
\n 
\n \n \n \n 
\n \n
\n First slide label
\nNulla vitae elit libero, a pharetra augue mollis interdum.
\n
\n \n
\n Second slide label
\nLorem ipsum dolor sit amet, consectetur adipiscing elit.
\n
\n \n
\n Third slide label
\nPraesent commodo cursus magna, vel scelerisque nisl consectetur.
\n
\n \n
\n First slide label
\nNulla vitae elit libero, a pharetra augue mollis interdum.
\n
\n \n
\n Second slide label
\nLorem ipsum dolor sit amet, consectetur adipiscing elit.
\n\n \n
\n Third slide label
\nPraesent commodo cursus magna, vel scelerisque nisl consectetur.
\n\n
\n First custom content
\n\n
\n First slide label
\nNulla vitae elit libero, a pharetra augue mollis interdum.
\n\n
\n Second custom content
\n\n
\n Second slide label
\nNulla vitae elit libero, a pharetra augue mollis interdum.
\n\n
\n Third custom content
\n\n
\n Third slide label
\nNulla vitae elit libero, a pharetra augue mollis interdum.
\n\n
\n Slide {{index}}
\n{{slide.text}}
\n\n
\n \n
\n'},68462:(c,a,l)=>{l.r(a),l.d(a,{default:()=>o});const o="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-carousel-disable-indicator',\n templateUrl: './disable-indicator.html'\n})\nexport class DemoCarouselDisableIndicatorComponent {\n slides: {image: string; text?: string}[] = [\n {image: 'assets/images/nature/5.jpg'},\n {image: 'assets/images/nature/4.jpg'},\n {image: 'assets/images/nature/3.jpg'}\n ];\n showIndicator = true;\n\n switchIndicator(): void {\n this.showIndicator = !this.showIndicator;\n }\n}\n\n"},3490:(c,a,l)=>{l.r(a),l.d(a,{default:()=>o});const o='\n
\n Slide {{index}}
\n{{slide.text}}
\n\n
\n
\n'},85790:(c,a,l)=>{l.r(a),l.d(a,{default:()=>o});const o="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-carousel-disable-looping',\n templateUrl: './disable-looping.html'\n})\nexport class DemoCarouselDisableLoopingComponent {\n slides: {image: string; text?: string}[] = [\n {image: 'assets/images/nature/8.jpg'},\n {image: 'assets/images/nature/7.jpg'},\n {image: 'assets/images/nature/6.jpg'}\n ];\n noWrapSlides = false;\n}\n\n"},39402:(c,a,l)=>{l.r(a),l.d(a,{default:()=>o});const o='\n \n
\n\n
\n Slide {{index}}
\n{{slide.text}}
\n\n
\n \n \n \n
\n'},97974:(c,a,l)=>{l.r(a),l.d(a,{default:()=>o});const o="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-carousel-dynamic',\n templateUrl: './dynamic.html'\n})\nexport class DemoCarouselDynamicComponent {\n slides: { image: string; text?: string }[] = [];\n activeSlideIndex = 0;\n\n constructor() {\n for (let i = 0; i < 4; i++) {\n this.addSlide();\n }\n }\n\n addSlide(): void {\n this.slides.push({\n image: `assets/images/nature/${this.slides.length % 8 + 1}.jpg`\n });\n }\n\n removeSlide(index?: number): void {\n const toRemove = index ? index : this.activeSlideIndex;\n this.slides.splice(toRemove, 1);\n }\n}\n"},45082:(c,a,l)=>{l.r(a),l.d(a,{default:()=>o});const o='\n
\n Slide {{index}}
\n{{slide.text}}
\n\n
\n Interval, in milliseconds (Enter a negative number or 0 to stop the interval.): \n \n
\n'},24134:(c,a,l)=>{l.r(a),l.d(a,{default:()=>o});const o="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-carousel-interval',\n templateUrl: './interval.html'\n})\nexport class DemoCarouselIntervalComponent {\n myInterval = 1500;\n activeSlideIndex = 0;\n slides: {image: string; text?: string}[] = [\n {image: 'assets/images/nature/3.jpg'},\n {image: 'assets/images/nature/2.jpg'},\n {image: 'assets/images/nature/1.jpg'}\n ];\n}\n"},17834:(c,a,l)=>{l.r(a),l.d(a,{default:()=>o});const o='\n You can set specific index to start from it\n
\n\n
\n Slide {{index}}
\n\n If `true` - carousel indicators indicate slides chunks works ONLY if singleSlideOffset = FALSE\n
\n\n
\n Slide {{index}}
\n\n There is ability to shift slide not only by amount of all visible slides but also for one item\n
\n\n
\n Slide {{index}}
\n\n
\n Slide {{index}}
\n\n
\n\n\n \n
\n{{slidesChangeMessage}}\n'},82098:(c,a,l)=>{l.r(a),l.d(a,{default:()=>o});const o="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-carousel-multilist',\n templateUrl: './multilist.html'\n})\nexport class DemoCarouselMultilistComponent {\n itemsPerSlide = 3;\n singleSlideOffset = false;\n noWrap = false;\n\n slidesChangeMessage = '';\n\n slides = [\n {image: 'assets/images/nature/1.jpg'},\n {image: 'assets/images/nature/2.jpg'},\n {image: 'assets/images/nature/3.jpg'},\n {image: 'assets/images/nature/4.jpg'},\n {image: 'assets/images/nature/5.jpg'},\n {image: 'assets/images/nature/6.jpg'},\n {image: 'assets/images/nature/7.jpg'},\n {image: 'assets/images/nature/8.jpg'},\n {image: 'assets/images/nature/1.jpg'},\n {image: 'assets/images/nature/2.jpg'}\n ];\n\n onSlideRangeChange(indexes: number[]|void): void {\n this.slidesChangeMessage = `Slides have been switched: ${indexes}`;\n }\n}\n"},34858:(c,a,l)=>{l.r(a),l.d(a,{default:()=>o});const o='\n \n
\n First slide label
\nNulla vitae elit libero, a pharetra augue mollis interdum.
\n\n \n
\n Second slide label
\nLorem ipsum dolor sit amet, consectetur adipiscing elit.
\n\n \n
\n Third slide label
\nPraesent commodo cursus magna, vel scelerisque nisl consectetur.
\n\n \n
\n First slide label
\nNulla vitae elit libero, a pharetra augue mollis interdum.
\n\n \n
\n Second slide label
\nLorem ipsum dolor sit amet, consectetur adipiscing elit.
\n\n \n
\n Third slide label
\nPraesent commodo cursus magna, vel scelerisque nisl consectetur.
\n\n
\n Slide {{index}}
\n{{slide.text}}
\n\n
{{slideChangeMessage}}\n'},10646:(c,a,l)=>{l.r(a),l.d(a,{default:()=>o});const o="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-carousel-slide-changed-event',\n templateUrl: './slide-changed-event.html'\n})\nexport class DemoCarouselSlideChangedEventComponent {\n slideChangeMessage = '';\n\n slides: {image: string; text?: string}[] = [\n {image: 'assets/images/nature/7.jpg'},\n {image: 'assets/images/nature/5.jpg'},\n {image: 'assets/images/nature/3.jpg'}\n ];\n\n log(event: number) {\n // simple hack for expression has been changed error\n setTimeout(() => {\n this.slideChangeMessage = `Slide has been switched: ${event}`;\n });\n }\n}\n"},95595:(c,a,l)=>{l.r(a),l.d(a,{default:()=>o});const o="### Standalone component usage\nimport { CarouselModule } from 'ngx-bootstrap/carousel';\n\n@Component({\n imports: [\n CarouselModule,\n ...\n]\n})\nexport class AppComponent(){}\n\n\n### Module usage\nimport { CarouselModule } from 'ngx-bootstrap/carousel';\n\n@NgModule({\n imports: [CarouselModule,...]\n})\nexport class AppModule(){}\n"}}]);
\ No newline at end of file
diff --git a/444.cb63b95cd325ca57.js b/444.cb63b95cd325ca57.js
new file mode 100644
index 0000000000..3ab124e751
--- /dev/null
+++ b/444.cb63b95cd325ca57.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkngx_bootstrap_docs=self.webpackChunkngx_bootstrap_docs||[]).push([[444],{12444:(g,r,a)=>{a.r(r),a.d(r,{DemoSortableModule:()=>L,SortableSectionComponent:()=>S});var m=a(84341),p=a(60177),I=a(8681),e=a(54438);let T=(()=>{class s{static forRoot(){return s}static#e=this.\u0275fac=function(n){return new(n||s)};static#t=this.\u0275mod=e.$C({type:s});static#n=this.\u0275inj=e.G2t({})}return s})();var h=a(37472),j=a(21413);let b=(()=>{class s{constructor(){this.onCapture=new j.B}dragStart(o){this.draggableItem=o}getItem(){return this.draggableItem}captureItem(o,n){return this.draggableItem&&this.draggableItem.overZoneIndex!==o&&(this.draggableItem.lastZoneIndex=this.draggableItem.overZoneIndex,this.draggableItem.overZoneIndex=o,this.onCapture.next(this.draggableItem),this.draggableItem=Object.assign({},this.draggableItem,{overZoneIndex:o,i:n})),this.draggableItem}onCaptureItem(){return this.onCapture}static#e=this.\u0275fac=function(n){return new(n||s)};static#t=this.\u0275prov=e.jDH({token:s,factory:s.\u0275fac,providedIn:"platform"})}return s})();const _=(s,d)=>[s,d],F=(s,d)=>({item:s,index:d});function x(s,d){if(1&s){const o=e.RV6();e.j41(0,"div",4),e.bIt("dragover",function(t){e.eBV(o);const l=e.XpG();return e.Njj(l.onItemDragover(t,0))})("dragenter",function(t){e.eBV(o);const l=e.XpG();return e.Njj(l.cancelEvent(t))}),e.EFF(1),e.k0s()}if(2&s){const o=e.XpG();e.Y8G("ngClass",o.placeholderClass)("ngStyle",o.placeholderStyle),e.R7$(),e.JRh(o.placeholderItem)}}function y(s,d){}function D(s,d){if(1&s){const o=e.RV6();e.j41(0,"div",5),e.bIt("dragstart",function(t){const l=e.eBV(o),i=l.$implicit,c=l.index,N=e.XpG();return e.Njj(N.onItemDragstart(t,i,c))})("dragend",function(t){e.eBV(o);const l=e.XpG();return e.Njj(l.resetActiveItem(t))})("dragover",function(t){const l=e.eBV(o).index,i=e.XpG();return e.Njj(i.onItemDragover(t,l))})("dragenter",function(t){e.eBV(o);const l=e.XpG();return e.Njj(l.cancelEvent(t))}),e.DNE(1,y,0,0,"ng-template",6),e.k0s()}if(2&s){const o=d.$implicit,n=d.index,t=e.XpG(),l=e.sdS(4);e.Y8G("ngClass",e.l_i(5,_,t.itemClass,n===t.activeItem?t.itemActiveClass:""))("ngStyle",t.getItemStyle(n===t.activeItem)),e.BMQ("aria-grabbed",n===t.activeItem),e.R7$(),e.Y8G("ngTemplateOutlet",t.itemTemplate||l)("ngTemplateOutletContext",e.l_i(8,F,o,n))}}function E(s,d){1&s&&e.EFF(0),2&s&&e.JRh(d.item.value)}let u=(()=>{class s{static#e=this.globalZoneIndex=0;get items(){return this._items}set items(o){this._items=o;const n=this.items.map(t=>t.initData);this.onChanged(n),this.onChange.emit(n)}constructor(o){this.wrapperClass="",this.wrapperStyle={},this.itemClass="",this.itemStyle={},this.itemActiveClass="",this.itemActiveStyle={},this.placeholderClass="",this.placeholderStyle={},this.placeholderItem="",this.onChange=new e.bkB,this.showPlaceholder=!1,this.activeItem=-1,this.onTouched=Function.prototype,this.onChanged=Function.prototype,this._items=[],this.transfer=o,this.currentZoneIndex=s.globalZoneIndex++,this.transfer.onCaptureItem().subscribe(n=>this.onDrop(n))}onItemDragstart(o,n,t){this.initDragstartEvent(o),this.onTouched(),this.transfer.dragStart({event:o,item:n,i:t,initialIndex:t,lastZoneIndex:this.currentZoneIndex,overZoneIndex:this.currentZoneIndex})}onItemDragover(o,n){if(!this.transfer.getItem())return;o.preventDefault();const t=this.transfer.captureItem(this.currentZoneIndex,this.items.length);let l=[];t&&(l=this.items.length?t.i>n?[...this.items.slice(0,n),t.item,...this.items.slice(n,t.i),...this.items.slice(t.i+1)]:[...this.items.slice(0,t.i),...this.items.slice(t.i+1,n+1),t.item,...this.items.slice(n+1)]:[t.item],this.items=l,t.i=n,this.activeItem=n,this.updatePlaceholderState())}cancelEvent(o){!this.transfer.getItem()||!o||o.preventDefault()}onDrop(o){o&&o.overZoneIndex!==this.currentZoneIndex&&o.lastZoneIndex===this.currentZoneIndex&&(this.items=this.items.filter((n,t)=>t!==o.i),this.updatePlaceholderState()),this.resetActiveItem()}resetActiveItem(o){this.cancelEvent(o),this.activeItem=-1}registerOnChange(o){this.onChanged=o}registerOnTouched(o){this.onTouched=o}writeValue(o){this.items=o?o.map((n,t)=>({id:t,initData:n,value:this.fieldName?n[this.fieldName]:n})):[],this.updatePlaceholderState()}updatePlaceholderState(){this.showPlaceholder=!this._items.length}getItemStyle(o){return o?Object.assign({},this.itemStyle,this.itemActiveStyle):this.itemStyle}initDragstartEvent(o){o.dataTransfer?.setData("Text","placeholder")}static#t=this.\u0275fac=function(n){return new(n||s)(e.rXU(b))};static#n=this.\u0275cmp=e.VBU({type:s,selectors:[["bs-sortable"]],inputs:{fieldName:"fieldName",wrapperClass:"wrapperClass",wrapperStyle:"wrapperStyle",itemClass:"itemClass",itemStyle:"itemStyle",itemActiveClass:"itemActiveClass",itemActiveStyle:"itemActiveStyle",placeholderClass:"placeholderClass",placeholderStyle:"placeholderStyle",placeholderItem:"placeholderItem",itemTemplate:"itemTemplate"},outputs:{onChange:"onChange"},exportAs:["bs-sortable"],standalone:!0,features:[e.Jv_([{provide:m.kq,useExisting:(0,e.Rfq)(()=>s),multi:!0},b]),e.aNF],decls:5,vars:4,consts:[["defItemTemplate",""],[3,"dragover","dragenter","drop","mouseleave","ngClass","ngStyle"],[3,"ngClass","ngStyle","dragover","dragenter",4,"ngIf"],["draggable","true","aria-dropeffect","move",3,"ngClass","ngStyle","dragstart","dragend","dragover","dragenter",4,"ngFor","ngForOf"],[3,"dragover","dragenter","ngClass","ngStyle"],["draggable","true","aria-dropeffect","move",3,"dragstart","dragend","dragover","dragenter","ngClass","ngStyle"],[3,"ngTemplateOutlet","ngTemplateOutletContext"]],template:function(n,t){if(1&n){const l=e.RV6();e.j41(0,"div",1),e.bIt("dragover",function(c){return e.eBV(l),e.Njj(t.cancelEvent(c))})("dragenter",function(c){return e.eBV(l),e.Njj(t.cancelEvent(c))})("drop",function(c){return e.eBV(l),e.Njj(t.resetActiveItem(c))})("mouseleave",function(c){return e.eBV(l),e.Njj(t.resetActiveItem(c))}),e.DNE(1,x,2,3,"div",2)(2,D,2,11,"div",3),e.k0s(),e.DNE(3,E,1,1,"ng-template",null,0,e.C5r)}2&n&&(e.Y8G("ngClass",t.wrapperClass)("ngStyle",t.wrapperStyle),e.R7$(),e.Y8G("ngIf",t.showPlaceholder),e.R7$(),e.Y8G("ngForOf",t.items))},dependencies:[p.YU,p.B3,p.bT,p.pM,p.T3],encapsulation:2})}return s})(),v=(()=>{class s{constructor(){this.itemStringsLeft=["Windstorm","Bombasto","Magneta","Tornado"],this.itemStringsRight=["Mr. O","Tomato"]}static#e=this.\u0275fac=function(n){return new(n||s)};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["basic-demo"]],decls:14,vars:8,consts:[[1,"row"],[1,"col-xs-6","col-6","col-md-5","col-lg-3"],["itemClass","sortable-item","itemActiveClass","sortable-item-active","placeholderItem","Drag here","placeholderClass","placeholderStyle text-center","wrapperClass","sortable-wrapper",3,"ngModelChange","ngModel"],[1,"code-preview"]],template:function(n,t){1&n&&(e.j41(0,"div",0)(1,"div",1)(2,"bs-sortable",2),e.mxI("ngModelChange",function(i){return e.DH7(t.itemStringsLeft,i)||(t.itemStringsLeft=i),i}),e.k0s()(),e.j41(3,"div",1)(4,"bs-sortable",2),e.mxI("ngModelChange",function(i){return e.DH7(t.itemStringsRight,i)||(t.itemStringsRight=i),i}),e.k0s()()(),e.j41(5,"div",0)(6,"div",1)(7,"pre",3),e.EFF(8),e.nI1(9,"json"),e.k0s()(),e.j41(10,"div",1)(11,"pre",3),e.EFF(12),e.nI1(13,"json"),e.k0s()()()),2&n&&(e.R7$(2),e.R50("ngModel",t.itemStringsLeft),e.R7$(2),e.R50("ngModel",t.itemStringsRight),e.R7$(4),e.SpI("model: ",e.bMT(9,4,t.itemStringsLeft),""),e.R7$(4),e.SpI("model: ",e.bMT(13,6,t.itemStringsRight),""))},dependencies:[m.BC,m.vS,u,p.TG],encapsulation:2})}return s})(),C=(()=>{class s{constructor(){this.itemObjectsLeft=[{id:1,name:"Windstorm"},{id:2,name:"Bombasto"},{id:3,name:"Magneta"}],this.itemObjectsRight=[{id:4,name:"Tornado"},{id:5,name:"Mr. O"},{id:6,name:"Tomato"}]}static#e=this.\u0275fac=function(n){return new(n||s)};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["complex-datamodel-demo"]],decls:14,vars:8,consts:[[1,"row"],[1,"col-xs-6","col-6","col-md-5","col-lg-3"],["fieldName","name","itemClass","sortable-item","itemActiveClass","sortable-item-active","placeholderItem","Drag here","placeholderClass","placeholderStyle text-center","wrapperClass","sortable-wrapper",3,"ngModelChange","ngModel"],[1,"code-preview"]],template:function(n,t){1&n&&(e.j41(0,"div",0)(1,"div",1)(2,"bs-sortable",2),e.mxI("ngModelChange",function(i){return e.DH7(t.itemObjectsLeft,i)||(t.itemObjectsLeft=i),i}),e.k0s()(),e.j41(3,"div",1)(4,"bs-sortable",2),e.mxI("ngModelChange",function(i){return e.DH7(t.itemObjectsRight,i)||(t.itemObjectsRight=i),i}),e.k0s()()(),e.j41(5,"div",0)(6,"div",1)(7,"pre",3),e.EFF(8),e.nI1(9,"json"),e.k0s()(),e.j41(10,"div",1)(11,"pre",3),e.EFF(12),e.nI1(13,"json"),e.k0s()()()),2&n&&(e.R7$(2),e.R50("ngModel",t.itemObjectsLeft),e.R7$(2),e.R50("ngModel",t.itemObjectsRight),e.R7$(4),e.SpI("model: ",e.bMT(9,4,t.itemObjectsLeft),""),e.R7$(4),e.SpI("model: ",e.bMT(13,6,t.itemObjectsRight),""))},dependencies:[m.BC,m.vS,u,p.TG],encapsulation:2})}return s})();function R(s,d){if(1&s&&(e.j41(0,"span"),e.EFF(1),e.k0s()),2&s){const o=d.item,n=d.index;e.R7$(),e.Lme("",n,": ",o.value,"")}}let f=(()=>{class s{constructor(){this.itemStringsLeft=["Windstorm","Bombasto","Magneta","Tornado"],this.itemStringsRight=["Mr. O","Tomato"]}static#e=this.\u0275fac=function(n){return new(n||s)};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["custom-item-template-demo"]],decls:16,vars:9,consts:[["itemTemplate",""],[1,"row"],[1,"col-xs-6","col-6","col-md-5","col-lg-3"],["itemClass","sortable-item","itemActiveClass","sortable-item-active","placeholderItem","Drag here","placeholderClass","placeholderStyle text-center","wrapperClass","sortable-wrapper",3,"ngModelChange","ngModel","itemTemplate"],["itemClass","sortable-item","itemActiveClass","sortable-item-active","placeholderItem","Drag here","placeholderClass","placeholderStyle text-center","wrapperClass","sortable-wrapper",3,"ngModelChange","ngModel"],[1,"code-preview"]],template:function(n,t){if(1&n){const l=e.RV6();e.DNE(0,R,2,2,"ng-template",null,0,e.C5r),e.j41(2,"div",1)(3,"div",2)(4,"bs-sortable",3),e.mxI("ngModelChange",function(c){return e.eBV(l),e.DH7(t.itemStringsLeft,c)||(t.itemStringsLeft=c),e.Njj(c)}),e.k0s()(),e.j41(5,"div",2)(6,"bs-sortable",4),e.mxI("ngModelChange",function(c){return e.eBV(l),e.DH7(t.itemStringsRight,c)||(t.itemStringsRight=c),e.Njj(c)}),e.k0s()()(),e.j41(7,"div",1)(8,"div",2)(9,"pre",5),e.EFF(10),e.nI1(11,"json"),e.k0s()(),e.j41(12,"div",2)(13,"pre",5),e.EFF(14),e.nI1(15,"json"),e.k0s()()()}if(2&n){const l=e.sdS(1);e.R7$(4),e.R50("ngModel",t.itemStringsLeft),e.Y8G("itemTemplate",l),e.R7$(2),e.R50("ngModel",t.itemStringsRight),e.R7$(4),e.SpI("model: ",e.bMT(11,5,t.itemStringsRight),""),e.R7$(4),e.SpI("model: ",e.bMT(15,7,t.itemStringsRight),"")}},dependencies:[m.BC,m.vS,u,p.TG],encapsulation:2})}return s})(),M=(()=>{class s{static#e=this.\u0275fac=function(n){return new(n||s)};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["demo-accessibility"]],decls:26,vars:0,consts:[["href","https://www.w3.org/TR/wai-aria-1.1/#aria-dropeffect"],[1,"highlighter-rouge"]],template:function(n,t){1&n&&(e.j41(0,"p"),e.EFF(1,"You can use "),e.j41(2,"code"),e.EFF(3,'aria-dropeffect="..."'),e.k0s(),e.EFF(4," and "),e.j41(5,"code"),e.EFF(6,"aria-grabbed"),e.k0s(),e.EFF(7," for "),e.j41(8,"code"),e.EFF(9,".sortable-item"),e.k0s(),e.EFF(10,". When you start drag item "),e.j41(11,"code"),e.EFF(12,"aria-grabbed"),e.k0s(),e.EFF(13," must have "),e.j41(14,"code"),e.EFF(15,"true"),e.k0s(),e.EFF(16," state. "),e.j41(17,"code"),e.EFF(18,"aria-dropeffect"),e.k0s(),e.EFF(19," property is defined depending on the grabbed object."),e.k0s(),e.j41(20,"p"),e.EFF(21,"But be careful, these attributes are "),e.j41(22,"a",0)(23,"code",1),e.EFF(24,"deprecated"),e.k0s()(),e.EFF(25,"."),e.k0s())},encapsulation:2})}return s})();const w=[{name:"Overview",anchor:"overview",tabName:"overview",outlet:h.xK,content:[{title:"Basic",anchor:"basic",component:a(49013),html:a(953),outlet:v},{title:"Complex data model",anchor:"complexDatamodel",component:a(90661),html:a(34185),outlet:C},{title:"Custom item template",anchor:"itemTemplate",component:a(87782),html:a(81050),outlet:f},{title:"Accessibility",anchor:"accessibility",outlet:M}]},{name:"Installation",anchor:"api-reference",tabName:"api",outlet:h.Mg,usage:a(68901),importInfo:'ng add ngx-bootstrap --component sortable',content:[{title:"SortableComponent",anchor:"sortable-component",outlet:h.r2}]},{name:"Examples",anchor:"examples",tabName:"examples",outlet:h.xK,content:[{title:"Basic",anchor:"basic-ex",outlet:v},{title:"Complex data model",anchor:"complexDatamodel-ex",outlet:C},{title:"Custom item template",anchor:"itemTemplate-ex",outlet:f}]}];var B=a(86223),A=a(52439);let S=(()=>{class s{constructor(){this.name="Sortable",this.src="https://github.com/valor-software/ngx-bootstrap/blob/development/src/sortable",this.componentContent=w}static#e=this.\u0275fac=function(n){return new(n||s)};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["sortable-section"]],decls:15,vars:4,consts:[[3,"name","src","componentContent"],[3,"content"]],template:function(n,t){1&n&&(e.j41(0,"demo-section",0)(1,"p"),e.EFF(2,"The "),e.j41(3,"strong"),e.EFF(4,"sortable component"),e.k0s(),e.EFF(5," represents a list of items, with ability to sort them or move to another container via drag&drop. Input collection isn't mutated by the component, so events "),e.j41(6,"code"),e.EFF(7,"ngModelChange"),e.k0s(),e.EFF(8,", "),e.j41(9,"code"),e.EFF(10,"onChange"),e.k0s(),e.EFF(11," are using new collections."),e.k0s(),e.j41(12,"p"),e.EFF(13,"The easiest way to add the sortable component to your app (will be added to the root module)"),e.k0s(),e.nrm(14,"docs-section",1),e.k0s()),2&n&&(e.Y8G("name",t.name)("src",t.src)("componentContent",t.componentContent),e.R7$(14),e.Y8G("content",t.componentContent))},dependencies:[B.q,A.C],styles:["\n .sortable-item {\n padding: 6px 12px;\n margin-bottom: 4px;\n font-size: 14px;\n line-height: 1.4em;\n text-align: center;\n cursor: grab;\n border: 1px solid transparent;\n border-radius: 4px;\n border-color: #adadad;\n }\n\n .sortable-item-active {\n background-color: #e6e6e6;\n box-shadow: inset 0 3px 5px rgba(0,0,0,.125);\n }\n\n .sortable-wrapper {\n min-height: 150px;\n }\n "],encapsulation:2,changeDetection:0})}return s})();const O=[{path:"",component:S}];let L=(()=>{class s{static#e=this.\u0275fac=function(n){return new(n||s)};static#t=this.\u0275mod=e.$C({type:s});static#n=this.\u0275inj=e.G2t({imports:[p.MD,m.YN,h.ky,T,I.iI.forChild(O)]})}return s})()},953:(g,r,a)=>{a.r(r),a.d(r,{default:()=>m});const m='\n
\n\n\n \n
\n \n \n
\n\n
\n\n\n'},49013:(g,r,a)=>{a.r(r),a.d(r,{default:()=>m});const m="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-demo',\n templateUrl: './basic.component.html'\n})\nexport class DemoBasicComponent {\n itemStringsLeft = [\n 'Windstorm',\n 'Bombasto',\n 'Magneta',\n 'Tornado'\n ];\n\n itemStringsRight = ['Mr. O', 'Tomato'];\n}\n"},34185:(g,r,a)=>{a.r(r),a.d(r,{default:()=>m});const m='\n
\n\n model: {{ itemStringsLeft | json }}\n \n
\nmodel: {{ itemStringsRight | json }}\n \n
\n\n\n \n
\n \n \n
\n\n
\n'},90661:(g,r,a)=>{a.r(r),a.d(r,{default:()=>m});const m="import { Component } from '@angular/core';\n\ninterface IItemObject {\n id: number;\n name: string;\n}\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'complex-datamodel-demo',\n templateUrl: './complex-datamodel.component.html'\n})\nexport class ComplexDatamodelDemoComponent {\n itemObjectsLeft: IItemObject[] = [\n { id: 1, name: 'Windstorm' },\n { id: 2, name: 'Bombasto' },\n { id: 3, name: 'Magneta' }\n ];\n\n itemObjectsRight: IItemObject[] = [\n { id: 4, name: 'Tornado' },\n { id: 5, name: 'Mr. O' },\n { id: 6, name: 'Tomato' }\n ];\n}\n"},81050:(g,r,a)=>{a.r(r),a.d(r,{default:()=>m});const m='\n
\n\n model: {{ itemObjectsLeft | json }}\n \n
\nmodel: {{ itemObjectsRight | json }}\n \n
\n\n\n \n
\n \n \n
\n\n
\n\n'},87782:(g,r,a)=>{a.r(r),a.d(r,{default:()=>m});const m="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'custom-item-template-demo',\n templateUrl: './custom-item-template.html'\n})\nexport class CustomItemTemplateDemoComponent {\n itemStringsLeft: string[] = [\n 'Windstorm',\n 'Bombasto',\n 'Magneta',\n 'Tornado'\n ];\n\n itemStringsRight: string[] = ['Mr. O', 'Tomato'];\n}\n"},68901:(g,r,a)=>{a.r(r),a.d(r,{default:()=>m});const m="### Standalone component usage\nimport { SortableModule } from 'ngx-bootstrap/sortable';\n\n@Component({\n standalone: true,\n imports: [SortableModule,...]\n})\nexport class AppComponent(){}\n\n### Module usage\nimport { SortableModule } from 'ngx-bootstrap/sortable';\n\n@NgModule({\n imports: [SortableModule,...]\n})\nexport class AppModule(){}\n"}}]);
\ No newline at end of file
diff --git a/457.29c2145feb74fbe3.js b/457.29c2145feb74fbe3.js
new file mode 100644
index 0000000000..ad8b663c28
--- /dev/null
+++ b/457.29c2145feb74fbe3.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkngx_bootstrap_docs=self.webpackChunkngx_bootstrap_docs||[]).push([[457],{15457:(u,c,r)=>{r.r(c),r.d(c,{DatepickerSectionComponent:()=>mi,DemoDatepickerModule:()=>mm});var d=r(60177),h=r(84341),ui=r(8681);function we(e){return e<0?Math.ceil(e)||0:Math.floor(e)}function A(e){return"string"==typeof e}function kt(e){return e instanceof Date||"[object Date]"===Object.prototype.toString.call(e)}function pe(e){return e&&e.getTime&&!isNaN(e.getTime())}function Ye(e){return e instanceof Function||"[object Function]"===Object.prototype.toString.call(e)}function Be(e){return"number"==typeof e||"[object Number]"===Object.prototype.toString.call(e)}function L(e){return e instanceof Array||"[object Array]"===Object.prototype.toString.call(e)}function O(e,s){return Object.prototype.hasOwnProperty.call(e,s)}function Le(e){return null!=e&&"[object Object]"===Object.prototype.toString.call(e)}function Un(e){return void 0===e}function b(e){const s=+e;let n=0;return 0!==s&&isFinite(s)&&(n=we(s)),n}const st={},$n={date:"day",hour:"hours",minute:"minutes",second:"seconds",millisecond:"milliseconds"};function V(e,s){const n=e.toLowerCase();let a=e;n in $n&&(a=$n[n]),st[n]=st[`${n}s`]=st[s]=a}function Xn(e){return A(e)?st[e]||st[e.toLowerCase()]:void 0}function ce(e,s,n){const a=`${Math.abs(e)}`;return(e>=0?n?"+":"":"-")+Math.pow(10,Math.max(0,s-a.length)).toString().substr(1)+a}const Xt={},He={},zn=/(\[[^\[]*\])|(\\)?([Hh]mm(ss)?|Mo|MM?M?M?|Do|DDDo|DD?D?D?|ddd?d?|do?|w[o|w]?|W[o|W]?|Qo?|YYYYYY|YYYYY|YYYY|YY|gg(ggg?)?|GG(GGG?)?|e|E|a|A|hh?|HH?|kk?|mm?|ss?|S{1,9}|x|X|zz?|ZZ?|.)/g;function f(e,s,n,a){e&&(He[e]=a),s&&(He[s[0]]=function(){return ce(a.apply(null,arguments),s[1],s[2])}),n&&(He[n]=function(i,o){return o.locale.ordinal(a.apply(null,arguments),e)})}function gi(e){return e.match(/\[[\s\S]/)?e.replace(/^\[|\]$/g,""):e.replace(/\\/g,"")}function zt(e,s,n){const a=new Date(Date.UTC.apply(null,arguments));return e<100&&e>=0&&isFinite(a.getUTCFullYear())&&a.setUTCFullYear(e),a}function vt(e,s=0,n=1,a=0,i=0,o=0,l=0){const m=new Date(e,s,n,a,i,o,l);return e<100&&e>=0&&isFinite(m.getFullYear())&&m.setFullYear(e),m}function k(e,s=!1){return s?e.getUTCHours():e.getHours()}function Ie(e,s=!1){return s?e.getUTCMinutes():e.getMinutes()}function Jt(e,s=!1){return s?e.getUTCSeconds():e.getSeconds()}function de(e,s=!1){return s?e.getUTCMilliseconds():e.getMilliseconds()}function ne(e,s=!1){return s?e.getUTCDay():e.getDay()}function at(e,s=!1){return s?e.getUTCDate():e.getDate()}function v(e,s=!1){return s?e.getUTCMonth():e.getMonth()}function R(e,s=!1){return s?e.getUTCFullYear():e.getFullYear()}function Ae(e,s){return!(!e||!s)&&Ge(e,s)&&v(e)===v(s)}function Ge(e,s){return!(!e||!s)&&R(e)===R(s)}function he(e,s){return!(!e||!s)&&Ge(e,s)&&Ae(e,s)&&at(e)===at(s)}const Jn=/\d/,G=/\d\d/,Kn=/\d{3}/,Kt=/\d{4}/,yt=/[+-]?\d{6}/,w=/\d\d?/,Qn=/\d\d\d\d?/,Zn=/\d\d\d\d\d\d?/,Mt=/\d{1,3}/,Qt=/\d{1,4}/,Ct=/[+-]?\d{1,6}/,Mi=/\d+/,Tt=/[+-]?\d+/,Zt=/Z|[+-]\d\d(?::?\d\d)?/gi,Ci=/[+-]?\d+(\.\d{1,3})?/,it=/[0-9]{0,256}['a-z\u00A0-\u05FF\u0700-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]{1,256}|[\u0600-\u06FF\/]{1,256}(\s*?[\u0600-\u06FF]{1,256}){1,2}/i,wt={};function p(e,s,n){wt[e]=Ye(s)?s:function(a,i){return a&&n?n:s}}function Ti(e,s){return O(wt,e)?wt[e](!1,s):new RegExp(function wi(e){return xe(e.replace("\\","").replace(/\\(\[)|\\(\])|\[([^\]\[]*)\]|\\(.)/g,(s,n,a,i,o)=>n||a||i||o))}(e))}function xe(e){return e.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")}const qt={};function Y(e,s){const n=A(e)?[e]:e;let a=s;if(Be(s)&&(a=function(i,o,l){return o[s]=b(i),l}),L(n)&&Ye(a)){let i;for(i=0;i\n
\n\n model: {{ itemStringsRight | json }}\n \n
\nmodel: {{ itemStringsRight | json }}\n Note: If you installed ngx-bootstrap not via ng add command, you will need to perform a several actions
\nNotable change is additional css for it "/datepicker/bs-datepicker.css"
There are two ways of adding css:
\n- \n
- Load it from CDN. Add
<link rel="stylesheet"\n href="https://unpkg.com/ngx-bootstrap/datepicker/bs-datepicker.css">to your\nindex.html\n - Load it from
dist/ngx-bootstrap/datepicker/bs-datepicker.cssvia package bundler\n like Angular CLI, if you\'re using one.\n \n
with initial state set by bsInlineValue property
isAnimated config option",outlet:Ha},{title:"Adaptive position",anchor:"adaptive-position",component:r(12126),html:r(8290),description:"You can enable adaptive position via adaptivePosition option in bsConfig
You can easily change the date format by specifying the dateInputFormat\n in [bsConfig]\n
To set your own date format you can use variety of formats provided by\n moment.js
\nThe following examples show how to use several date formats inside a form:\n
- \n
YYYY-MM-DD\n MM/DD/YYYY\n MMMM Do YYYY,h:mm:ss a\n
Hide the datepicker on page scroll.
\n ",outlet:Ta},{title:"Themes",anchor:"themes",component:r(2790),html:r(44346),description:"\nDatepicker comes with some default color schemes.\n You can change it by manipulating containerClass property in bsConfig object
There are 6 color schemes: theme-default, theme-green, theme-blue,\n theme-dark-blue, theme-red, theme-orange
Datepicker can use different locales.
It's possible to change a locale by calling\n use\n method of BsLocaleService, list of available locales is in dropdown below.
To use a different locale, you have to import it from ngx-bootstrap/chronos first, then\n define it in your @NgModule using function defineLocale
Example:
\nimport { defineLocale } from 'ngx-bootstrap/chronos';\n
import { deLocale } from 'ngx-bootstrap/locale';\n
defineLocale('de', deLocale);\n \n
\n ",outlet:_a},{title:"Min-max",anchor:"min-max",component:r(78851),html:r(58651),description:"\n
You can set min and max date of datepicker/daterangepicker using minDate and\n maxDate properties
In the following example minDate is set to yesterday and maxDate\n to the current day in the next week
You can set which days of the week should be disabled with daysDisabled\n
In the following example daysDisabled is set with an array which disabled Saturday and Sunday.\n Sunday is considered the first day of the week and thus has the value 0
You can set which dates should be disabled with datesDisabled
In the following example datesDisabled is set with an array to disable 2020-02-05 and 2020-02-09.
NOTE: DO NOT USE this functionality with datesEnabled at the same time
You can set which dates should be enable with datesEnabled
In the following example datesEnabled is set with an array to enable 2020-02-06, 2020-02-08 and 2020-02-11. All other dates are disabled
NOTE: DO NOT USE this functionality with datesDisabled at the same time
You can configure, how many months you want to show for daterangepicker via displayMonths in BsDaterangepickerConfig.
With displayOneMonthRange you can show only one month for two cases
You can set min view mode of datepicker using minMode property
In the following example minMode is set to 'month'
If you want to disable datepicker's or daterangepicker's content set isDisabled property to true
If you want to add custom class to current day datepicker's content set value to customTodayClass option in bsConfig
Datepicker and daterangepicker can be used in forms. Keep in mind that\n value of ngModel is Date object for datepicker and array of 2\n Date objects for daterangepicker
Allows to return focus to input of datepicker or daterangepicker after the date or daterange selection
",outlet:ja},{title:"Manual triggering",anchor:"triggers-manual",component:r(41750),html:r(94058),description:"You can manage datepicker's state by using its show(), hide()\n and toggle() methods
Add placement property if you want to change placement
You can manage datepicker's options by using its setConfig() method
You can subscribe to datepicker's visibility events
",outlet:Xa},{title:"Value change event",anchor:"value-change-event",component:r(29518),html:r(1266),description:"You can subscribe to datepicker's value change event (bsValueChange).
You can configure the datepicker via its bsConfig option
You can enable dates from other months via selectFromOtherMonth option in bsConfig
You can enable ability to select a week number (first day of the week will be selected) via selectWeek option in bsConfig
You can enable ability to select a week number (range with first weekday - last weekday will be selected) via selectWeekRange option in bsConfig
Datepicker closes after outside click by default. To change\n this behavior, use outsideClick property.
Datepicker can be shown or hidden by changing isOpen property
Use different triggers ( for example keydown, mouseenter and\n dblclick ) to interact with datepicker
Style dates with custom classes
",outlet:Fa},{title:"Tooltip for selected dates",anchor:"tooltip-for-selected-dates",component:r(95562),html:r(13806),description:"",outlet:Qa},{title:"Quick select ranges",anchor:"quick-select-ranges",component:r(27522),html:r(88022),description:"Quick select ranges can be added to Daterangepicker using ranges
Pick some date from second month and it wont change to the next month
",outlet:ai},{title:"Previous month in Daterangepicker",anchor:"daterangepicker-previous-month",component:r(36744),html:r(18776),description:"Pick previous & current month instead of current & next month.When daterange selected and related to current month,\n daterangepicker will works by default, with current & next month
",outlet:Ja},{title:"Show Today Button",anchor:"datepicker-show-today-button",component:r(90472),html:r(66200),description:"Display an optional 'Today' button that will automatically select today's date.
",outlet:ti},{title:"Show Clear Button",anchor:"datepicker-show-clear-button",component:r(28616),html:r(67224),description:"Display an optional 'Clear' button that will automatically clear date.
",outlet:ni},{title:"Start view",anchor:"start-view",component:r(60600),html:r(53576),description:"Add startView property if you want to change start view
Max date range after first date selection can be added to Daterangepicker using maxDateRange.
If you also use maxDate property, you can't select second date, which exceeds value of maxDate.
withTimepicker config option",outlet:oi},{title:"Close behavior with timepicker changes",anchor:"close-behavior",component:r(84301),html:r(43873),description:"If you use datepicker with timepicker together, you are able to set keepDatepickerOpened config option and keep datepicker opened until date isn't changed",outlet:li},{title:"Don't overwrite dates out of rule",anchor:"keep-dates-out-of-rules",component:r(91531),html:r(7891),description:"If you use datepicker with rules (minDate, maxDate) you can set config property keepDatesOutOfRules to true to avoid overwriting invalid dates. Default value is false.
\n
\n'},12126:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-adaptive-position',\n templateUrl: './adaptive-position.html'\n})\nexport class DemoDatePickerAdaptivePositionComponent {}\n"},42022:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n \n
\n \n \n
\n\n
\n'},89938:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-animated',\n templateUrl: './animated.html'\n})\nexport class DemoDatePickerAnimatedComponent {}\n"},25570:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n \n
\n \n \n
\n\n
\n'},91134:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-basic',\n templateUrl: './basic.html'\n})\nexport class DemoDatepickerBasicComponent {}\n"},6178:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n \n
\n \n \n
\n\n
\n\n \n \n \n
\n \n \n
\n \n \n
\n\n\n
\n
\n'},11838:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\nimport { BsDatepickerDirective, BsDaterangepickerDirective, BsLocaleService } from 'ngx-bootstrap/datepicker';\nimport { listLocales } from 'ngx-bootstrap/chronos';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-change-locale',\n templateUrl: './change-locale.html'\n})\nexport class DemoDatepickerChangeLocaleComponent {\n locale = 'en';\n locales = listLocales();\n\n constructor(private localeService: BsLocaleService) {}\n\n applyLocale(pop: BsDatepickerDirective | BsDaterangepickerDirective) {\n this.localeService.use(this.locale);\n pop.hide();\n pop.show();\n }\n}\n"},67224:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n \n \n \n
\n \n \n
\n \n \n
\n\n
\n'},28616:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-clear-button',\n templateUrl: './clear-button.html'\n})\nexport class DemoDatepickerClearButtonComponent {}\n"},43873:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n \n
\n \n
\n'},84301:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'datepicker-close-behavior',\n templateUrl: './datepicker-close-behavior.html'\n})\nexport class DatepickerCloseBehaviorComponent {\n}\n"},44346:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n \n
\n \n \n
\n\n
\n\n \n \n \n \n \n \n \n \n
\n\n \n
\n\n
\n \n \n
\n \n \n
\n \n\n\n'},2790:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\nimport { BsDatepickerConfig, BsDatepickerDirective } from 'ngx-bootstrap/datepicker';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-color-theming',\n templateUrl: './color-theming.html'\n})\nexport class DemoDatepickerColorThemingComponent {\n colorTheme = 'theme-green';\n\n bsConfig?: Partial
\n
\n'},89794:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component, ViewChild } from '@angular/core';\nimport { BsDaterangepickerDirective, BsDatepickerConfig } from 'ngx-bootstrap/datepicker';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-config-method',\n templateUrl: './config-method.html'\n})\nexport class DemoDatepickerConfigMethodComponent {\n @ViewChild('dp', { static: false }) datepicker?: BsDaterangepickerDirective;\n\n bsConfig?: Partial\n \n
\n \n \n
\n\n
\n'},86990:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-config-object',\n templateUrl: './config-object.html'\n})\nexport class DemoDatePickerConfigObjectComponent {}\n"},1374:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n'},79002:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\nimport { UntypedFormControl, UntypedFormGroup } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-date-picker-custom-format',\n templateUrl: './custom-format.html'\n})\nexport class DemoDatePickerCustomFormatComponent {\n currentDate = new Date();\n\n form = new UntypedFormGroup({\n dateYMD: new UntypedFormControl(new Date()),\n dateFull: new UntypedFormControl(new Date()),\n dateMDY: new UntypedFormControl(new Date()),\n dateRange: new UntypedFormControl([\n new Date(),\n new Date(this.currentDate.setDate(this.currentDate.getDate() + 7))\n ])\n });\n}\n"},22765:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n \n
\n\n
\n'},61657:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-custom-today-class',\n templateUrl: './custom-today-class.component.html'\n})\nexport class DemoDatepickerCustomTodayClassComponent { }\n"},13042:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n \n
\n\n
\n'},75677:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="::ng-deep .theme-green {\n .bs-datepicker-body {\n table {\n td {\n span.selected {\n background-color: #5cb85c !important;\n }\n }\n }\n }\n}\n"},35086:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\nimport { DatepickerDateCustomClasses } from 'ngx-bootstrap/datepicker';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-date-custom-classes',\n templateUrl: './date-custom-classes.html',\n styleUrls: ['./date-custom-classes.scss']\n})\nexport class DemoDatepickerDateCustomClassesComponent {\n dateCustomClasses: DatepickerDateCustomClasses[];\n\n constructor() {\n const now = new Date();\n const twoDaysAhead = new Date();\n twoDaysAhead.setDate(now.getDate() + 2);\n const fourDaysAhead = new Date();\n fourDaysAhead.setDate(now.getDate() + 4);\n\n this.dateCustomClasses = [\n { date: now, classes: [] },\n { date: twoDaysAhead, classes: ['bg-warning'] },\n { date: fourDaysAhead, classes: ['bg-danger', 'text-warning'] }\n ];\n }\n}\n"},15130:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n \n
\n \n \n
\nbsValue property sets initial state in this example
\n
\n\n\n \n
\n \n \n
\nngModel property sets two-way data binding in this example
\n
\n'},9158:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-date-initial-state',\n templateUrl: './date-initial-state.html'\n})\nexport class DemoDatepickerDateInitialStateComponent {\n bsValue = new Date();\n bsRangeValue: Date[];\n maxDate = new Date();\n constructor() {\n this.maxDate.setDate(this.maxDate.getDate() + 7);\n this.bsRangeValue = [this.bsValue, this.maxDate];\n }\n}\n"},3136:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n \n
\n \n \n
\n\n
\n'},67232:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-daterangepicker-display-one-month',\n templateUrl: './display-one-month.html'\n})\n// eslint-disable-next-line @angular-eslint/component-class-suffix\nexport class DemoDateRangePickerDisplayOneMonth {\n today: Date;\n maxDate: Date;\n minDate: Date;\n\n constructor() {\n this.today = new Date();\n this.minDate = new Date(this.today.getFullYear(), this.today.getMonth(), 2);\n this.maxDate = new Date(this.today.getFullYear(), this.today.getMonth(), 25);\n }\n}\n"},18776:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n
\n maxDate is today
\n
\nminDate month is equal to maxDate month
\n
\n'},36744:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-daterangepicker-show-previous-month',\n templateUrl: './show-previous-month.html'\n})\n// eslint-disable-next-line @angular-eslint/component-class-suffix\nexport class DemoDateRangePickerShowPreviousMonth {}\n"},18082:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n \n
\n\n
\n'},30206:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-datesdisabled',\n templateUrl: './disable-dates.html'\n})\nexport class DemoDatepickerDatesDisabledComponent {\n disabledDates = [\n new Date('2020-02-05'),\n new Date('2020-02-09')\n ];\n}\n"},76744:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n \n
\n \n \n
\n\n
\n\n\n\n
\n Saturday and Sunday are not selectable
\n \n\n
\nSaturday and Sunday are selectable
\n \n\n
\n'},5720:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-daysdisabled',\n templateUrl: './disable-days.html'\n})\nexport class DemoDatepickerDaysDisabledComponent {}\n"},56701:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n
\n Saturday and Sunday are not selectable
\n \n\n
\nSaturday and Sunday are selectable
\n \n\n
\n'},53961:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-disabled',\n templateUrl: './disabled.component.html'\n})\nexport class DemoDatepickerDisabledComponent {\n isDisabled = false;\n\n toggleDisabling(): void {\n this.isDisabled = !this.isDisabled;\n }\n}\n"},51742:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n \n
\n \n \n
\n \n \n
\n\n
\n'},57914:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-datesenabled',\n templateUrl: './enable-dates.html'\n})\nexport class DemoDatepickerDatesEnabledComponent {\n enabledDates = [\n new Date('2020-02-06'),\n new Date('2020-02-08'),\n new Date('2020-02-11'),\n ];\n}\n"},13675:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n \n
\n \n \n
\n\n
\n\n \n
\n \n \n
\n\n
\n\n\n'},49875:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-forms',\n templateUrl: './forms.component.html'\n})\nexport class DemoDatepickerFormsComponent {\n datepickerModel?: Date;\n daterangepickerModel?: Date[];\n}\n"},65596:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n
\n{{datepickerModel}}
{{daterangepickerModel}}\n \n
\n\n \n
\n \n \n
\n\n'},89900:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component, HostListener, ViewChild } from '@angular/core';\nimport { BsDatepickerDirective } from 'ngx-bootstrap/datepicker';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-date-picker-hide-on-scroll',\n templateUrl: './hide-on-scroll.html'\n})\nexport class DemoDatepickerHideOnScrollComponent {\n @ViewChild(BsDatepickerDirective, { static: false }) datepicker?: BsDatepickerDirective;\n\n @HostListener('window:scroll')\n onScrollEvent() {\n this.datepicker?.hide();\n }\n}\n"},94135:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='
\n
\n\n'},7759:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-inline',\n templateUrl: './inline-datepicker.component.html'\n})\nexport class DemoDatepickerInlineComponent {\n bsInlineValue = new Date();\n bsInlineRangeValue: Date[];\n maxDate = new Date();\n\n constructor() {\n this.maxDate.setDate(this.maxDate.getDate() + 7);\n this.bsInlineRangeValue = [this.bsInlineValue, this.maxDate];\n }\n}\n"},7891:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n
\n \n
\n\n
\n'},91531:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'keep-dates-out-of-rules',\n templateUrl: './keep-dates-out-of-rules.component.html'\n})\nexport class KeepDatesOutOfRulesComponent {\n minDate = new Date();\n bsRangeValue: Date[];\n maxDate = new Date();\n bsInvalidDate: Date = new Date();\n\n constructor() {\n this.maxDate.setDate(this.maxDate.getDate() + 7);\n this.bsInvalidDate.setDate(this.maxDate.getDate() + 2);\n this.bsRangeValue = [this.minDate, this.bsInvalidDate];\n }\n}\n"},11526:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n \n
\n \n \n
\n\n
\n'},39506:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import {Component} from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-max-date-range',\n templateUrl: './max-date-range.html'\n})\nexport class DemoDateRangePickerMaxDateRangeComponent {\n maxDate: Date;\n\n constructor() {\n this.maxDate = new Date();\n this.maxDate.setDate(this.maxDate.getDate() + 30);\n}\n}\n"},58651:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n \n
\n\n
\n\n\n'},78851:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-min-max',\n templateUrl: './min-max.component.html'\n})\nexport class DemoDatepickerMinMaxComponent {\n minDate: Date;\n maxDate: Date;\n\n constructor() {\n this.minDate = new Date();\n this.maxDate = new Date();\n this.minDate.setDate(this.minDate.getDate() - 1);\n this.maxDate.setDate(this.maxDate.getDate() + 7);\n }\n}\n"},8457:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n \n
\n \n \n
\n\n
\n\n\n \n
\n \n \n
\n\n
\n\n \n
\n \n \n
\n\n'},25509:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component, OnInit } from '@angular/core';\n\nimport { BsDatepickerConfig, BsDatepickerViewMode } from 'ngx-bootstrap/datepicker';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-min-mode',\n templateUrl: './min-mode.component.html'\n})\nexport class DemoDatepickerMinModeComponent implements OnInit {\n datePickerValue: Date = new Date(2020, 7);\n dateRangePickerValue?: (Date | undefined)[];\n range1: Date = new Date(2020, 5);\n range2: Date = new Date(2020, 8);\n minMode: BsDatepickerViewMode = 'month';\n\n bsConfig?: Partial
\n
\n'},98814:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-outside-click',\n templateUrl: './outside-click.html'\n})\nexport class DemoDatepickerOutsideClickComponent {}\n"},79222:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n
\n Outside click closes the datepicker in this example
\n \n\n
\nOutside click doesn\'t close the datepicker in this example
\n \n\n
\n'},93986:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-placement',\n templateUrl: './placement.html'\n})\nexport class DemoDatepickerPlacementComponent {}\n"},76481:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n
\n The datepicker\'s placement is right
\n \n\n
\n The datepicker\'s placement is top
\n \n\n
\n The datepicker\'s placement is bottom
\n \n\n
\nThe datepicker\'s placement is left
\n \n\n
\n'},1357:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-prevent-change-to-next-month',\n templateUrl: './prevent-change-to-next-month.component.html'\n})\nexport class DemoDatepickerPreventChangeToNextMonthComponent {\n maxDate = new Date();\n\n constructor() {\n this.maxDate.setDate(this.maxDate.getDate() + 7);\n }\n}\n"},88022:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n \n
\n\n
\n'},27522:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\ninterface IRange {\n value: Date[];\n label: string;\n}\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-quick-select-ranges',\n templateUrl: './quick-select-ranges.html'\n})\nexport class DemoDatePickerQuickSelectRangesComponent {\n ranges: IRange[] = [{\n value: [new Date(new Date().setDate(new Date().getDate() - 7)), new Date()],\n label: 'Last 7 Days'\n }, {\n value: [new Date(), new Date(new Date().setDate(new Date().getDate() + 7))],\n label: 'Next 7 Days'\n }];\n\n}\n"},539:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n\n\n'},34659:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component, OnInit } from '@angular/core';\nimport { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-reactive-forms',\n templateUrl: './reactive-forms.component.html'\n})\nexport class DemoDatepickerReactiveFormsComponent implements OnInit {\n myForm?: UntypedFormGroup;\n constructor(private formBuilder: UntypedFormBuilder) {}\n\n ngOnInit() {\n this.myForm = this.formBuilder.group({\n date: null,\n range: null\n });\n }\n}\n"},85027:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n \n
\n\n
\n'},72795:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-return-focus-to-input',\n templateUrl: './return-focus-to-input.component.html'\n})\nexport class DemoDatePickerReturnFocusToInputComponent {}\n"},70632:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n \n
\n \n \n
\n\n
\n'},16344:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-select-dates-from-other-months',\n templateUrl: './select-dates-from-other-months.html'\n})\nexport class DemoDatePickerSelectDatesFromOtherMonthsComponent {}\n"},6646:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n \n
\n\n
\n\n\n \n
\nAlso works with selectFromOtherMonth option, which allows to select weeks which started on previous\n month
\n
\n\n\n\n \n
\nIf first day of the week is disabled, the next one will be selected.
\n\n\n
\n\n\n\n \n
\nTwo first days of the each week are disabled
\nIf all days in week are disabled, you can\'t select this week
\n\n\n
\n'},29698:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-select-week-range',\n templateUrl: './select-week-range.html'\n})\nexport class DemoDatePickerSelectWeekRangeComponent {}\n"},96598:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n \n
\n\n
\n\n\n \n
\nAlso works with selectFromOtherMonth option, which allows to select weeks which started on previous\n month
\n
\n\n\n\n \n
\nIf first day of the week is disabled, the next one will be selected.
\n\n\n
\n\n\n\n
\n\nTwo first days of the each week are disabled
\n \nIf all days in week are disabled, you can\'t select this week
\n\n\n
\n'},19938:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-select-week',\n templateUrl: './select-week.html'\n})\nexport class DemoDatePickerSelectWeekComponent {}\n"},53576:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n \n
\n\n\n
\n'},60600:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-start-view',\n templateUrl: './start-view.html'\n})\nexport class DemoDatepickerStartViewComponent {}\n"},66200:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n
\n The datepicker\'s start view is day (default)
\n \n\n
\n The datepicker\'s start view is month
\n \n\n
\nThe datepicker\'s start view is year
\n \n\n
\n'},90472:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-today-button',\n templateUrl: './today-button.html'\n})\nexport class DemoDatepickerTodayButtonComponent {}\n"},13806:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n \n
\n\n
\n'},95562:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\nimport { DatepickerDateTooltipText } from 'ngx-bootstrap/datepicker';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-tooltip-to-selected-dates',\n templateUrl: './tooltip-to-selected-dates.html'\n})\n// eslint-disable-next-line @angular-eslint/component-class-suffix\nexport class DemoDatePickerTooltipToSelectedDates {\n selectedDates : DatepickerDateTooltipText[] = [{ date: new Date('2020-08-08'), tooltipText: '8th of August'},\n { date: new Date('2020-08-09'), tooltipText: '9th of August'},\n { date: new Date('2020-08-07'), tooltipText: '7th of August'}\n ];\n}\n"},17654:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n \n
\n\n
\n'},5986:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-trigger-by-isopen',\n templateUrl: './trigger-by-isopen-property.html'\n})\nexport class DemoDatepickerByIsOpenPropComponent {\n isOpen = false;\n}\n\n"},54894:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n \n
\n \n \n
\n\n
\n'},60394:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-triggers-custom',\n templateUrl: './triggers-custom.html'\n})\nexport class DemoDatepickerTriggersCustomComponent {}\n"},94058:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n
\n Hover over the input to open the datepicker
\n \n\n
\n Focus on input and press any key to open the datepicker
\n \n\n
\n\u0421lick twice on input to open the datepicker
\n \n\n
\n'},41750:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-triggers-manual',\n templateUrl: './triggers-manual.html'\n})\nexport class DemoDatepickerTriggersManualComponent {}\n"},1266:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n \n
\n \n \n\n \n\n \n
\n\n
\n'},29518:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-value-change-event',\n templateUrl: './value-change-event.html'\n})\nexport class DemoDatepickerValueChangeEventComponent {\n data?: Date;\n\n onValueChange(value: Date): void {\n this.data = value;\n }\n}\n"},83722:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n
\n\n
\n \n Changed date is {{data | date}}\n \n
\n\n\n'},80214:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-visibility-events',\n templateUrl: './visibility-events.html'\n})\n\nexport class DemoDatePickerVisibilityEventsComponent {\n messages: string[] = [];\n message = 'onShown';\n handler(value: string): void {\n if(this.message === value) {\n this.messages = [];\n }\n this.messages.push(`Event ${value} is fired`);\n }\n}\n"},26906:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d='\n \n\n
\n \n
\n{{message}}\n \n
\n'},72614:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-datepicker-with-timepicker',\n templateUrl: './with-timepicker.html'\n})\n\nexport class DemoDatepickerWithTimepickerComponent {\n}\n"},51487:(u,c,r)=>{r.r(c),r.d(c,{default:()=>d});const d="### Standalone component usage\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\n\nimport { BsDatepickerModule } from 'ngx-bootstrap/datepicker';\n\n@Components({\n imports: [\n BrowserAnimationsModule,\n BsDatepickerModule,\n ...\n ]\n})\nexport class AppComponents(){}\n\n\n### Module usage\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\n\nimport { BsDatepickerModule } from 'ngx-bootstrap/datepicker';\n\n@NgModule({\n imports: [\n BrowserAnimationsModule,\n BsDatepickerModule,\n ...\n ]\n})\nexport class AppModule(){}\n"}}]);
\ No newline at end of file
diff --git a/515.6014483ce28a0b4f.js b/515.6014483ce28a0b4f.js
new file mode 100644
index 0000000000..6ea17d7926
--- /dev/null
+++ b/515.6014483ce28a0b4f.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkngx_bootstrap_docs=self.webpackChunkngx_bootstrap_docs||[]).push([[515],{32515:(c,i,t)=>{t.r(i),t.d(i,{DemoTimepickerModule:()=>Z,TimepickerSectionComponent:()=>U});var m=t(60177),a=t(84341),j=t(8681),h=t(57740),T=t(37472),e=t(54438),d=t(34156);let g=(()=>{class o{constructor(){this.mytime=new Date}static#e=this.\u0275fac=function(s){return new(s||o)};static#n=this.\u0275cmp=e.VBU({type:o,selectors:[["demo-timepicker-basic"]],decls:3,vars:2,consts:[[3,"ngModelChange","ngModel"],[1,"alert","alert-info"]],template:function(s,n){1&s&&(e.j41(0,"timepicker",0),e.mxI("ngModelChange",function(l){return e.DH7(n.mytime,l)||(n.mytime=l),l}),e.k0s(),e.j41(1,"pre",1),e.EFF(2),e.k0s()),2&s&&(e.R50("ngModel",n.mytime),e.R7$(2),e.SpI("Time is: ",n.mytime,""))},dependencies:[a.BC,a.vS,d.n],encapsulation:2})}return o})(),f=(()=>{class o{constructor(){this.ismeridian=!0,this.mytime=new Date}toggleMode(){this.ismeridian=!this.ismeridian}static#e=this.\u0275fac=function(s){return new(s||o)};static#n=this.\u0275cmp=e.VBU({type:o,selectors:[["demo-timepicker-meridian"]],decls:6,vars:3,consts:[[3,"ngModelChange","ngModel","showMeridian"],[1,"alert","alert-info"],["type","button",1,"btn","btn-info",3,"click"]],template:function(s,n){1&s&&(e.j41(0,"timepicker",0),e.mxI("ngModelChange",function(l){return e.DH7(n.mytime,l)||(n.mytime=l),l}),e.k0s(),e.j41(1,"pre",1),e.EFF(2),e.k0s(),e.nrm(3,"br"),e.j41(4,"button",2),e.bIt("click",function(){return n.toggleMode()}),e.EFF(5,"12H / 24H"),e.k0s()),2&s&&(e.R50("ngModel",n.mytime),e.Y8G("showMeridian",n.ismeridian),e.R7$(2),e.SpI("Time is: ",n.mytime,""))},dependencies:[a.BC,a.vS,d.n],encapsulation:2})}return o})(),C=(()=>{class o{constructor(){this.mytime=new Date,this.meridians=["AM(Midnight to Noon)","PM(Noon to Midnight)"]}static#e=this.\u0275fac=function(s){return new(s||o)};static#n=this.\u0275cmp=e.VBU({type:o,selectors:[["demo-timepicker-custom-meridian"]],decls:3,vars:3,consts:[[3,"ngModelChange","ngModel","meridians"],[1,"alert","alert-info"]],template:function(s,n){1&s&&(e.j41(0,"timepicker",0),e.mxI("ngModelChange",function(l){return e.DH7(n.mytime,l)||(n.mytime=l),l}),e.k0s(),e.j41(1,"pre",1),e.EFF(2),e.k0s()),2&s&&(e.R50("ngModel",n.mytime),e.Y8G("meridians",n.meridians),e.R7$(2),e.SpI("Time is: ",n.mytime,""))},dependencies:[a.BC,a.vS,d.n],encapsulation:2})}return o})(),y=(()=>{class o{constructor(){this.myTime=new Date,this.minTime=new Date,this.maxTime=new Date,this.minTime.setHours(8),this.minTime.setMinutes(0),this.maxTime.setHours(23),this.maxTime.setMinutes(55)}static#e=this.\u0275fac=function(s){return new(s||o)};static#n=this.\u0275cmp=e.VBU({type:o,selectors:[["demo-timepicker-min-max"]],decls:3,vars:4,consts:[[3,"ngModelChange","ngModel","min","max"],[1,"alert","alert-info"]],template:function(s,n){1&s&&(e.j41(0,"timepicker",0),e.mxI("ngModelChange",function(l){return e.DH7(n.myTime,l)||(n.myTime=l),l}),e.k0s(),e.j41(1,"pre",1),e.EFF(2),e.k0s()),2&s&&(e.R50("ngModel",n.myTime),e.Y8G("min",n.minTime)("max",n.maxTime),e.R7$(2),e.SpI("Time is: ",n.myTime,""))},dependencies:[a.BC,a.vS,d.n],encapsulation:2})}return o})(),k=(()=>{class o{constructor(){this.hoursPlaceholder="hh",this.minutesPlaceholder="mm",this.secondsPlaceholder="ss"}static#e=this.\u0275fac=function(s){return new(s||o)};static#n=this.\u0275cmp=e.VBU({type:o,selectors:[["demo-timepicker-placeholder"]],decls:1,vars:4,consts:[[3,"hoursPlaceholder","minutesPlaceholder","secondsPlaceholder","showSeconds"]],template:function(s,n){1&s&&e.nrm(0,"timepicker",0),2&s&&e.Y8G("hoursPlaceholder",n.hoursPlaceholder)("minutesPlaceholder",n.minutesPlaceholder)("secondsPlaceholder",n.secondsPlaceholder)("showSeconds",!0)},dependencies:[d.n],encapsulation:2})}return o})(),D=(()=>{class o{constructor(){this.myTime=new Date,this.showMin=!0,this.showSec=!0}toggleMinutes(){this.showMin=!this.showMin}toggleSeconds(){this.showSec=!this.showSec}static#e=this.\u0275fac=function(s){return new(s||o)};static#n=this.\u0275cmp=e.VBU({type:o,selectors:[["demo-timepicker-seconds"]],decls:11,vars:8,consts:[[3,"ngModelChange","ngModel","showMinutes","showSeconds"],[1,"alert","alert-info"],[1,"btn","btn-default","text-center",3,"click"]],template:function(s,n){1&s&&(e.j41(0,"timepicker",0),e.mxI("ngModelChange",function(l){return e.DH7(n.myTime,l)||(n.myTime=l),l}),e.k0s(),e.j41(1,"pre",1),e.EFF(2),e.nrm(3,"br"),e.EFF(4),e.nrm(5,"br"),e.EFF(6),e.k0s(),e.j41(7,"button",2),e.bIt("click",function(){return n.toggleMinutes()}),e.EFF(8),e.k0s(),e.j41(9,"button",2),e.bIt("click",function(){return n.toggleSeconds()}),e.EFF(10),e.k0s()),2&s&&(e.R50("ngModel",n.myTime),e.Y8G("showMinutes",n.showMin)("showSeconds",n.showSec),e.R7$(2),e.SpI("Time is: ",n.myTime,""),e.R7$(2),e.SpI("showMinutes: ",n.showMin,""),e.R7$(2),e.SpI("showSeconds: ",n.showSec,""),e.R7$(2),e.SpI(" ",n.showMin?"Hide minutes":"Show minutes","\n"),e.R7$(2),e.SpI(" ",n.showSec?"Hide seconds":"Show seconds","\n"))},dependencies:[a.BC,a.vS,d.n],encapsulation:2})}return o})(),M=(()=>{class o{constructor(){this.isMeridian=!0,this.isDisabled=!0,this.myTime=new Date}static#e=this.\u0275fac=function(s){return new(s||o)};static#n=this.\u0275cmp=e.VBU({type:o,selectors:[["demo-timepicker-disabled"]],decls:4,vars:3,consts:[[3,"ngModelChange","ngModel","showMeridian","disabled"],["type","button",1,"btn","btn-info",3,"click"]],template:function(s,n){1&s&&(e.j41(0,"timepicker",0),e.mxI("ngModelChange",function(l){return e.DH7(n.myTime,l)||(n.myTime=l),l}),e.k0s(),e.nrm(1,"hr"),e.j41(2,"button",1),e.bIt("click",function(){return n.isDisabled=!n.isDisabled}),e.EFF(3,"Enable / Disable input"),e.k0s()),2&s&&(e.R50("ngModel",n.myTime),e.Y8G("showMeridian",n.isMeridian)("disabled",!n.isDisabled))},dependencies:[a.BC,a.vS,d.n],encapsulation:2})}return o})();function V(o,u){if(1&o&&(e.j41(0,"option",6),e.EFF(1),e.k0s()),2&o){const r=u.$implicit;e.Y8G("value",r),e.R7$(),e.JRh(r)}}function O(o,u){if(1&o&&(e.j41(0,"option",6),e.EFF(1),e.k0s()),2&o){const r=u.$implicit;e.Y8G("value",r),e.R7$(),e.JRh(r)}}function K(o,u){if(1&o&&(e.j41(0,"option",6),e.EFF(1),e.k0s()),2&o){const r=u.$implicit;e.Y8G("value",r),e.R7$(),e.JRh(r)}}let b=(()=>{class o{constructor(){this.hstep=1,this.mstep=15,this.sstep=10,this.mytime=new Date,this.options={hstep:[1,2,3],mstep:[1,5,10,15,25,30],sstep:[5,10,20,30]}}static#e=this.\u0275fac=function(s){return new(s||o)};static#n=this.\u0275cmp=e.VBU({type:o,selectors:[["demo-timepicker-custom"]],decls:16,vars:12,consts:[[3,"ngModelChange","ngModel","hourStep","minuteStep","showSeconds","secondsStep"],[1,"alert","alert-info"],[1,"row"],[1,"col-xs-6","col-6","col-md-3"],[1,"form-control",3,"ngModelChange","ngModel"],[3,"value",4,"ngFor","ngForOf"],[3,"value"]],template:function(s,n){1&s&&(e.j41(0,"timepicker",0),e.mxI("ngModelChange",function(l){return e.DH7(n.mytime,l)||(n.mytime=l),l}),e.k0s(),e.j41(1,"pre",1),e.EFF(2),e.k0s(),e.j41(3,"div",2)(4,"div",3),e.EFF(5," Hours step is: "),e.j41(6,"select",4),e.mxI("ngModelChange",function(l){return e.DH7(n.hstep,l)||(n.hstep=l),l}),e.DNE(7,V,2,2,"option",5),e.k0s()(),e.j41(8,"div",3),e.EFF(9," Minutes step is: "),e.j41(10,"select",4),e.mxI("ngModelChange",function(l){return e.DH7(n.mstep,l)||(n.mstep=l),l}),e.DNE(11,O,2,2,"option",5),e.k0s()(),e.j41(12,"div",3),e.EFF(13," Seconds step is: "),e.j41(14,"select",4),e.mxI("ngModelChange",function(l){return e.DH7(n.sstep,l)||(n.sstep=l),l}),e.DNE(15,K,2,2,"option",5),e.k0s()()()),2&s&&(e.R50("ngModel",n.mytime),e.Y8G("hourStep",n.hstep)("minuteStep",n.mstep)("showSeconds",!0)("secondsStep",n.sstep),e.R7$(2),e.SpI("Time is: ",n.mytime,""),e.R7$(4),e.R50("ngModel",n.hstep),e.R7$(),e.Y8G("ngForOf",n.options.hstep),e.R7$(3),e.R50("ngModel",n.mstep),e.R7$(),e.Y8G("ngForOf",n.options.mstep),e.R7$(3),e.R50("ngModel",n.sstep),e.R7$(),e.Y8G("ngForOf",n.options.sstep))},dependencies:[m.Sq,a.xH,a.y7,a.wz,a.BC,a.vS,d.n],encapsulation:2})}return o})();function W(o,u){1&o&&(e.j41(0,"div",4),e.EFF(1,"Invalid time"),e.k0s())}let E=(()=>{class o{constructor(){this.ctrl=new a.hs("",r=>{const s=r.value;if(!s)return null;const n=s.getHours();return n<11||n>12?{outOfRange:!0}:null})}static#e=this.\u0275fac=function(s){return new(s||o)};static#n=this.\u0275cmp=e.VBU({type:o,selectors:[["demo-timepicker-custom-validation"]],decls:7,vars:8,consts:[[1,"form-group","mb-3"],["required","",3,"ngModelChange","ngModel","formControl"],[1,"alert"],["class","alert alert-danger",4,"ngIf"],[1,"alert","alert-danger"]],template:function(s,n){1&s&&(e.j41(0,"p"),e.EFF(1,"Illustrates custom validation, you have to select time between 11:00 and 12:59"),e.k0s(),e.j41(2,"div",0)(3,"timepicker",1),e.mxI("ngModelChange",function(l){return e.DH7(n.myTime,l)||(n.myTime=l),l}),e.k0s()(),e.j41(4,"pre",2),e.EFF(5),e.k0s(),e.DNE(6,W,2,0,"div",3)),2&s&&(e.R7$(3),e.R50("ngModel",n.myTime),e.Y8G("formControl",n.ctrl),e.R7$(),e.AVh("alert-danger",!n.ctrl.valid&&!n.ctrl.pristine)("alert-success",n.ctrl.valid&&!n.ctrl.pristine||null===n.ctrl.value),e.R7$(),e.SpI(" Time is: ",n.myTime,"\n"),e.R7$(),e.Y8G("ngIf",n.ctrl.errors&&n.ctrl.errors.outOfRange))},dependencies:[m.bT,a.BC,a.YS,a.l_,d.n],encapsulation:2})}return o})();function _(o,u){1&o&&(e.j41(0,"pre",5),e.EFF(1,"Invalid time format"),e.k0s())}function H(){return Object.assign(new h.s5,{allowEmptyTime:!0})}let F=(()=>{class o{constructor(){this.mytime=new Date}update(){const r=new Date;r.setHours(14),r.setMinutes(0),this.mytime=r}changed(){console.log(`Time changed to: ${this.mytime}`)}clear(){this.mytime=void 0}static#e=this.\u0275fac=function(s){return new(s||o)};static#n=this.\u0275cmp=e.VBU({type:o,selectors:[["demo-timepicker-dynamic"]],features:[e.Jv_([{provide:h.s5,useFactory:H}])],decls:8,vars:3,consts:[[3,"ngModelChange","isValid","ngModel"],[1,"alert","alert-info"],["class","alert alert-danger",4,"ngIf"],["type","button",1,"btn","btn-primary",3,"click"],["type","button",1,"btn","btn-danger",3,"click"],[1,"alert","alert-danger"]],template:function(s,n){1&s&&(e.j41(0,"timepicker",0),e.mxI("ngModelChange",function(l){return e.DH7(n.mytime,l)||(n.mytime=l),l}),e.bIt("ngModelChange",function(){return n.changed()})("isValid",function(l){return n.isValid=l}),e.k0s(),e.j41(1,"pre",1),e.EFF(2),e.k0s(),e.DNE(3,_,2,0,"pre",2),e.j41(4,"button",3),e.bIt("click",function(){return n.update()}),e.EFF(5,"Set to 14:00"),e.k0s(),e.j41(6,"button",4),e.bIt("click",function(){return n.clear()}),e.EFF(7,"Clear"),e.k0s()),2&s&&(e.R50("ngModel",n.mytime),e.R7$(2),e.SpI("Time is: ",n.mytime,""),e.R7$(),e.Y8G("ngIf",!n.isValid))},dependencies:[m.bT,a.BC,a.vS,d.n],encapsulation:2})}return o})(),w=(()=>{class o{constructor(){this.allowMouseWheel=!0,this.myTime=new Date}static#e=this.\u0275fac=function(s){return new(s||o)};static#n=this.\u0275cmp=e.VBU({type:o,selectors:[["demo-timepicker-mousewheel"]],decls:6,vars:3,consts:[[3,"ngModelChange","ngModel","mousewheel"],["type","button",1,"btn","btn-info","section","bd-example",3,"click"],[1,"alert","alert-info"]],template:function(s,n){1&s&&(e.j41(0,"timepicker",0),e.mxI("ngModelChange",function(l){return e.DH7(n.myTime,l)||(n.myTime=l),l}),e.k0s(),e.nrm(1,"hr"),e.j41(2,"button",1),e.bIt("click",function(){return n.allowMouseWheel=!n.allowMouseWheel}),e.EFF(3,"Enable / Disable mouse wheel"),e.k0s(),e.j41(4,"pre",2),e.EFF(5),e.k0s()),2&s&&(e.R50("ngModel",n.myTime),e.Y8G("mousewheel",n.allowMouseWheel),e.R7$(5),e.SpI("Time is: ",n.myTime,""))},dependencies:[a.BC,a.vS,d.n],encapsulation:2})}return o})(),v=(()=>{class o{constructor(){this.allowArrowKeys=!0,this.myTime=new Date}static#e=this.\u0275fac=function(s){return new(s||o)};static#n=this.\u0275cmp=e.VBU({type:o,selectors:[["demo-timepicker-arrowkeys"]],decls:6,vars:3,consts:[[3,"ngModelChange","ngModel","arrowkeys"],["type","button",1,"btn","btn-info","section","bd-example",3,"click"],[1,"alert","alert-info"]],template:function(s,n){1&s&&(e.j41(0,"timepicker",0),e.mxI("ngModelChange",function(l){return e.DH7(n.myTime,l)||(n.myTime=l),l}),e.k0s(),e.nrm(1,"hr"),e.j41(2,"button",1),e.bIt("click",function(){return n.allowArrowKeys=!n.allowArrowKeys}),e.EFF(3,"Enable / Disable keyboard arrow keys"),e.k0s(),e.j41(4,"pre",2),e.EFF(5),e.k0s()),2&s&&(e.R50("ngModel",n.myTime),e.Y8G("arrowkeys",n.allowArrowKeys),e.R7$(5),e.SpI("Time is: ",n.myTime,""))},dependencies:[a.BC,a.vS,d.n],encapsulation:2})}return o})();function X(o,u){1&o&&(e.j41(0,"pre",4),e.EFF(1,"Invalid time format"),e.k0s())}function G(){return Object.assign(new h.s5,{allowEmptyTime:!0})}let S=(()=>{class o{constructor(){this.allowEmptyTime=!0,this.myTime=new Date}clear(){this.myTime=void 0}static#e=this.\u0275fac=function(s){return new(s||o)};static#n=this.\u0275cmp=e.VBU({type:o,selectors:[["demo-timepicker-empty-date"]],features:[e.Jv_([{provide:h.s5,useFactory:G}])],decls:7,vars:3,consts:[[3,"ngModelChange","isValid","ngModel"],[1,"alert","alert-info"],["class","alert alert-danger",4,"ngIf"],["type","button",1,"btn","btn-danger",3,"click"],[1,"alert","alert-danger"]],template:function(s,n){1&s&&(e.j41(0,"timepicker",0),e.mxI("ngModelChange",function(l){return e.DH7(n.myTime,l)||(n.myTime=l),l}),e.bIt("isValid",function(l){return n.isValid=l}),e.k0s(),e.nrm(1,"hr"),e.j41(2,"pre",1),e.EFF(3),e.k0s(),e.DNE(4,X,2,0,"pre",2),e.j41(5,"button",3),e.bIt("click",function(){return n.clear()}),e.EFF(6,"Clear"),e.k0s()),2&s&&(e.R50("ngModel",n.myTime),e.R7$(3),e.SpI("Time is: ",n.myTime,""),e.R7$(),e.Y8G("ngIf",!n.isValid))},dependencies:[m.bT,a.BC,a.vS,d.n],encapsulation:2})}return o})();function L(){return Object.assign(new h.s5,{hourStep:2,minuteStep:10,showMeridian:!1,readonlyInput:!1,mousewheel:!0,showMinutes:!0,showSeconds:!1,labelHours:"Hours",labelMinutes:"Minutes",labelSeconds:"Seconds"})}let R=(()=>{class o{static#e=this.\u0275fac=function(s){return new(s||o)};static#n=this.\u0275cmp=e.VBU({type:o,selectors:[["demo-timepicker-config"]],features:[e.Jv_([{provide:h.s5,useFactory:L}])],decls:3,vars:2,consts:[[3,"ngModelChange","ngModel"],[1,"alert","alert-info"]],template:function(s,n){1&s&&(e.j41(0,"timepicker",0),e.mxI("ngModelChange",function(l){return e.DH7(n.mytime,l)||(n.mytime=l),l}),e.k0s(),e.j41(1,"pre",1),e.EFF(2),e.k0s()),2&s&&(e.R50("ngModel",n.mytime),e.R7$(2),e.SpI("Time is: ",n.mytime,""))},dependencies:[a.BC,a.vS,d.n],encapsulation:2})}return o})(),P=(()=>{class o{constructor(){this.isMeridian=!1,this.readonly=!0,this.myTime=new Date}static#e=this.\u0275fac=function(s){return new(s||o)};static#n=this.\u0275cmp=e.VBU({type:o,selectors:[["demo-timepicker-readonly"]],decls:4,vars:3,consts:[[3,"ngModelChange","ngModel","showMeridian","readonlyInput"],["type","button",1,"btn","btn-info",3,"click"]],template:function(s,n){1&s&&(e.j41(0,"timepicker",0),e.mxI("ngModelChange",function(l){return e.DH7(n.myTime,l)||(n.myTime=l),l}),e.k0s(),e.nrm(1,"hr"),e.j41(2,"button",1),e.bIt("click",function(){return n.readonly=!n.readonly}),e.EFF(3,"Editable / Readonly input"),e.k0s()),2&s&&(e.R50("ngModel",n.myTime),e.Y8G("showMeridian",n.isMeridian)("readonlyInput",!n.readonly))},dependencies:[a.BC,a.vS,d.n],encapsulation:2})}return o})(),A=(()=>{class o{constructor(){this.isMeridian=!1,this.showSpinners=!0,this.myTime=new Date}static#e=this.\u0275fac=function(s){return new(s||o)};static#n=this.\u0275cmp=e.VBU({type:o,selectors:[["demo-timepicker-spinners"]],decls:4,vars:3,consts:[[3,"ngModelChange","ngModel","showMeridian","showSpinners"],["type","button",1,"btn","btn-info",3,"click"]],template:function(s,n){1&s&&(e.j41(0,"timepicker",0),e.mxI("ngModelChange",function(l){return e.DH7(n.myTime,l)||(n.myTime=l),l}),e.k0s(),e.nrm(1,"hr"),e.j41(2,"button",1),e.bIt("click",function(){return n.showSpinners=!n.showSpinners}),e.EFF(3,"Show / Hide spinners"),e.k0s()),2&s&&(e.R50("ngModel",n.myTime),e.Y8G("showMeridian",n.isMeridian)("showSpinners",n.showSpinners))},dependencies:[a.BC,a.vS,d.n],encapsulation:2})}return o})();function Y(o,u){1&o&&(e.j41(0,"div",3),e.EFF(1,"Invalid time"),e.k0s())}let I=(()=>{class o{constructor(){this.isMeridian=!0,this.myTime=new Date,this.valid=!0}isValid(r){this.valid=r}static#e=this.\u0275fac=function(s){return new(s||o)};static#n=this.\u0275cmp=e.VBU({type:o,selectors:[["demo-timepicker-isvalid"]],decls:5,vars:8,consts:[[3,"ngModelChange","isValid","ngModel","showMeridian"],[1,"alert"],["class","alert alert-danger",4,"ngIf"],[1,"alert","alert-danger"]],template:function(s,n){1&s&&(e.j41(0,"timepicker",0),e.mxI("ngModelChange",function(l){return e.DH7(n.myTime,l)||(n.myTime=l),l}),e.bIt("isValid",function(l){return n.isValid(l)}),e.k0s(),e.nrm(1,"hr"),e.j41(2,"pre",1),e.EFF(3),e.k0s(),e.DNE(4,Y,2,0,"div",2)),2&s&&(e.R50("ngModel",n.myTime),e.Y8G("showMeridian",n.isMeridian),e.R7$(2),e.AVh("alert-danger",!n.valid)("alert-success",n.valid),e.R7$(),e.SpI(" Time is: ",n.myTime,"\n"),e.R7$(),e.Y8G("ngIf",!n.valid))},dependencies:[m.bT,a.BC,a.vS,d.n],encapsulation:2})}return o})();function N(o,u){if(1&o){const r=e.RV6();e.qex(0),e.j41(1,"form",1),e.nrm(2,"timepicker",2),e.k0s(),e.nrm(3,"br"),e.j41(4,"button",3),e.bIt("click",function(){let n;e.eBV(r);const p=e.XpG();return e.Njj(null==(n=p.form.get("myControl"))?null:n.enable())}),e.EFF(5,"Enable Control"),e.k0s(),e.j41(6,"button",4),e.bIt("click",function(){let n;e.eBV(r);const p=e.XpG();return e.Njj(null==(n=p.form.get("myControl"))?null:n.disable())}),e.EFF(7,"Disable Control"),e.k0s(),e.nrm(8,"br")(9,"br"),e.j41(10,"pre",5),e.EFF(11),e.k0s(),e.bVm()}if(2&o){let r;const s=e.XpG();e.R7$(),e.Y8G("formGroup",s.form),e.R7$(),e.Y8G("formControlName","myControl"),e.R7$(9),e.SpI("Time is: ",null==(r=s.form.get("myControl"))?null:r.value,"")}}let B=(()=>{class o{constructor(){this.form=new a.J3({myControl:new a.hs(new Date)})}static#e=this.\u0275fac=function(s){return new(s||o)};static#n=this.\u0275cmp=e.VBU({type:o,selectors:[["demo-timepicker-form"]],decls:1,vars:1,consts:[[4,"ngIf"],[3,"formGroup"],[3,"formControlName"],[1,"btn","btn-success",3,"click"],[1,"btn","btn-warning",3,"click"],[1,"alert","alert-info"]],template:function(s,n){1&s&&e.DNE(0,N,12,3,"ng-container",0),2&s&&e.Y8G("ngIf",n.form)},dependencies:[m.bT,a.qT,a.BC,a.cb,a.j4,a.JD,d.n],encapsulation:2})}return o})();const J=[{name:"Overview",anchor:"overview",tabName:"overview",outlet:T.xK,content:[{title:"Basic",anchor:"basic",component:t(29467),html:t(97987),outlet:g},{title:"Form",anchor:"form",component:t(2413),html:t(43777),outlet:B},{title:"Meridian",anchor:"meridian",component:t(6787),html:t(65083),outlet:f},{title:"Custom meridian",anchor:"custom-meridian",component:t(48267),html:t(91059),description:"\n \n
\n \n \n
\nText in meridian labels can be customized by using meridians input property
isValid event emits true if a value is a valid data.\n Enter an invalid data to see error
\n\n\n\n
Time is: {{myTime}}\n'},6455:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-timepicker-arrowkeys',\n templateUrl: './arrowkeys.html'\n})\nexport class DemoTimepickerArrowkeysComponent {\n allowArrowKeys = true;\n myTime = new Date();\n}\n"},97987:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m='Time is: {{mytime}}\n'},29467:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-timepicker-basic',\n templateUrl: './basic.html'\n})\nexport class DemoTimepickerBasicComponent {\n mytime: Date = new Date();\n}\n"},79001:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m='Time is: {{mytime}}\n'},41429:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m="import { Component } from '@angular/core';\nimport { TimepickerConfig } from 'ngx-bootstrap/timepicker';\n\n// such override allows to keep some initial values\n\nexport function getTimepickerConfig(): TimepickerConfig {\n return Object.assign(new TimepickerConfig(), {\n hourStep: 2,\n minuteStep: 10,\n showMeridian: false,\n readonlyInput: false,\n mousewheel: true,\n showMinutes: true,\n showSeconds: false,\n labelHours: 'Hours',\n labelMinutes: 'Minutes',\n labelSeconds: 'Seconds'\n });\n}\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-timepicker-config',\n templateUrl: './config.html',\n providers: [{ provide: TimepickerConfig, useFactory: getTimepickerConfig }]\n})\nexport class DemoTimepickerConfigComponent {\n mytime?: string;\n}\n"},91059:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m='Time is: {{mytime}}\n'},48267:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-timepicker-custom-meridian',\n templateUrl: './custom-meridian.html'\n})\nexport class DemoTimepickerCustomMeridianComponent {\n mytime: Date = new Date();\n meridians = ['AM(Midnight to Noon)', 'PM(Noon to Midnight)'];\n}\n"},54751:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m='Illustrates custom validation, you have to select time between 11:00 and 12:59
\n\n\n
\n\n\n Time is: {{myTime}}\n\nInvalid time
\n'},26343:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m="import { Component } from '@angular/core';\nimport { AbstractControl, UntypedFormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-timepicker-custom-validation',\n templateUrl: './custom-validation.html'\n})\nexport class DemoTimepickerCustomValidationComponent {\n myTime?: Date;\n\n ctrl = new UntypedFormControl('', (control: AbstractControl) => {\n const value = control.value;\n\n if (!value) {\n return null;\n }\n\n const hours = value.getHours();\n\n if (hours < 11 || hours > 12) {\n return { outOfRange: true };\n }\n\n return null;\n });\n}\n"},37479:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m='Time is: {{mytime}}\n\n\n
\n'},93151:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m="import { Component } from '@angular/core';\n\ninterface IOptions {\n hstep: number[];\n mstep: number[];\n sstep: number[];\n}\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-timepicker-custom',\n templateUrl: './custom.html'\n})\nexport class DemoTimepickerCustomComponent {\n hstep = 1;\n mstep = 15;\n sstep = 10;\n\n mytime: Date = new Date();\n options: IOptions = {\n hstep: [1, 2, 3],\n mstep: [1, 5, 10, 15, 25, 30],\n sstep: [5, 10, 20, 30]\n };\n}\n"},3729:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m='\n Hours step is:\n \n
\n \n Minutes step is:\n \n
\n \n Seconds step is:\n \n
\n\n\n'},71613:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-timepicker-disabled',\n templateUrl: './disabled.html'\n})\nexport class DemoTimepickerDisabledComponent {\n isMeridian = true;\n isDisabled = true;\n myTime = new Date();\n}\n"},54335:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m='
Time is: {{mytime}}\nInvalid time format\n\n\n\n'},85159:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m="import { Component } from '@angular/core';\nimport { TimepickerConfig } from 'ngx-bootstrap/timepicker';\n\nexport function getTimepickerConfig(): TimepickerConfig {\n return Object.assign(new TimepickerConfig(), {\n allowEmptyTime: true\n });\n}\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-timepicker-dynamic',\n templateUrl: './dynamic.html',\n providers: [{ provide: TimepickerConfig, useFactory: getTimepickerConfig }]\n})\nexport class DemoTimepickerDynamicComponent {\n mytime: Date | undefined = new Date();\n isValid?: boolean;\n\n update(): void {\n const time = new Date();\n time.setHours(14);\n time.setMinutes(0);\n\n this.mytime = time;\n }\n\n changed(): void {\n console.log(`Time changed to: ${this.mytime}`);\n }\n\n clear(): void {\n this.mytime = void 0;\n }\n}\n"},25025:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m='
\n\n
Time is: {{myTime}}\nInvalid time format\n\n\n'},86253:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m="import { Component } from '@angular/core';\nimport { TimepickerConfig } from 'ngx-bootstrap/timepicker';\n\nexport function getTimepickerConfig(): TimepickerConfig {\n return Object.assign(new TimepickerConfig(), {\n allowEmptyTime: true\n });\n}\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-timepicker-empty-date',\n templateUrl: './empty-date.html',\n providers: [{ provide: TimepickerConfig, useFactory: getTimepickerConfig }]\n})\nexport class DemoTimepickerEmptyDateComponent {\n allowEmptyTime = true;\n myTime?: Date = new Date();\n isValid?: boolean;\n\n clear(): void {\n this.myTime = void 0;\n }\n}\n"},43777:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m='
\n \n \n
\n\n
Time is: {{ form.get(\'myControl\')?.value }}\n\n
\n Time is: {{myTime}}\n\nInvalid time
\n'},67639:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-timepicker-isvalid',\n templateUrl: './isvalid.html'\n})\nexport class DemoTimepickerIsValidComponent {\n isMeridian = true;\n myTime = new Date();\n valid = true;\n\n isValid(event: boolean): void {\n this.valid = event;\n }\n}\n"},65083:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m='Time is: {{mytime}}\n\n\n\n\n\n'},6787:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-timepicker-meridian',\n templateUrl: './meridian.html'\n})\nexport class DemoTimepickerMeridianComponent {\n ismeridian = true;\n\n mytime: Date = new Date();\n\n toggleMode(): void {\n this.ismeridian = !this.ismeridian;\n }\n}\n"},44079:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m='
Time is: {{myTime}}\n'},51799:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-timepicker-min-max',\n templateUrl: './min-max.html'\n})\nexport class DemoTimepickerMinMaxComponent {\n myTime: Date = new Date();\n minTime: Date = new Date();\n maxTime: Date = new Date();\n\n constructor() {\n this.minTime.setHours(8);\n this.minTime.setMinutes(0);\n this.maxTime.setHours(23);\n this.maxTime.setMinutes(55);\n }\n}\n"},19313:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m='\n\n\n\n
Time is: {{myTime}}\n'},6557:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-timepicker-mousewheel',\n templateUrl: './mousewheel.html'\n})\nexport class DemoTimepickerMousewheelComponent {\n allowMouseWheel = true;\n myTime = new Date();\n}\n"},96515:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m='\n\n'},69773:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-timepicker-readonly',\n templateUrl: './readonly.html'\n})\nexport class DemoTimepickerReadonlyComponent {\n isMeridian = false;\n readonly = true;\n myTime = new Date();\n}\n"},29021:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m='
\n\n\n\n'},7721:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-timepicker-spinners',\n templateUrl: './spinners.html'\n})\nexport class DemoTimepickerSpinnersComponent {\n isMeridian = false;\n showSpinners = true;\n myTime: Date = new Date();\n}\n"},96809:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m='
Time is: {{myTime}}
showMinutes: {{showMin}}
showSeconds: {{showSec}}\n\n\n\n'},28645:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-timepicker-seconds',\n templateUrl: './toggle-minutes-seconds.html'\n})\nexport class DemoTimepickerToggleMinutesSecondsComponent {\n myTime: Date = new Date();\n showMin = true;\n showSec = true;\n\n toggleMinutes(): void {\n this.showMin = !this.showMin;\n }\n\n toggleSeconds(): void {\n this.showSec = !this.showSec;\n }\n\n}\n"},47744:(c,i,t)=>{t.r(i),t.d(i,{default:()=>m});const m="### Standalone component usage\nimport { TimepickerModule } from 'ngx-bootstrap/timepicker';\n\n@Component({\n standalone: true,\n imports: [TimepickerModule,...]\n})\nexport class AppComponent(){}\n\n### Module usage\nimport { TimepickerModule } from 'ngx-bootstrap/timepicker';\n\n@NgModule({\n imports: [TimepickerModule,...]\n})\nexport class AppModule(){}\n"}}]);
\ No newline at end of file
diff --git a/546.cfeaea3fb5c3ed81.js b/546.cfeaea3fb5c3ed81.js
new file mode 100644
index 0000000000..32537106e3
--- /dev/null
+++ b/546.cfeaea3fb5c3ed81.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkngx_bootstrap_docs=self.webpackChunkngx_bootstrap_docs||[]).push([[546],{43546:(p,s,o)=>{o.r(s),o.d(s,{DemoTypeaheadModule:()=>un,TypeaheadSectionComponent:()=>fe});var l=o(60177),h=o(84341),Te=o(8681);const Se={\u00c1:"A",\u0102:"A",\u1eae:"A",\u1eb6:"A",\u1eb0:"A",\u1eb2:"A",\u1eb4:"A",\u01cd:"A",\u00c2:"A",\u1ea4:"A",\u1eac:"A",\u1ea6:"A",\u1ea8:"A",\u1eaa:"A",\u00c4:"A",\u01de:"A",\u0226:"A",\u01e0:"A",\u1ea0:"A",\u0200:"A",\u00c0:"A",\u1ea2:"A",\u0202:"A",\u0100:"A",\u0104:"A",\u00c5:"A",\u01fa:"A",\u1e00:"A",\u023a:"A",\u00c3:"A",\ua732:"AA",\u00c6:"AE",\u01fc:"AE",\u01e2:"AE",\ua734:"AO",\ua736:"AU",\ua738:"AV",\ua73a:"AV",\ua73c:"AY",\u1e02:"B",\u1e04:"B",\u0181:"B",\u1e06:"B",\u0243:"B",\u0182:"B",\u0106:"C",\u010c:"C",\u00c7:"C",\u1e08:"C",\u0108:"C",\u010a:"C",\u0187:"C",\u023b:"C",\u010e:"D",\u1e10:"D",\u1e12:"D",\u1e0a:"D",\u1e0c:"D",\u018a:"D",\u1e0e:"D",\u01f2:"D",\u01c5:"D",\u0110:"D",\u018b:"D",\u01f1:"DZ",\u01c4:"DZ",\u00c9:"E",\u0114:"E",\u011a:"E",\u0228:"E",\u1e1c:"E",\u00ca:"E",\u1ebe:"E",\u1ec6:"E",\u1ec0:"E",\u1ec2:"E",\u1ec4:"E",\u1e18:"E",\u00cb:"E",\u0116:"E",\u1eb8:"E",\u0204:"E",\u00c8:"E",\u1eba:"E",\u0206:"E",\u0112:"E",\u1e16:"E",\u1e14:"E",\u0118:"E",\u0246:"E",\u1ebc:"E",\u1e1a:"E",\ua76a:"ET",\u1e1e:"F",\u0191:"F",\u01f4:"G",\u011e:"G",\u01e6:"G",\u0122:"G",\u011c:"G",\u0120:"G",\u0193:"G",\u1e20:"G",\u01e4:"G",\u1e2a:"H",\u021e:"H",\u1e28:"H",\u0124:"H",\u2c67:"H",\u1e26:"H",\u1e22:"H",\u1e24:"H",\u0126:"H",\u00cd:"I",\u012c:"I",\u01cf:"I",\u00ce:"I",\u00cf:"I",\u1e2e:"I",\u0130:"I",\u1eca:"I",\u0208:"I",\u00cc:"I",\u1ec8:"I",\u020a:"I",\u012a:"I",\u012e:"I",\u0197:"I",\u0128:"I",\u1e2c:"I",\ua779:"D",\ua77b:"F",\ua77d:"G",\ua782:"R",\ua784:"S",\ua786:"T",\ua76c:"IS",\u0134:"J",\u0248:"J",\u1e30:"K",\u01e8:"K",\u0136:"K",\u2c69:"K",\ua742:"K",\u1e32:"K",\u0198:"K",\u1e34:"K",\ua740:"K",\ua744:"K",\u0139:"L",\u023d:"L",\u013d:"L",\u013b:"L",\u1e3c:"L",\u1e36:"L",\u1e38:"L",\u2c60:"L",\ua748:"L",\u1e3a:"L",\u013f:"L",\u2c62:"L",\u01c8:"L",\u0141:"L",\u01c7:"LJ",\u1e3e:"M",\u1e40:"M",\u1e42:"M",\u2c6e:"M",\u0143:"N",\u0147:"N",\u0145:"N",\u1e4a:"N",\u1e44:"N",\u1e46:"N",\u01f8:"N",\u019d:"N",\u1e48:"N",\u0220:"N",\u01cb:"N",\u00d1:"N",\u01ca:"NJ",\u00d3:"O",\u014e:"O",\u01d1:"O",\u00d4:"O",\u1ed0:"O",\u1ed8:"O",\u1ed2:"O",\u1ed4:"O",\u1ed6:"O",\u00d6:"O",\u022a:"O",\u022e:"O",\u0230:"O",\u1ecc:"O",\u0150:"O",\u020c:"O",\u00d2:"O",\u1ece:"O",\u01a0:"O",\u1eda:"O",\u1ee2:"O",\u1edc:"O",\u1ede:"O",\u1ee0:"O",\u020e:"O",\ua74a:"O",\ua74c:"O",\u014c:"O",\u1e52:"O",\u1e50:"O",\u019f:"O",\u01ea:"O",\u01ec:"O",\u00d8:"O",\u01fe:"O",\u00d5:"O",\u1e4c:"O",\u1e4e:"O",\u022c:"O",\u01a2:"OI",\ua74e:"OO",\u0190:"E",\u0186:"O",\u0222:"OU",\u1e54:"P",\u1e56:"P",\ua752:"P",\u01a4:"P",\ua754:"P",\u2c63:"P",\ua750:"P",\ua758:"Q",\ua756:"Q",\u0154:"R",\u0158:"R",\u0156:"R",\u1e58:"R",\u1e5a:"R",\u1e5c:"R",\u0210:"R",\u0212:"R",\u1e5e:"R",\u024c:"R",\u2c64:"R",\ua73e:"C",\u018e:"E",\u015a:"S",\u1e64:"S",\u0160:"S",\u1e66:"S",\u015e:"S",\u015c:"S",\u0218:"S",\u1e60:"S",\u1e62:"S",\u1e68:"S",\u0164:"T",\u0162:"T",\u1e70:"T",\u021a:"T",\u023e:"T",\u1e6a:"T",\u1e6c:"T",\u01ac:"T",\u1e6e:"T",\u01ae:"T",\u0166:"T",\u2c6f:"A",\ua780:"L",\u019c:"M",\u0245:"V",\ua728:"TZ",\u00da:"U",\u016c:"U",\u01d3:"U",\u00db:"U",\u1e76:"U",\u00dc:"U",\u01d7:"U",\u01d9:"U",\u01db:"U",\u01d5:"U",\u1e72:"U",\u1ee4:"U",\u0170:"U",\u0214:"U",\u00d9:"U",\u1ee6:"U",\u01af:"U",\u1ee8:"U",\u1ef0:"U",\u1eea:"U",\u1eec:"U",\u1eee:"U",\u0216:"U",\u016a:"U",\u1e7a:"U",\u0172:"U",\u016e:"U",\u0168:"U",\u1e78:"U",\u1e74:"U",\ua75e:"V",\u1e7e:"V",\u01b2:"V",\u1e7c:"V",\ua760:"VY",\u1e82:"W",\u0174:"W",\u1e84:"W",\u1e86:"W",\u1e88:"W",\u1e80:"W",\u2c72:"W",\u1e8c:"X",\u1e8a:"X",\u00dd:"Y",\u0176:"Y",\u0178:"Y",\u1e8e:"Y",\u1ef4:"Y",\u1ef2:"Y",\u01b3:"Y",\u1ef6:"Y",\u1efe:"Y",\u0232:"Y",\u024e:"Y",\u1ef8:"Y",\u0179:"Z",\u017d:"Z",\u1e90:"Z",\u2c6b:"Z",\u017b:"Z",\u1e92:"Z",\u0224:"Z",\u1e94:"Z",\u01b5:"Z",\u0132:"IJ",\u0152:"OE",\u1d00:"A",\u1d01:"AE",\u0299:"B",\u1d03:"B",\u1d04:"C",\u1d05:"D",\u1d07:"E",\ua730:"F",\u0262:"G",\u029b:"G",\u029c:"H",\u026a:"I",\u0281:"R",\u1d0a:"J",\u1d0b:"K",\u029f:"L",\u1d0c:"L",\u1d0d:"M",\u0274:"N",\u1d0f:"O",\u0276:"OE",\u1d10:"O",\u1d15:"OU",\u1d18:"P",\u0280:"R",\u1d0e:"N",\u1d19:"R",\ua731:"S",\u1d1b:"T",\u2c7b:"E",\u1d1a:"R",\u1d1c:"U",\u1d20:"V",\u1d21:"W",\u028f:"Y",\u1d22:"Z",\u00e1:"a",\u0103:"a",\u1eaf:"a",\u1eb7:"a",\u1eb1:"a",\u1eb3:"a",\u1eb5:"a",\u01ce:"a",\u00e2:"a",\u1ea5:"a",\u1ead:"a",\u1ea7:"a",\u1ea9:"a",\u1eab:"a",\u00e4:"a",\u01df:"a",\u0227:"a",\u01e1:"a",\u1ea1:"a",\u0201:"a",\u00e0:"a",\u1ea3:"a",\u0203:"a",\u0101:"a",\u0105:"a",\u1d8f:"a",\u1e9a:"a",\u00e5:"a",\u01fb:"a",\u1e01:"a",\u2c65:"a",\u00e3:"a",\ua733:"aa",\u00e6:"ae",\u01fd:"ae",\u01e3:"ae",\ua735:"ao",\ua737:"au",\ua739:"av",\ua73b:"av",\ua73d:"ay",\u1e03:"b",\u1e05:"b",\u0253:"b",\u1e07:"b",\u1d6c:"b",\u1d80:"b",\u0180:"b",\u0183:"b",\u0275:"o",\u0107:"c",\u010d:"c",\u00e7:"c",\u1e09:"c",\u0109:"c",\u0255:"c",\u010b:"c",\u0188:"c",\u023c:"c",\u010f:"d",\u1e11:"d",\u1e13:"d",\u0221:"d",\u1e0b:"d",\u1e0d:"d",\u0257:"d",\u1d91:"d",\u1e0f:"d",\u1d6d:"d",\u1d81:"d",\u0111:"d",\u0256:"d",\u018c:"d",\u0131:"i",\u0237:"j",\u025f:"j",\u0284:"j",\u01f3:"dz",\u01c6:"dz",\u00e9:"e",\u0115:"e",\u011b:"e",\u0229:"e",\u1e1d:"e",\u00ea:"e",\u1ebf:"e",\u1ec7:"e",\u1ec1:"e",\u1ec3:"e",\u1ec5:"e",\u1e19:"e",\u00eb:"e",\u0117:"e",\u1eb9:"e",\u0205:"e",\u00e8:"e",\u1ebb:"e",\u0207:"e",\u0113:"e",\u1e17:"e",\u1e15:"e",\u2c78:"e",\u0119:"e",\u1d92:"e",\u0247:"e",\u1ebd:"e",\u1e1b:"e",\ua76b:"et",\u1e1f:"f",\u0192:"f",\u1d6e:"f",\u1d82:"f",\u01f5:"g",\u011f:"g",\u01e7:"g",\u0123:"g",\u011d:"g",\u0121:"g",\u0260:"g",\u1e21:"g",\u1d83:"g",\u01e5:"g",\u1e2b:"h",\u021f:"h",\u1e29:"h",\u0125:"h",\u2c68:"h",\u1e27:"h",\u1e23:"h",\u1e25:"h",\u0266:"h",\u1e96:"h",\u0127:"h",\u0195:"hv",\u00ed:"i",\u012d:"i",\u01d0:"i",\u00ee:"i",\u00ef:"i",\u1e2f:"i",\u1ecb:"i",\u0209:"i",\u00ec:"i",\u1ec9:"i",\u020b:"i",\u012b:"i",\u012f:"i",\u1d96:"i",\u0268:"i",\u0129:"i",\u1e2d:"i",\ua77a:"d",\ua77c:"f",\u1d79:"g",\ua783:"r",\ua785:"s",\ua787:"t",\ua76d:"is",\u01f0:"j",\u0135:"j",\u029d:"j",\u0249:"j",\u1e31:"k",\u01e9:"k",\u0137:"k",\u2c6a:"k",\ua743:"k",\u1e33:"k",\u0199:"k",\u1e35:"k",\u1d84:"k",\ua741:"k",\ua745:"k",\u013a:"l",\u019a:"l",\u026c:"l",\u013e:"l",\u013c:"l",\u1e3d:"l",\u0234:"l",\u1e37:"l",\u1e39:"l",\u2c61:"l",\ua749:"l",\u1e3b:"l",\u0140:"l",\u026b:"l",\u1d85:"l",\u026d:"l",\u0142:"l",\u01c9:"lj",\u017f:"s",\u1e9c:"s",\u1e9b:"s",\u1e9d:"s",\u1e3f:"m",\u1e41:"m",\u1e43:"m",\u0271:"m",\u1d6f:"m",\u1d86:"m",\u0144:"n",\u0148:"n",\u0146:"n",\u1e4b:"n",\u0235:"n",\u1e45:"n",\u1e47:"n",\u01f9:"n",\u0272:"n",\u1e49:"n",\u019e:"n",\u1d70:"n",\u1d87:"n",\u0273:"n",\u00f1:"n",\u01cc:"nj",\u00f3:"o",\u014f:"o",\u01d2:"o",\u00f4:"o",\u1ed1:"o",\u1ed9:"o",\u1ed3:"o",\u1ed5:"o",\u1ed7:"o",\u00f6:"o",\u022b:"o",\u022f:"o",\u0231:"o",\u1ecd:"o",\u0151:"o",\u020d:"o",\u00f2:"o",\u1ecf:"o",\u01a1:"o",\u1edb:"o",\u1ee3:"o",\u1edd:"o",\u1edf:"o",\u1ee1:"o",\u020f:"o",\ua74b:"o",\ua74d:"o",\u2c7a:"o",\u014d:"o",\u1e53:"o",\u1e51:"o",\u01eb:"o",\u01ed:"o",\u00f8:"o",\u01ff:"o",\u00f5:"o",\u1e4d:"o",\u1e4f:"o",\u022d:"o",\u01a3:"oi",\ua74f:"oo",\u025b:"e",\u1d93:"e",\u0254:"o",\u1d97:"o",\u0223:"ou",\u1e55:"p",\u1e57:"p",\ua753:"p",\u01a5:"p",\u1d71:"p",\u1d88:"p",\ua755:"p",\u1d7d:"p",\ua751:"p",\ua759:"q",\u02a0:"q",\u024b:"q",\ua757:"q",\u0155:"r",\u0159:"r",\u0157:"r",\u1e59:"r",\u1e5b:"r",\u1e5d:"r",\u0211:"r",\u027e:"r",\u1d73:"r",\u0213:"r",\u1e5f:"r",\u027c:"r",\u1d72:"r",\u1d89:"r",\u024d:"r",\u027d:"r",\u2184:"c",\ua73f:"c",\u0258:"e",\u027f:"r",\u015b:"s",\u1e65:"s",\u0161:"s",\u1e67:"s",\u015f:"s",\u015d:"s",\u0219:"s",\u1e61:"s",\u1e63:"s",\u1e69:"s",\u0282:"s",\u1d74:"s",\u1d8a:"s",\u023f:"s",\u0261:"g",\u1d11:"o",\u1d13:"o",\u1d1d:"u",\u0165:"t",\u0163:"t",\u1e71:"t",\u021b:"t",\u0236:"t",\u1e97:"t",\u2c66:"t",\u1e6b:"t",\u1e6d:"t",\u01ad:"t",\u1e6f:"t",\u1d75:"t",\u01ab:"t",\u0288:"t",\u0167:"t",\u1d7a:"th",\u0250:"a",\u1d02:"ae",\u01dd:"e",\u1d77:"g",\u0265:"h",\u02ae:"h",\u02af:"h",\u1d09:"i",\u029e:"k",\ua781:"l",\u026f:"m",\u0270:"m",\u1d14:"oe",\u0279:"r",\u027b:"r",\u027a:"r",\u2c79:"r",\u0287:"t",\u028c:"v",\u028d:"w",\u028e:"y",\ua729:"tz",\u00fa:"u",\u016d:"u",\u01d4:"u",\u00fb:"u",\u1e77:"u",\u00fc:"u",\u01d8:"u",\u01da:"u",\u01dc:"u",\u01d6:"u",\u1e73:"u",\u1ee5:"u",\u0171:"u",\u0215:"u",\u00f9:"u",\u1ee7:"u",\u01b0:"u",\u1ee9:"u",\u1ef1:"u",\u1eeb:"u",\u1eed:"u",\u1eef:"u",\u0217:"u",\u016b:"u",\u1e7b:"u",\u0173:"u",\u1d99:"u",\u016f:"u",\u0169:"u",\u1e79:"u",\u1e75:"u",\u1d6b:"ue",\ua778:"um",\u2c74:"v",\ua75f:"v",\u1e7f:"v",\u028b:"v",\u1d8c:"v",\u2c71:"v",\u1e7d:"v",\ua761:"vy",\u1e83:"w",\u0175:"w",\u1e85:"w",\u1e87:"w",\u1e89:"w",\u1e81:"w",\u2c73:"w",\u1e98:"w",\u1e8d:"x",\u1e8b:"x",\u1d8d:"x",\u00fd:"y",\u0177:"y",\u00ff:"y",\u1e8f:"y",\u1ef5:"y",\u1ef3:"y",\u01b4:"y",\u1ef7:"y",\u1eff:"y",\u0233:"y",\u1e99:"y",\u024f:"y",\u1ef9:"y",\u017a:"z",\u017e:"z",\u1e91:"z",\u0291:"z",\u2c6c:"z",\u017c:"z",\u1e93:"z",\u0225:"z",\u1e95:"z",\u1d76:"z",\u1d8e:"z",\u0290:"z",\u01b6:"z",\u0240:"z",\ufb00:"ff",\ufb03:"ffi",\ufb04:"ffl",\ufb01:"fi",\ufb02:"fl",\u0133:"ij",\u0153:"oe",\ufb06:"st",\u2090:"a",\u2091:"e",\u1d62:"i",\u2c7c:"j",\u2092:"o",\u1d63:"r",\u1d64:"u",\u1d65:"v",\u2093:"x"};function S(i){return i?i.replace(/[^A-Za-z0-9[\] ]/g,function(m){return Se[m]||m}):""}function I(i,m=" ",t="",a){let n=[];if(a){const r=i.split(new RegExp(`([${a}]+)`,"g")),c=r[r.length-1];c>""&&(m&&t?n=W(c,m,t):n.push(c))}else n=W(i,m,t);return n}function W(i,m,t){const a=[],d=i.split(new RegExp(`(?:[${t}])([^${t}]+)(?:[${t}])|([^${m}]+)`,"g")),r=d.length;let c;const g=new RegExp(`[${t}]+`,"g");for(let y=0;yisAnimated input or config option",outlet:j},{title:"Adaptive position",anchor:"adaptive-position",description:"\n You can enable adaptive position via adaptivePosition input or config option
Use http request to search for data. If you need to handle http error, do this inside tap operator.\n Enter search value several times (10-15), and after a few success responses API should return an error\n (GitHub limit for requests)
Set config property cancelRequestOnFocusLost to true if you want to cancel async request on focus lost event
Use typeaheadWaitMs to set minimal waiting time after last character typed\n before typeahead kicks-in. In example a search begins with delay in 1 second
Typeahead can be used in template-driven forms. Keep in mind that value of ngModel is\n string
Typeahead can be used in reactive forms
\n ",component:o(70083),html:o(66523),outlet:q},{title:"Grouping results",anchor:"grouping-results",component:o(99903),html:o(91207),outlet:ne},{title:"Ignore spaces and order",anchor:"single-world",component:o(57023),html:o(53735),description:'\nAfter setting typeaheadSingleWords input property to true\n order of typed symbols and spaces between them will be ignored. For example, "zona ari"\n will match with "Arizona"
Set the word delimiter by typeaheadPhraseDelimiters to match exact phrase.\n This is demo with delimeters "&" and ","
Returns an option on which user lost a focus. To reproduce start typing the name of the state, then focus\n on one of the options with mouse or arrow keys and click outside of the typeahead
\n ",component:o(13719),html:o(56591),outlet:re},{title:"Append to body",anchor:"container",description:"\ncontainer is an input property specifying the element the typeahead should be appended to.
Used to display the state when no matches were found. To see message\n "No Results Found" enter the value that doesn\'t match anything from the list
\n ',component:o(93855),html:o(91591),outlet:se},{title:"Scrollable",anchor:"scrollable",component:o(94815),html:o(93223),outlet:he},{title:"Latinize",anchor:"latinize",description:"\nUse typeaheadLatinize property for matching latin symbols. If it is set\n to true the word s\xfaper would match super and vice versa.
typeaheadOnSelect event is fired when an option was selected.\n Returns an object with this option.
typeaheadOnPreview event is fired when an option was highlighted.\n Returns an object with this option.
Minimal number of characters that needs to be entered before typeahead kicks in. When set to 0, typeahead shows on focus with full list of options.
\n ",component:o(80295),html:o(53343),outlet:ie},{title:"Show results on blur",anchor:"show-on-blur",description:"\nUse input property typeaheadHideResultsOnBlur or config property hideResultsOnBlur\n to prevent hiding typeahead's results until a user doesn't choose an item
Use input property typeaheadIsFirstItemActive or config property isFirstItemActive to make the first item active/inactive
Use typeaheadSelectFirstItem property to make the first item in options list unselectable by tab and enter.
Use typeaheadOrderBy property to order your result by a certain field and in certain direction
Set typeaheadMultipleSearch input property to true\n and provide the multiple search delimiter by typeaheadMultipleSearchDelimiters\n to be able to search typeahead again after using one of the provided delimiters. Default delimiter\n is "," if typeaheadMultipleSearchDelimiters is not used.\n After picking a first value from typeahead\n dropdown, type "," or "|" and then next value can be searched.\n This is demo with delimeters "," and "|"
Model: {{selected | json}}\n'},92331:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-typeahead-adaptive-position',\n templateUrl: './adaptive-position.html'\n})\nexport class DemoTypeaheadAdaptivePositionComponent {\n selected?: string;\n states: string[] = [\n 'Alabama',\n 'Alaska',\n 'Arizona',\n 'Arkansas',\n 'California',\n 'Colorado',\n 'Connecticut',\n 'Delaware',\n 'Florida',\n 'Georgia',\n 'Hawaii',\n 'Idaho',\n 'Illinois',\n 'Indiana',\n 'Iowa',\n 'Kansas',\n 'Kentucky',\n 'Louisiana',\n 'Maine',\n 'Maryland',\n 'Massachusetts',\n 'Michigan',\n 'Minnesota',\n 'Mississippi',\n 'Missouri',\n 'Montana',\n 'Nebraska',\n 'Nevada',\n 'New Hampshire',\n 'New Jersey',\n 'New Mexico',\n 'New York',\n 'North Dakota',\n 'North Carolina',\n 'Ohio',\n 'Oklahoma',\n 'Oregon',\n 'Pennsylvania',\n 'Rhode Island',\n 'South Carolina',\n 'South Dakota',\n 'Tennessee',\n 'Texas',\n 'Utah',\n 'Vermont',\n 'Virginia',\n 'Washington',\n 'West Virginia',\n 'Wisconsin',\n 'Wyoming'\n ];\n}\n"},72167:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l='Model: {{selected | json}}\n\n'},79967:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-typeahead-animated',\n templateUrl: './animated.html'\n})\nexport class DemoTypeaheadAnimatedComponent {\n selected?: string;\n states: string[] = [\n 'Alabama',\n 'Alaska',\n 'Arizona',\n 'Arkansas',\n 'California',\n 'Colorado',\n 'Connecticut',\n 'Delaware',\n 'Florida',\n 'Georgia',\n 'Hawaii',\n 'Idaho',\n 'Illinois',\n 'Indiana',\n 'Iowa',\n 'Kansas',\n 'Kentucky',\n 'Louisiana',\n 'Maine',\n 'Maryland',\n 'Massachusetts',\n 'Michigan',\n 'Minnesota',\n 'Mississippi',\n 'Missouri',\n 'Montana',\n 'Nebraska',\n 'Nevada',\n 'New Hampshire',\n 'New Jersey',\n 'New Mexico',\n 'New York',\n 'North Dakota',\n 'North Carolina',\n 'Ohio',\n 'Oklahoma',\n 'Oregon',\n 'Pennsylvania',\n 'Rhode Island',\n 'South Carolina',\n 'South Dakota',\n 'Tennessee',\n 'Texas',\n 'Utah',\n 'Vermont',\n 'Virginia',\n 'Washington',\n 'West Virginia',\n 'Wisconsin',\n 'Wyoming'\n ];\n}\n"},10895:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l='Model: {{ search | json }}\n\n\n\n\n {{ errorMessage }}\n
\n\n'},89783:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l="import { Component, OnInit } from '@angular/core';\nimport { HttpClient } from '@angular/common/http';\n\nimport { noop, Observable, Observer, of } from 'rxjs';\nimport { map, switchMap, tap } from 'rxjs/operators';\n\ninterface GitHubUserSearchResponse {\n total_count: number;\n incomplete_results: boolean;\n items: GitHubUser[];\n}\n\ninterface GitHubUser {\n login: string;\n id: number;\n node_id: string;\n avatar_url: string;\n gravatar_id: string;\n url: string;\n html_url: string;\n followers_url: string;\n subscriptions_url: string;\n organizations_url: string;\n repos_url: string;\n received_events_url: string;\n type: string;\n score: number;\n}\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-typeahead-async-http',\n templateUrl: './async-http-request.html'\n})\nexport class DemoTypeaheadAsyncHttpRequestComponent implements OnInit {\n search?: string;\n suggestions$?: ObservableModel: {{ asyncSelected | json }}\n\n\n'},10947:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l="import { Component } from '@angular/core';\nimport { Observable, of, Subscriber } from 'rxjs';\nimport { mergeMap } from 'rxjs/operators';\nimport { DataSourceType } from '../interfaces/typeahead.interfaces';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-typeahead-async',\n templateUrl: './async.html'\n})\nexport class DemoTypeaheadAsyncComponent {\n asyncSelected?: string;\n dataSource: ObservableModel: {{selected | json}}\n\n'},26499:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-typeahead-basic',\n templateUrl: './basic.html'\n})\nexport class DemoTypeaheadBasicComponent {\n selected?: string;\n states: string[] = [\n 'Alabama',\n 'Alaska',\n 'Arizona',\n 'Arkansas',\n 'California',\n 'Colorado',\n 'Connecticut',\n 'Delaware',\n 'Florida',\n 'Georgia',\n 'Hawaii',\n 'Idaho',\n 'Illinois',\n 'Indiana',\n 'Iowa',\n 'Kansas',\n 'Kentucky',\n 'Louisiana',\n 'Maine',\n 'Maryland',\n 'Massachusetts',\n 'Michigan',\n 'Minnesota',\n 'Mississippi',\n 'Missouri',\n 'Montana',\n 'Nebraska',\n 'Nevada',\n 'New Hampshire',\n 'New Jersey',\n 'New Mexico',\n 'New York',\n 'North Dakota',\n 'North Carolina',\n 'Ohio',\n 'Oklahoma',\n 'Oregon',\n 'Pennsylvania',\n 'Rhode Island',\n 'South Carolina',\n 'South Dakota',\n 'Tennessee',\n 'Texas',\n 'Utah',\n 'Vermont',\n 'Virginia',\n 'Washington',\n 'West Virginia',\n 'Wisconsin',\n 'Wyoming'\n ];\n}\n"},93685:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l='Model: {{asyncSelected | json}}\n\n\nLoading
\n'},84369:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l="import { Component } from '@angular/core';\nimport { Observable, Observer, of } from 'rxjs';\nimport { TypeaheadMatch } from 'ngx-bootstrap/typeahead';\nimport { mergeMap, delay } from 'rxjs/operators';\nimport { TypeaheadConfig } from 'ngx-bootstrap/typeahead';\nimport { DataSourceType } from '../interfaces/typeahead.interfaces';\n\nexport function getTypeaheadConfig(): TypeaheadConfig {\n return Object.assign(new TypeaheadConfig(), { cancelRequestOnFocusLost: true });\n}\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-typeahead-cancel-on-focus-lost',\n templateUrl: './cancel-on-focus-lost.html',\n providers: [{ provide: TypeaheadConfig, useFactory: getTypeaheadConfig }]\n})\nexport class DemoTypeaheadCancelRequestOnFocusLostComponent {\n asyncSelected?: string;\n typeaheadLoading?: boolean;\n dataSource: ObservableModel: {{selected | json}}\n\n\n'},83263:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-typeahead-container',\n templateUrl: './container.html'\n})\nexport class DemoTypeaheadContainerComponent {\n selected?: string;\n states: string[] = [\n 'Alabama',\n 'Alaska',\n 'Arizona',\n 'Arkansas',\n 'California',\n 'Colorado',\n 'Connecticut',\n 'Delaware',\n 'Florida',\n 'Georgia',\n 'Hawaii',\n 'Idaho',\n 'Illinois',\n 'Indiana',\n 'Iowa',\n 'Kansas',\n 'Kentucky',\n 'Louisiana',\n 'Maine',\n 'Maryland',\n 'Massachusetts',\n 'Michigan',\n 'Minnesota',\n 'Mississippi',\n 'Missouri',\n 'Montana',\n 'Nebraska',\n 'Nevada',\n 'New Hampshire',\n 'New Jersey',\n 'New Mexico',\n 'New York',\n 'North Dakota',\n 'North Carolina',\n 'Ohio',\n 'Oklahoma',\n 'Oregon',\n 'Pennsylvania',\n 'Rhode Island',\n 'South Carolina',\n 'South Dakota',\n 'Tennessee',\n 'Texas',\n 'Utah',\n 'Vermont',\n 'Virginia',\n 'Washington',\n 'West Virginia',\n 'Wisconsin',\n 'Wyoming'\n ];\n}\n"},27807:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l='Model: {{selected | json}}\n\n'},83431:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-typeahead-delay',\n templateUrl: './delay.html'\n})\nexport class DemoTypeaheadDelayComponent {\n selected?: string;\n states: string[] = [\n 'Alabama',\n 'Alaska',\n 'Arizona',\n 'Arkansas',\n 'California',\n 'Colorado',\n 'Connecticut',\n 'Delaware',\n 'Florida',\n 'Georgia',\n 'Hawaii',\n 'Idaho',\n 'Illinois',\n 'Indiana',\n 'Iowa',\n 'Kansas',\n 'Kentucky',\n 'Louisiana',\n 'Maine',\n 'Maryland',\n 'Massachusetts',\n 'Michigan',\n 'Minnesota',\n 'Mississippi',\n 'Missouri',\n 'Montana',\n 'Nebraska',\n 'Nevada',\n 'New Hampshire',\n 'New Jersey',\n 'New Mexico',\n 'New York',\n 'North Dakota',\n 'North Carolina',\n 'Ohio',\n 'Oklahoma',\n 'Oregon',\n 'Pennsylvania',\n 'Rhode Island',\n 'South Carolina',\n 'South Dakota',\n 'Tennessee',\n 'Texas',\n 'Utah',\n 'Vermont',\n 'Virginia',\n 'Washington',\n 'West Virginia',\n 'Wisconsin',\n 'Wyoming'\n ];\n}\n"},43149:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l='Model: {{selected | json}}\n\n'},35929:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-typeahead-dropup',\n templateUrl: './dropup.html'\n})\nexport class DemoTypeaheadDropupComponent {\n selected?: string;\n states: string[] = [\n 'Alabama',\n 'Alaska',\n 'Arizona',\n 'Arkansas',\n 'California',\n 'Colorado',\n 'Connecticut',\n 'Delaware',\n 'Florida',\n 'Georgia',\n 'Hawaii',\n 'Idaho',\n 'Illinois',\n 'Indiana',\n 'Iowa',\n 'Kansas',\n 'Kentucky',\n 'Louisiana',\n 'Maine',\n 'Maryland',\n 'Massachusetts',\n 'Michigan',\n 'Minnesota',\n 'Mississippi',\n 'Missouri',\n 'Montana',\n 'Nebraska',\n 'Nevada',\n 'New Hampshire',\n 'New Jersey',\n 'New Mexico',\n 'New York',\n 'North Dakota',\n 'North Carolina',\n 'Ohio',\n 'Oklahoma',\n 'Oregon',\n 'Pennsylvania',\n 'Rhode Island',\n 'South Carolina',\n 'South Dakota',\n 'Tennessee',\n 'Texas',\n 'Utah',\n 'Vermont',\n 'Virginia',\n 'Washington',\n 'West Virginia',\n 'Wisconsin',\n 'Wyoming'\n ];\n}\n"},22475:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l='Model: {{customSelected | json}}\n\n'},22707:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l="import { Component } from '@angular/core';\nimport { DataSourceType } from '../interfaces/typeahead.interfaces';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-typeahead-field',\n templateUrl: './field.html'\n})\nexport class DemoTypeaheadFieldComponent {\n customSelected?: string;\n statesComplex: DataSourceType[] = [\n { id: 1, name: 'Alabama', region: 'South' },\n { id: 2, name: 'Alaska', region: 'West' },\n { id: 3, name: 'Arizona', region: 'West' },\n { id: 4, name: 'Arkansas', region: 'South' },\n { id: 5, name: 'California', region: 'West' },\n { id: 6, name: 'Colorado', region: 'West' },\n { id: 7, name: 'Connecticut', region: 'Northeast' },\n { id: 8, name: 'Delaware', region: 'South' },\n { id: 9, name: 'Florida', region: 'South' },\n { id: 10, name: 'Georgia', region: 'South' },\n { id: 11, name: 'Hawaii', region: 'West' },\n { id: 12, name: 'Idaho', region: 'West' },\n { id: 13, name: 'Illinois', region: 'Midwest' },\n { id: 14, name: 'Indiana', region: 'Midwest' },\n { id: 15, name: 'Iowa', region: 'Midwest' },\n { id: 16, name: 'Kansas', region: 'Midwest' },\n { id: 17, name: 'Kentucky', region: 'South' },\n { id: 18, name: 'Louisiana', region: 'South' },\n { id: 19, name: 'Maine', region: 'Northeast' },\n { id: 21, name: 'Maryland', region: 'South' },\n { id: 22, name: 'Massachusetts', region: 'Northeast' },\n { id: 23, name: 'Michigan', region: 'Midwest' },\n { id: 24, name: 'Minnesota', region: 'Midwest' },\n { id: 25, name: 'Mississippi', region: 'South' },\n { id: 26, name: 'Missouri', region: 'Midwest' },\n { id: 27, name: 'Montana', region: 'West' },\n { id: 28, name: 'Nebraska', region: 'Midwest' },\n { id: 29, name: 'Nevada', region: 'West' },\n { id: 30, name: 'New Hampshire', region: 'Northeast' },\n { id: 31, name: 'New Jersey', region: 'Northeast' },\n { id: 32, name: 'New Mexico', region: 'West' },\n { id: 33, name: 'New York', region: 'Northeast' },\n { id: 34, name: 'North Dakota', region: 'Midwest' },\n { id: 35, name: 'North Carolina', region: 'South' },\n { id: 36, name: 'Ohio', region: 'Midwest' },\n { id: 37, name: 'Oklahoma', region: 'South' },\n { id: 38, name: 'Oregon', region: 'West' },\n { id: 39, name: 'Pennsylvania', region: 'Northeast' },\n { id: 40, name: 'Rhode Island', region: 'Northeast' },\n { id: 41, name: 'South Carolina', region: 'South' },\n { id: 42, name: 'South Dakota', region: 'Midwest' },\n { id: 43, name: 'Tennessee', region: 'South' },\n { id: 44, name: 'Texas', region: 'South' },\n { id: 45, name: 'Utah', region: 'West' },\n { id: 46, name: 'Vermont', region: 'Northeast' },\n { id: 47, name: 'Virginia', region: 'South' },\n { id: 48, name: 'Washington', region: 'South' },\n { id: 49, name: 'West Virginia', region: 'South' },\n { id: 50, name: 'Wisconsin', region: 'Midwest' },\n { id: 51, name: 'Wyoming', region: 'West' }\n ];\n}\n"},52055:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l='Model: {{selected | json}}\n\n'},18127:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-typeahead-first-item-active',\n templateUrl: './first-item-active.html'\n})\nexport class DemoTypeaheadFirstItemActiveComponent {\n selected?: string;\n states: string[] = [\n 'Alabama',\n 'Alaska',\n 'Arizona',\n 'Arkansas',\n 'California',\n 'Colorado',\n 'Connecticut',\n 'Delaware',\n 'Florida',\n 'Georgia',\n 'Hawaii',\n 'Idaho',\n 'Illinois',\n 'Indiana',\n 'Iowa',\n 'Kansas',\n 'Kentucky',\n 'Louisiana',\n 'Maine',\n 'Maryland',\n 'Massachusetts',\n 'Michigan',\n 'Minnesota',\n 'Mississippi',\n 'Missouri',\n 'Montana',\n 'Nebraska',\n 'Nevada',\n 'New Hampshire',\n 'New Jersey',\n 'New Mexico',\n 'New York',\n 'North Dakota',\n 'North Carolina',\n 'Ohio',\n 'Oklahoma',\n 'Oregon',\n 'Pennsylvania',\n 'Rhode Island',\n 'South Carolina',\n 'South Dakota',\n 'Tennessee',\n 'Texas',\n 'Utah',\n 'Vermont',\n 'Virginia',\n 'Washington',\n 'West Virginia',\n 'Wisconsin',\n 'Wyoming'\n ];\n}\n"},3161:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l='Model: {{model | json}}\n\n\n'},12117:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-typeahead-form',\n templateUrl: './form.html'\n})\nexport class DemoTypeaheadFormComponent {\n model = {\n address: '312 Sundown Lane',\n state: null\n };\n states = [\n 'Alabama',\n 'Alaska',\n 'Arizona',\n 'Arkansas',\n 'California',\n 'Colorado',\n 'Connecticut',\n 'Delaware',\n 'Florida',\n 'Georgia',\n 'Hawaii',\n 'Idaho',\n 'Illinois',\n 'Indiana',\n 'Iowa',\n 'Kansas',\n 'Kentucky',\n 'Louisiana',\n 'Maine',\n 'Maryland',\n 'Massachusetts',\n 'Michigan',\n 'Minnesota',\n 'Mississippi',\n 'Missouri',\n 'Montana',\n 'Nebraska',\n 'Nevada',\n 'New Hampshire',\n 'New Jersey',\n 'New Mexico',\n 'New York',\n 'North Dakota',\n 'North Carolina',\n 'Ohio',\n 'Oklahoma',\n 'Oregon',\n 'Pennsylvania',\n 'Rhode Island',\n 'South Carolina',\n 'South Dakota',\n 'Tennessee',\n 'Texas',\n 'Utah',\n 'Vermont',\n 'Virginia',\n 'Washington',\n 'West Virginia',\n 'Wisconsin',\n 'Wyoming'\n ];\n}\n"},91207:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l='Model: {{groupSelected | json}}\n\n'},99903:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l="import { Component } from '@angular/core';\nimport { DataSourceType } from '../interfaces/typeahead.interfaces';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-typeahead-grouping',\n templateUrl: './grouping.html'\n})\nexport class DemoTypeaheadGroupingComponent {\n groupSelected?: string;\n statesComplex: DataSourceType[] = [\n { id: 1, name: 'Alabama', region: 'South' },\n { id: 2, name: 'Alaska', region: 'West' },\n { id: 3, name: 'Arizona', region: 'West' },\n { id: 4, name: 'Arkansas', region: 'South' },\n { id: 5, name: 'California', region: 'West' },\n { id: 6, name: 'Colorado', region: 'West' },\n { id: 7, name: 'Connecticut', region: 'Northeast' },\n { id: 8, name: 'Delaware', region: 'South' },\n { id: 9, name: 'Florida', region: 'South' },\n { id: 10, name: 'Georgia', region: 'South' },\n { id: 11, name: 'Hawaii', region: 'West' },\n { id: 12, name: 'Idaho', region: 'West' },\n { id: 13, name: 'Illinois', region: 'Midwest' },\n { id: 14, name: 'Indiana', region: 'Midwest' },\n { id: 15, name: 'Iowa', region: 'Midwest' },\n { id: 16, name: 'Kansas', region: 'Midwest' },\n { id: 17, name: 'Kentucky', region: 'South' },\n { id: 18, name: 'Louisiana', region: 'South' },\n { id: 19, name: 'Maine', region: 'Northeast' },\n { id: 21, name: 'Maryland', region: 'South' },\n { id: 22, name: 'Massachusetts', region: 'Northeast' },\n { id: 23, name: 'Michigan', region: 'Midwest' },\n { id: 24, name: 'Minnesota', region: 'Midwest' },\n { id: 25, name: 'Mississippi', region: 'South' },\n { id: 26, name: 'Missouri', region: 'Midwest' },\n { id: 27, name: 'Montana', region: 'West' },\n { id: 28, name: 'Nebraska', region: 'Midwest' },\n { id: 29, name: 'Nevada', region: 'West' },\n { id: 30, name: 'New Hampshire', region: 'Northeast' },\n { id: 31, name: 'New Jersey', region: 'Northeast' },\n { id: 32, name: 'New Mexico', region: 'West' },\n { id: 33, name: 'New York', region: 'Northeast' },\n { id: 34, name: 'North Dakota', region: 'Midwest' },\n { id: 35, name: 'North Carolina', region: 'South' },\n { id: 36, name: 'Ohio', region: 'Midwest' },\n { id: 37, name: 'Oklahoma', region: 'South' },\n { id: 38, name: 'Oregon', region: 'West' },\n { id: 39, name: 'Pennsylvania', region: 'Northeast' },\n { id: 40, name: 'Rhode Island', region: 'Northeast' },\n { id: 41, name: 'South Carolina', region: 'South' },\n { id: 42, name: 'South Dakota', region: 'Midwest' },\n { id: 43, name: 'Tennessee', region: 'South' },\n { id: 44, name: 'Texas', region: 'South' },\n { id: 45, name: 'Utah', region: 'West' },\n { id: 46, name: 'Vermont', region: 'Northeast' },\n { id: 47, name: 'Virginia', region: 'South' },\n { id: 48, name: 'Washington', region: 'South' },\n { id: 49, name: 'West Virginia', region: 'South' },\n { id: 50, name: 'Wisconsin', region: 'Midwest' },\n { id: 51, name: 'Wyoming', region: 'West' }\n ];\n}\n"},49231:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l='This is: {{model | json}} Index: {{ index }}
\nModel: {{selected | json}}\n\n'},57175:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-typeahead-item-template',\n templateUrl: './item-template.html'\n})\nexport class DemoTypeaheadItemTemplateComponent {\n selected?: string;\n states: string[] = [\n 'Alabama',\n 'Alaska',\n 'Arizona',\n 'Arkansas',\n 'California',\n 'Colorado',\n 'Connecticut',\n 'Delaware',\n 'Florida',\n 'Georgia',\n 'Hawaii',\n 'Idaho',\n 'Illinois',\n 'Indiana',\n 'Iowa',\n 'Kansas',\n 'Kentucky',\n 'Louisiana',\n 'Maine',\n 'Maryland',\n 'Massachusetts',\n 'Michigan',\n 'Minnesota',\n 'Mississippi',\n 'Missouri',\n 'Montana',\n 'Nebraska',\n 'Nevada',\n 'New Hampshire',\n 'New Jersey',\n 'New Mexico',\n 'New York',\n 'North Dakota',\n 'North Carolina',\n 'Ohio',\n 'Oklahoma',\n 'Oregon',\n 'Pennsylvania',\n 'Rhode Island',\n 'South Carolina',\n 'South Dakota',\n 'Tennessee',\n 'Texas',\n 'Utah',\n 'Vermont',\n 'Virginia',\n 'Washington',\n 'West Virginia',\n 'Wisconsin',\n 'Wyoming'\n ];\n}\n"},71409:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l='Model: {{selected | json}}\n\n'},6653:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-typeahead-latinize',\n templateUrl: './latinize.html'\n})\nexport class DemoTypeaheadLatinizeComponent {\n selected?: string;\n frenchWords: string[] = [\n 'popularis\xe9',\n 'fran\xe7ais',\n 'int\xe9ress\xe9',\n 'g\xe9n\xe9rateur',\n 'r\xe9pandue',\n 'r\xe9p\xe9tition',\n 's\xfaper'\n ];\n}\n"},66499:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l='Model: {{selected | json}}\n\n\n- \n
- \n {{ match.item }}\n \n
Model: {{selected | json}}\n\n'},80295:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-typeahead-min-length',\n templateUrl: './min-length.html'\n})\nexport class DemoTypeaheadMinLengthComponent {\n selected?: string;\n states: string[] = [\n 'Alabama',\n 'Alaska',\n 'Arizona',\n 'Arkansas',\n 'California',\n 'Colorado',\n 'Connecticut',\n 'Delaware',\n 'Florida',\n 'Georgia',\n 'Hawaii',\n 'Idaho',\n 'Illinois',\n 'Indiana',\n 'Iowa',\n 'Kansas',\n 'Kentucky',\n 'Louisiana',\n 'Maine',\n 'Maryland',\n 'Massachusetts',\n 'Michigan',\n 'Minnesota',\n 'Mississippi',\n 'Missouri',\n 'Montana',\n 'Nebraska',\n 'Nevada',\n 'New Hampshire',\n 'New Jersey',\n 'New Mexico',\n 'New York',\n 'North Dakota',\n 'North Carolina',\n 'Ohio',\n 'Oklahoma',\n 'Oregon',\n 'Pennsylvania',\n 'Rhode Island',\n 'South Carolina',\n 'South Dakota',\n 'Tennessee',\n 'Texas',\n 'Utah',\n 'Vermont',\n 'Virginia',\n 'Washington',\n 'West Virginia',\n 'Wisconsin',\n 'Wyoming'\n ];\n}\n"},70087:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l='Model: {{selected | json}}\n\n'},29407:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-typeahead-multiple-search',\n templateUrl: './multiple-search.html'\n})\nexport class DemoTypeaheadMultipleSearchComponent {\n selected?: string;\n states = [\n 'Alabama',\n 'Alaska',\n 'Arizona',\n 'Arkansas',\n 'California',\n 'Colorado',\n 'Connecticut',\n 'Delaware',\n 'Florida',\n 'Georgia',\n 'Hawaii',\n 'Idaho',\n 'Illinois',\n 'Indiana',\n 'Iowa',\n 'Kansas',\n 'Kentucky',\n 'Louisiana',\n 'Maine',\n 'Maryland',\n 'Massachusetts',\n 'Michigan',\n 'Minnesota',\n 'Mississippi',\n 'Missouri',\n 'Montana',\n 'Nebraska',\n 'Nevada',\n 'New Hampshire',\n 'New Jersey',\n 'New Mexico',\n 'New York',\n 'North Dakota',\n 'North Carolina',\n 'Ohio',\n 'Oklahoma',\n 'Oregon',\n 'Pennsylvania',\n 'Rhode Island',\n 'South Carolina',\n 'South Dakota',\n 'Tennessee',\n 'Texas',\n 'Utah',\n 'Vermont',\n 'Virginia',\n 'Washington',\n 'West Virginia',\n 'Wisconsin',\n 'Wyoming'\n ];\n}\n"},91591:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l='Model: {{selected | json}}\nNo Results Found
\n\n\n'},93855:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-typeahead-no-result',\n templateUrl: './no-result.html'\n})\nexport class DemoTypeaheadNoResultComponent {\n selected?: string;\n noResult = false;\n states: string[] = [\n 'Alabama',\n 'Alaska',\n 'Arizona',\n 'Arkansas',\n 'California',\n 'Colorado',\n 'Connecticut',\n 'Delaware',\n 'Florida',\n 'Georgia',\n 'Hawaii',\n 'Idaho',\n 'Illinois',\n 'Indiana',\n 'Iowa',\n 'Kansas',\n 'Kentucky',\n 'Louisiana',\n 'Maine',\n 'Maryland',\n 'Massachusetts',\n 'Michigan',\n 'Minnesota',\n 'Mississippi',\n 'Missouri',\n 'Montana',\n 'Nebraska',\n 'Nevada',\n 'New Hampshire',\n 'New Jersey',\n 'New Mexico',\n 'New York',\n 'North Dakota',\n 'North Carolina',\n 'Ohio',\n 'Oklahoma',\n 'Oregon',\n 'Pennsylvania',\n 'Rhode Island',\n 'South Carolina',\n 'South Dakota',\n 'Tennessee',\n 'Texas',\n 'Utah',\n 'Vermont',\n 'Virginia',\n 'Washington',\n 'West Virginia',\n 'Wisconsin',\n 'Wyoming'\n ];\n\n typeaheadNoResults(event: boolean): void {\n this.noResult = event;\n }\n}\n"},56591:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l='Model: {{selected | json}}\nOption on blur: {{optionOnBlur | json}}\n\n\n'},13719:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l="import { Component } from '@angular/core';\nimport { TypeaheadMatch, TypeaheadConfig } from 'ngx-bootstrap/typeahead';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-typeahead-on-blur',\n templateUrl: './on-blur.html',\n providers: [{ provide: TypeaheadConfig, useValue: { selectItemOnBlur: true, hideResultsOnBlur: true } }]\n})\nexport class DemoTypeaheadOnBlurComponent {\n selected?: string;\n optionOnBlur?: string;\n states: string[] = [\n 'Alabama',\n 'Alaska',\n 'Arizona',\n 'Arkansas',\n 'California',\n 'Colorado',\n 'Connecticut',\n 'Delaware',\n 'Florida',\n 'Georgia',\n 'Hawaii',\n 'Idaho',\n 'Illinois',\n 'Indiana',\n 'Iowa',\n 'Kansas',\n 'Kentucky',\n 'Louisiana',\n 'Maine',\n 'Maryland',\n 'Massachusetts',\n 'Michigan',\n 'Minnesota',\n 'Mississippi',\n 'Missouri',\n 'Montana',\n 'Nebraska',\n 'Nevada',\n 'New Hampshire',\n 'New Jersey',\n 'New Mexico',\n 'New York',\n 'North Dakota',\n 'North Carolina',\n 'Ohio',\n 'Oklahoma',\n 'Oregon',\n 'Pennsylvania',\n 'Rhode Island',\n 'South Carolina',\n 'South Dakota',\n 'Tennessee',\n 'Texas',\n 'Utah',\n 'Vermont',\n 'Virginia',\n 'Washington',\n 'West Virginia',\n 'Wisconsin',\n 'Wyoming'\n ];\n\n typeaheadOnBlur(event?: TypeaheadMatchModel: {{selectedValue | json}}\nSelected option: {{selectedOption | json}}\n\n \n
\n'},15235:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l="import { Component } from '@angular/core';\nimport { TypeaheadMatch } from 'ngx-bootstrap/typeahead';\nimport { DataSourceType } from '../interfaces/typeahead.interfaces';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-typeahead-on-select',\n templateUrl: './on-select.html'\n})\nexport class DemoTypeaheadOnSelectComponent {\n selectedValue?: string;\n selectedOption?: DataSourceType;\n previewOption?: DataSourceType;\n states: DataSourceType[] = [\n { id: 1, name: 'Alabama', region: 'South' },\n { id: 2, name: 'Alaska', region: 'West' },\n { id: 3, name: 'Arizona', region: 'West' },\n { id: 4, name: 'Arkansas', region: 'South' },\n { id: 5, name: 'California', region: 'West' },\n { id: 6, name: 'Colorado', region: 'West' },\n { id: 7, name: 'Connecticut', region: 'Northeast' },\n { id: 8, name: 'Delaware', region: 'South' },\n { id: 9, name: 'Florida', region: 'South' },\n { id: 10, name: 'Georgia', region: 'South' },\n { id: 11, name: 'Hawaii', region: 'West' },\n { id: 12, name: 'Idaho', region: 'West' },\n { id: 13, name: 'Illinois', region: 'Midwest' },\n { id: 14, name: 'Indiana', region: 'Midwest' },\n { id: 15, name: 'Iowa', region: 'Midwest' },\n { id: 16, name: 'Kansas', region: 'Midwest' },\n { id: 17, name: 'Kentucky', region: 'South' },\n { id: 18, name: 'Louisiana', region: 'South' },\n { id: 19, name: 'Maine', region: 'Northeast' },\n { id: 21, name: 'Maryland', region: 'South' },\n { id: 22, name: 'Massachusetts', region: 'Northeast' },\n { id: 23, name: 'Michigan', region: 'Midwest' },\n { id: 24, name: 'Minnesota', region: 'Midwest' },\n { id: 25, name: 'Mississippi', region: 'South' },\n { id: 26, name: 'Missouri', region: 'Midwest' },\n { id: 27, name: 'Montana', region: 'West' },\n { id: 28, name: 'Nebraska', region: 'Midwest' },\n { id: 29, name: 'Nevada', region: 'West' },\n { id: 30, name: 'New Hampshire', region: 'Northeast' },\n { id: 31, name: 'New Jersey', region: 'Northeast' },\n { id: 32, name: 'New Mexico', region: 'West' },\n { id: 33, name: 'New York', region: 'Northeast' },\n { id: 34, name: 'North Dakota', region: 'Midwest' },\n { id: 35, name: 'North Carolina', region: 'South' },\n { id: 36, name: 'Ohio', region: 'Midwest' },\n { id: 37, name: 'Oklahoma', region: 'South' },\n { id: 38, name: 'Oregon', region: 'West' },\n { id: 39, name: 'Pennsylvania', region: 'Northeast' },\n { id: 40, name: 'Rhode Island', region: 'Northeast' },\n { id: 41, name: 'South Carolina', region: 'South' },\n { id: 42, name: 'South Dakota', region: 'Midwest' },\n { id: 43, name: 'Tennessee', region: 'South' },\n { id: 44, name: 'Texas', region: 'South' },\n { id: 45, name: 'Utah', region: 'West' },\n { id: 46, name: 'Vermont', region: 'Northeast' },\n { id: 47, name: 'Virginia', region: 'South' },\n { id: 48, name: 'Washington', region: 'South' },\n { id: 49, name: 'West Virginia', region: 'South' },\n { id: 50, name: 'Wisconsin', region: 'Midwest' },\n { id: 51, name: 'Wyoming', region: 'West' }\n ];\n\n onSelect(event: TypeaheadMatch\n Preview region:\n {{previewOption?.region}}\n N/A \n
\n\n
\n Source - array of string. Order direction - descending
\n \n\n
\nSource - array of string. Order direction - ascending
\n \n\n \n {{model.city}} - {{model.code}}\n \n
\n\n\n Source - array of objects. Order direction - ascending,\n sort by city, group by state\n
\n \n\n\n
\n'},19197:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l="import { Component, OnInit } from '@angular/core';\n\nimport { TypeaheadOrder } from 'ngx-bootstrap/typeahead';\nimport { Observable, of, Subscriber } from 'rxjs';\nimport { switchMap } from 'rxjs/operators';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-typeahead-ordering',\n templateUrl: './ordering.html'\n})\nexport class DemoTypeaheadOrderingComponent implements OnInit {\n selected1?: string;\n selected2?: string;\n selected3?: string;\n selected4?: string;\n sortConfig1: TypeaheadOrder = {\n direction: 'desc'\n };\n sortConfig2: TypeaheadOrder = {\n direction: 'asc'\n };\n sortConfig3: TypeaheadOrder = {\n direction: 'asc',\n field: 'city'\n };\n states$?: ObservableSource - Observable of array of string. Order direction - descending
\n \nModel: {{selected | json}}\n\n'},53543:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-typeahead-phrase-delimiters',\n templateUrl: './phrase-delimiters.html'\n})\nexport class DemoTypeaheadPhraseDelimitersComponent {\n selected?: string;\n states = [\n 'Alabama',\n 'Alaska',\n 'Arizona',\n 'Arkansas',\n 'California',\n 'Colorado',\n 'Connecticut',\n 'Delaware',\n 'Florida',\n 'Georgia',\n 'Hawaii',\n 'Idaho',\n 'Illinois',\n 'Indiana',\n 'Iowa',\n 'Kansas',\n 'Kentucky',\n 'Louisiana',\n 'Maine',\n 'Maryland',\n 'Massachusetts',\n 'Michigan',\n 'Minnesota',\n 'Mississippi',\n 'Missouri',\n 'Montana',\n 'Nebraska',\n 'Nevada',\n 'New Hampshire',\n 'New Jersey',\n 'New Mexico',\n 'New York',\n 'North Dakota',\n 'North Carolina',\n 'Ohio',\n 'Oklahoma',\n 'Oregon',\n 'Pennsylvania',\n 'Rhode Island',\n 'South Carolina',\n 'South Dakota',\n 'Tennessee',\n 'Texas',\n 'Utah',\n 'Vermont',\n 'Virginia',\n 'Washington',\n 'West Virginia',\n 'Wisconsin',\n 'Wyoming'\n ];\n}\n"},66523:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l='Model: {{myForm.value.state | json}}\n\n\n'},70083:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l="import { Component } from '@angular/core';\nimport { UntypedFormControl, UntypedFormGroup } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-typeahead-reactive-form',\n templateUrl: './reactive-form.html'\n})\nexport class DemoTypeaheadReactiveFormComponent {\n stateCtrl = new UntypedFormControl();\n\n myForm = new UntypedFormGroup({\n state: this.stateCtrl\n });\n\n states = [\n 'Alabama',\n 'Alaska',\n 'Arizona',\n 'Arkansas',\n 'California',\n 'Colorado',\n 'Connecticut',\n 'Delaware',\n 'Florida',\n 'Georgia',\n 'Hawaii',\n 'Idaho',\n 'Illinois',\n 'Indiana',\n 'Iowa',\n 'Kansas',\n 'Kentucky',\n 'Louisiana',\n 'Maine',\n 'Maryland',\n 'Massachusetts',\n 'Michigan',\n 'Minnesota',\n 'Mississippi',\n 'Missouri',\n 'Montana',\n 'Nebraska',\n 'Nevada',\n 'New Hampshire',\n 'New Jersey',\n 'New Mexico',\n 'New York',\n 'North Dakota',\n 'North Carolina',\n 'Ohio',\n 'Oklahoma',\n 'Oregon',\n 'Pennsylvania',\n 'Rhode Island',\n 'South Carolina',\n 'South Dakota',\n 'Tennessee',\n 'Texas',\n 'Utah',\n 'Vermont',\n 'Virginia',\n 'Washington',\n 'West Virginia',\n 'Wisconsin',\n 'Wyoming'\n ];\n}\n"},93223:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l='Model: {{selected | json}}\n\n'},94815:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-typeahead-scrollable',\n templateUrl: './scrollable.html'\n})\nexport class DemoTypeaheadScrollableComponent {\n selected?: string;\n states: string[] = [\n 'Alabama',\n 'Alaska',\n 'Arizona',\n 'Arkansas',\n 'California',\n 'Colorado',\n 'Connecticut',\n 'Delaware',\n 'Florida',\n 'Georgia',\n 'Hawaii',\n 'Idaho',\n 'Illinois',\n 'Indiana',\n 'Iowa',\n 'Kansas',\n 'Kentucky',\n 'Louisiana',\n 'Maine',\n 'Maryland',\n 'Massachusetts',\n 'Michigan',\n 'Minnesota',\n 'Mississippi',\n 'Missouri',\n 'Montana',\n 'Nebraska',\n 'Nevada',\n 'New Hampshire',\n 'New Jersey',\n 'New Mexico',\n 'New York',\n 'North Dakota',\n 'North Carolina',\n 'Ohio',\n 'Oklahoma',\n 'Oregon',\n 'Pennsylvania',\n 'Rhode Island',\n 'South Carolina',\n 'South Dakota',\n 'Tennessee',\n 'Texas',\n 'Utah',\n 'Vermont',\n 'Virginia',\n 'Washington',\n 'West Virginia',\n 'Wisconsin',\n 'Wyoming'\n ];\n}\n"},27819:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l='Model: {{selected | json}}\n\n'},11059:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-selected-first-item',\n templateUrl: './selected-first-item.html'\n})\nexport class DemotypeaheadSelectFirstItemComponent {\n selected?: string;\n states: string[] = [\n 'Alabama',\n 'Alaska',\n 'Arizona',\n 'Arkansas',\n 'California',\n 'Colorado',\n 'Connecticut',\n 'Delaware',\n 'Florida',\n 'Georgia',\n 'Hawaii',\n 'Idaho',\n 'Illinois',\n 'Indiana',\n 'Iowa',\n 'Kansas',\n 'Kentucky',\n 'Louisiana',\n 'Maine',\n 'Maryland',\n 'Massachusetts',\n 'Michigan',\n 'Minnesota',\n 'Mississippi',\n 'Missouri',\n 'Montana',\n 'Nebraska',\n 'Nevada',\n 'New Hampshire',\n 'New Jersey',\n 'New Mexico',\n 'New York',\n 'North Dakota',\n 'North Carolina',\n 'Ohio',\n 'Oklahoma',\n 'Oregon',\n 'Pennsylvania',\n 'Rhode Island',\n 'South Carolina',\n 'South Dakota',\n 'Tennessee',\n 'Texas',\n 'Utah',\n 'Vermont',\n 'Virginia',\n 'Washington',\n 'West Virginia',\n 'Wisconsin',\n 'Wyoming'\n ];\n}\n"},92679:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l='\n\n typeaheadHideResultsOnBlur: {{typeaheadHideResultsOnBlur}}\n Model: {{selected | json}}\n\n\n'},42559:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-typeahead-show-on-blur',\n templateUrl: './show-on-blur.html'\n})\nexport class DemoTypeaheadShowOnBlurComponent {\n typeaheadHideResultsOnBlur = false;\n selected?: string;\n states = [\n 'Alabama',\n 'Alaska',\n 'Arizona',\n 'Arkansas',\n 'California',\n 'Colorado',\n 'Connecticut',\n 'Delaware',\n 'Florida',\n 'Georgia',\n 'Hawaii',\n 'Idaho',\n 'Illinois',\n 'Indiana',\n 'Iowa',\n 'Kansas',\n 'Kentucky',\n 'Louisiana',\n 'Maine',\n 'Maryland',\n 'Massachusetts',\n 'Michigan',\n 'Minnesota',\n 'Mississippi',\n 'Missouri',\n 'Montana',\n 'Nebraska',\n 'Nevada',\n 'New Hampshire',\n 'New Jersey',\n 'New Mexico',\n 'New York',\n 'North Dakota',\n 'North Carolina',\n 'Ohio',\n 'Oklahoma',\n 'Oregon',\n 'Pennsylvania',\n 'Rhode Island',\n 'South Carolina',\n 'South Dakota',\n 'Tennessee',\n 'Texas',\n 'Utah',\n 'Vermont',\n 'Virginia',\n 'Washington',\n 'West Virginia',\n 'Wisconsin',\n 'Wyoming'\n ];\n}\n"},53735:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l='\n\n typeaheadSingleWords: {{typeaheadSingleWords}}\n Model: {{selected | json}}\n\n\n'},57023:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-typeahead-single-world',\n templateUrl: './single-world.html'\n})\nexport class DemoTypeaheadSingleWorldComponent {\n typeaheadSingleWords = true;\n selected?: string;\n states = [\n 'Alabama',\n 'Alaska',\n 'Arizona',\n 'Arkansas',\n 'California',\n 'Colorado',\n 'Connecticut',\n 'Delaware',\n 'Florida',\n 'Georgia',\n 'Hawaii',\n 'Idaho',\n 'Illinois',\n 'Indiana',\n 'Iowa',\n 'Kansas',\n 'Kentucky',\n 'Louisiana',\n 'Maine',\n 'Maryland',\n 'Massachusetts',\n 'Michigan',\n 'Minnesota',\n 'Mississippi',\n 'Missouri',\n 'Montana',\n 'Nebraska',\n 'Nevada',\n 'New Hampshire',\n 'New Jersey',\n 'New Mexico',\n 'New York',\n 'North Dakota',\n 'North Carolina',\n 'Ohio',\n 'Oklahoma',\n 'Oregon',\n 'Pennsylvania',\n 'Rhode Island',\n 'South Carolina',\n 'South Dakota',\n 'Tennessee',\n 'Texas',\n 'Utah',\n 'Vermont',\n 'Virginia',\n 'Washington',\n 'West Virginia',\n 'Wisconsin',\n 'Wyoming'\n ];\n}\n"},41704:(p,s,o)=>{o.r(s),o.d(s,{default:()=>l});const l="### Standalone component usage\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\n\nimport { TypeaheadModule } from 'ngx-bootstrap/typeahead';\n@Component({\n standalone: true,\n imports: [\n BrowserAnimationsModule,\n TypeaheadModule,\n ...\n ]\n})\nexport class AppComponent(){}\n\n### Module usage\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\n\nimport { TypeaheadModule } from 'ngx-bootstrap/typeahead';\n\n@NgModule({\n imports: [\n BrowserAnimationsModule,\n TypeaheadModule,\n ...\n ]\n})\nexport class AppModule(){}\n"}}]);
\ No newline at end of file
diff --git a/648.191424c53e08bc03.js b/648.191424c53e08bc03.js
new file mode 100644
index 0000000000..dfc81b18c1
--- /dev/null
+++ b/648.191424c53e08bc03.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkngx_bootstrap_docs=self.webpackChunkngx_bootstrap_docs||[]).push([[648],{78648:(d,o,n)=>{n.r(o),n.d(o,{CollapseSectionComponent:()=>F,DemoCollapseModule:()=>j});var a=n(60177),f=n(84341),E=n(8681),y=n(65972),r=n(37472),e=n(54438),m=n(31029);let h=(()=>{class t{constructor(){this.isCollapsed=!1}static#e=this.\u0275fac=function(l){return new(l||t)};static#n=this.\u0275cmp=e.VBU({type:t,selectors:[["collapse-demo-animation"]],decls:6,vars:3,consts:[["type","button","aria-controls","collapseBasic",1,"btn","btn-primary",3,"click"],["id","collapseBasic",3,"collapse","isAnimated"],[1,"well","well-lg","card","card-block","card-header"]],template:function(l,s){1&l&&(e.j41(0,"button",0),e.bIt("click",function(){return s.isCollapsed=!s.isCollapsed}),e.EFF(1,"Toggle collapse\n"),e.k0s(),e.nrm(2,"hr"),e.j41(3,"div",1)(4,"div",2),e.EFF(5,"Some content"),e.k0s()()),2&l&&(e.BMQ("aria-expanded",!s.isCollapsed),e.R7$(3),e.Y8G("collapse",s.isCollapsed)("isAnimated",!0))},dependencies:[m.D],encapsulation:2})}return t})(),C=(()=>{class t{constructor(){this.isCollapsed=!1}static#e=this.\u0275fac=function(l){return new(l||t)};static#n=this.\u0275cmp=e.VBU({type:t,selectors:[["collapse-demo"]],decls:6,vars:2,consts:[["type","button","aria-controls","collapseBasic",1,"btn","btn-primary",3,"click"],["id","collapseBasic",3,"collapse"],[1,"well","well-lg","card","card-block","card-header"]],template:function(l,s){1&l&&(e.j41(0,"button",0),e.bIt("click",function(){return s.isCollapsed=!s.isCollapsed}),e.EFF(1,"Toggle collapse\n"),e.k0s(),e.nrm(2,"hr"),e.j41(3,"div",1)(4,"div",2),e.EFF(5,"Some content"),e.k0s()()),2&l&&(e.BMQ("aria-expanded",!s.isCollapsed),e.R7$(3),e.Y8G("collapse",s.isCollapsed))},dependencies:[m.D],encapsulation:2})}return t})(),b=(()=>{class t{constructor(){this.isCollapsed=!1,this.message="expanded"}collapsed(){this.message="collapsed"}collapses(){this.message="collapses"}expanded(){this.message="expanded"}expands(){this.message="expands"}static#e=this.\u0275fac=function(l){return new(l||t)};static#n=this.\u0275cmp=e.VBU({type:t,selectors:[["collapse-demo-events"]],decls:11,vars:4,consts:[[1,"row"],[1,"col-md-3"],["type","button","aria-controls","collapseEvent",1,"btn","btn-primary",3,"click"],[1,"col-md-9"],[1,"card","card-block","card-header"],["id","collapseEvent",3,"collapses","expands","collapsed","expanded","isAnimated","collapse"],[1,"well","well-lg","card","card-block","card-header"]],template:function(l,s){1&l&&(e.j41(0,"div",0)(1,"div",1)(2,"button",2),e.bIt("click",function(){return s.isCollapsed=!s.isCollapsed}),e.EFF(3,"Toggle collapse "),e.k0s()(),e.j41(4,"div",3)(5,"pre",4),e.EFF(6),e.k0s()()(),e.nrm(7,"hr"),e.j41(8,"div",5),e.bIt("collapses",function(){return s.collapses()})("expands",function(){return s.expands()})("collapsed",function(){return s.collapsed()})("expanded",function(){return s.expanded()}),e.j41(9,"div",6),e.EFF(10,"Some content"),e.k0s()()),2&l&&(e.R7$(2),e.BMQ("aria-expanded",!s.isCollapsed),e.R7$(4),e.SpI("Event: ",s.message,""),e.R7$(2),e.Y8G("isAnimated",!0)("collapse",s.isCollapsed))},dependencies:[m.D],encapsulation:2})}return t})(),D=(()=>{class t{static#e=this.\u0275fac=function(l){return new(l||t)};static#n=this.\u0275cmp=e.VBU({type:t,selectors:[["demo-accessibility"]],decls:37,vars:0,consts:[[1,"highlighter-rouge"]],template:function(l,s){1&l&&(e.j41(0,"p"),e.EFF(1,"Be sure to add "),e.j41(2,"code",0),e.EFF(3,"aria-expanded"),e.k0s(),e.EFF(4," to the control element. This attribute explicitly conveys the current state of the collapsible element tied to the control to screen readers and similar assistive technologies. If the collapsible element is closed by default, the attribute on the control element should have a value of "),e.j41(5,"code",0),e.EFF(6,'aria-expanded="false"'),e.k0s(),e.EFF(7,". If you\u2019ve set the collapsible element to be open by default using the "),e.j41(8,"code",0),e.EFF(9,"show"),e.k0s(),e.EFF(10," class, set "),e.j41(11,"code",0),e.EFF(12,'aria-expanded="true"'),e.k0s(),e.EFF(13," on the control instead. The plugin will automatically toggle this attribute on the control based on whether or not the collapsible element has been opened or closed. If the control element\u2019s HTML element is not a button (e.g., an "),e.j41(14,"code",0),e.EFF(15,""),e.k0s(),e.EFF(16," or "),e.j41(17,"code",0),e.EFF(18,""),e.k0s(),e.EFF(19,"), the attribute "),e.j41(20,"code",0),e.EFF(21,'role="button"'),e.k0s(),e.EFF(22," should be added to the element."),e.k0s(),e.j41(23,"p"),e.EFF(24,"If your control element is targeting a single collapsible element \u2013 i.e. the "),e.j41(25,"code",0),e.EFF(26,"data-target"),e.k0s(),e.EFF(27," attribute is pointing to an "),e.j41(28,"code",0),e.EFF(29,"id"),e.k0s(),e.EFF(30," selector \u2013 you should add the "),e.j41(31,"code",0),e.EFF(32,"aria-controls"),e.k0s(),e.EFF(33," attribute to the control element, containing the "),e.j41(34,"code",0),e.EFF(35,"id"),e.k0s(),e.EFF(36," of the collapsible element. Modern screen readers and similar assistive technologies make use of this attribute to provide users with additional shortcuts to navigate directly to the collapsible element itself."),e.k0s())},encapsulation:2})}return t})(),g=(()=>{class t{constructor(){this.isCollapsed=!1}static#e=this.\u0275fac=function(l){return new(l||t)};static#n=this.\u0275cmp=e.VBU({type:t,selectors:[["inline-display-demo"]],decls:9,vars:1,consts:[["collapse","bs-collapse"],["type","button","aria-controls","collapseBasic",1,"btn","btn-success",3,"click"],["type","button","aria-controls","collapseBasic",1,"btn","btn-primary",3,"click"],["id","collapseBasic",3,"collapse"],[1,"well","well-lg","card","card-block","card-header"]],template:function(l,s){if(1&l){const i=e.RV6();e.j41(0,"button",1),e.bIt("click",function(){e.eBV(i);const p=e.sdS(6);return e.Njj(p.display="inline-block")}),e.EFF(1,"Inline-block\n"),e.k0s(),e.j41(2,"button",2),e.bIt("click",function(){e.eBV(i);const p=e.sdS(6);return e.Njj(p.display="none")}),e.EFF(3,"None\n"),e.k0s(),e.nrm(4,"hr"),e.j41(5,"div",3,0)(7,"div",4),e.EFF(8,"Some content"),e.k0s()()}2&l&&(e.R7$(5),e.Y8G("collapse",!s.isCollapsed))},dependencies:[m.D],encapsulation:2})}return t})(),v=(()=>{class t{constructor(){this.isOpen=!1}static#e=this.\u0275fac=function(l){return new(l||t)};static#n=this.\u0275cmp=e.VBU({type:t,selectors:[["toggle-manual-demo"]],decls:9,vars:1,consts:[["collapse","bs-collapse"],["type","button","aria-controls","collapseManual",1,"btn","btn-primary",3,"click"],["id","collapseManual",3,"collapse"],[1,"well","well-lg","card","card-block","card-header"]],template:function(l,s){if(1&l){const i=e.RV6();e.j41(0,"button",1),e.bIt("click",function(){e.eBV(i);const p=e.sdS(6);return e.Njj(p.show())}),e.EFF(1,"Show content\n"),e.k0s(),e.j41(2,"button",1),e.bIt("click",function(){e.eBV(i);const p=e.sdS(6);return e.Njj(p.hide())}),e.EFF(3,"Hide content\n"),e.k0s(),e.nrm(4,"hr"),e.j41(5,"div",2,0)(7,"div",3),e.EFF(8,"Some content"),e.k0s()()}2&l&&(e.R7$(5),e.Y8G("collapse",s.isOpen))},dependencies:[m.D],encapsulation:2})}return t})();const T=[{name:"Overview",anchor:"overview",tabName:"overview",outlet:r.xK,content:[{title:"Basic",anchor:"basic",component:n(24891),html:n(47203),outlet:C},{title:"With animation",anchor:"animated",component:n(62359),html:n(98255),description:"You can enable animation via
\n
\n
\n
\n
\n\n \n This content is straight in the template.\n \n \n \n \n \n \n \n \n'},37924:(r,i,o)=>{o.r(i),o.d(i,{default:()=>a});const a="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-accordion-animation',\n templateUrl: './animated.html'\n})\nexport class DemoAccordionAnimatedComponent {}\n"},86552:(r,i,o)=>{o.r(i),o.d(i,{default:()=>a});const a='\n \n This content is straight in the template.\n \n \n \n \n \n \n \n \n'},46856:(r,i,o)=>{o.r(i),o.d(i,{default:()=>a});const a="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-accordion-basic',\n templateUrl: './basic.html'\n})\nexport class DemoAccordionBasicComponent {}\n"},57386:(r,i,o)=>{o.r(i),o.d(i,{default:()=>a});const a='\n \n This content is straight in the template.\n \n \n \n \n \n \n'},75574:(r,i,o)=>{o.r(i),o.d(i,{default:()=>a});const a="import { Component } from '@angular/core';\nimport { AccordionConfig } from 'ngx-bootstrap/accordion';\n\n// such override allows to keep some initial values\n\nexport function getAccordionConfig(): AccordionConfig {\n return Object.assign(new AccordionConfig(), { closeOthers: true });\n}\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-accordion-config',\n templateUrl: './config.html',\n providers: [{ provide: AccordionConfig, useFactory: getAccordionConfig }]\n})\nexport class DemoAccordionConfigComponent {}\n"},4532:(r,i,o)=>{o.r(i),o.d(i,{default:()=>a});const a='\n \n \n \n \n \n And some HTML here\n \n \n'},73972:(r,i,o)=>{o.r(i),o.d(i,{default:()=>a});const a="import { Component } from '@angular/core';\nimport { getBsVer, IBsVersion } from 'ngx-bootstrap/utils';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-accordion-custom-html',\n templateUrl: './custom-html.html'\n})\nexport class DemoAccordionCustomHTMLComponent {\n get _getBsVer(): IBsVersion {\n return getBsVer();\n }\n}\n"},90654:(r,i,o)=>{o.r(i),o.d(i,{default:()=>a});const a='\n \n This content is straight in the template.\n \n \n \n \n \n \n'},18010:(r,i,o)=>{o.r(i),o.d(i,{default:()=>a});const a="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-accordion-disabled',\n templateUrl: './disabled.html'\n})\nexport class DemoAccordionDisabledComponent {\n isFirstDisabled = false;\n}\n"},35972:(r,i,o)=>{o.r(i),o.d(i,{default:()=>a});const a='\n \n {{ group?.content }}\n \n \n'},86436:(r,i,o)=>{o.r(i),o.d(i,{default:()=>a});const a="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-accordion-dynamic',\n templateUrl: './dynamic.html'\n})\nexport class DemoAccordionDynamicComponent {\n groups = [\n {\n title: 'Dynamic Group Header - 1',\n content: 'Dynamic Group Body - 1'\n },\n {\n title: 'Dynamic Group Header - 2',\n content: 'Dynamic Group Body - 2'\n }\n ];\n\n addGroupItem(): void {\n this.groups.push({\n title: `Dynamic Group Header - ${this.groups.length + 1}`,\n content: `Dynamic Group Body - ${this.groups.length + 1}`\n });\n }\n}\n"},59570:(r,i,o)=>{o.r(i),o.d(i,{default:()=>a});const a='\n \n \n \n \n \n \n \n'},25742:(r,i,o)=>{o.r(i),o.d(i,{default:()=>a});const a="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-accordion-dynamic-body',\n templateUrl: './dynamic-body.html'\n})\nexport class DemoAccordionDynamicBodyComponent {\n items = ['Item 1', 'Item 2', 'Item 3'];\n\n addItem(): void {\n this.items.push(`Item ${this.items.length + 1}`);\n }\n\n removeItem(): void {\n this.items = this.items.slice(0, this.items.length - 1);\n }\n}\n"},11892:(r,i,o)=>{o.r(i),o.d(i,{default:()=>a});const a='\n \n \n \n \n \n \n \n'},34388:(r,i,o)=>{o.r(i),o.d(i,{default:()=>a});const a="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-accordion-manual-toggle',\n templateUrl: './manual-toggle.html'\n})\nexport class DemoAccordionManualToggleComponent {\n isOpen = true;\n}\n"},44836:(r,i,o)=>{o.r(i),o.d(i,{default:()=>a});const a='\n \n This content is straight in the template.\n \n \n \n \n \n \n'},85412:(r,i,o)=>{o.r(i),o.d(i,{default:()=>a});const a="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-accordion-one-time',\n templateUrl: './one-at-a-time.html'\n})\nexport class DemoAccordionOneAtATimeComponent {\n oneAtATime = true;\n}\n"},37976:(r,i,o)=>{o.r(i),o.d(i,{default:()=>a});const a='\n \n \n \n \n \n \n \n'},57064:(r,i,o)=>{o.r(i),o.d(i,{default:()=>a});const a="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-accordion-open-event',\n templateUrl: './open-event.html'\n})\nexport class DemoAccordionOpenEventComponent {\n log(event: boolean) {\n console.log(`Accordion has been ${event ? 'opened' : 'closed'}`);\n }\n}\n"},85752:(r,i,o)=>{o.r(i),o.d(i,{default:()=>a});const a='\n \n \n \n This content is straight in the template.\n \n \n \n \n'},17288:(r,i,o)=>{o.r(i),o.d(i,{default:()=>a});const a="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-accordion-opened',\n templateUrl: './opened.html'\n})\nexport class DemoAccordionOpenedComponent {\n isFirstOpen = true;\n}\n"},3668:(r,i,o)=>{o.r(i),o.d(i,{default:()=>a});const a='\n \n This content is straight in the template.\n \n \n \n \n \n \n'},77300:(r,i,o)=>{o.r(i),o.d(i,{default:()=>a});const a="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-accordion-styling',\n templateUrl: './styling.html'\n})\nexport class DemoAccordionStylingComponent {\n customClass = 'customClass';\n isFirstOpen = true;\n}\n"},46809:(r,i,o)=>{o.r(i),o.d(i,{default:()=>a});const a="### Standalone component usage\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\n\nimport { AccordionComponent, AccordionPanelComponent } from 'ngx-bootstrap/accordion';\n\n@Component({\n standalone: true,\n imports: [\n BrowserAnimationsModule,\n AccordionComponent,\n AccordionPanelComponent\n ...\n ]\n})\nexport class AppComponent(){}\n\nAlso should be added web-animations-js polyfill for IE browser (Edge)\n### Module usage\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\n\nimport { AccordionModule } from 'ngx-bootstrap/accordion';\n\n@NgModule({\n imports: [\n BrowserAnimationsModule,\n AccordionModule,\n ...\n ]\n})\nexport class AppModule(){}\n\nAlso should be added web-animations-js polyfill for IE browser (Edge)\n"}}]);
\ No newline at end of file
diff --git a/718.ad53b059ce2e878a.js b/718.ad53b059ce2e878a.js
new file mode 100644
index 0000000000..194f0a3579
--- /dev/null
+++ b/718.ad53b059ce2e878a.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkngx_bootstrap_docs=self.webpackChunkngx_bootstrap_docs||[]).push([[718],{27718:(c,s,n)=>{n.r(s),n.d(s,{DemoTabsModule:()=>tt,TabsSectionComponent:()=>P});var i=n(60177),R=n(84341),k=n(8681),V=n(59169),p=n(37472),t=n(54438),b=n(4875),d=n(80903);let h=(()=>{class e{static#t=this.\u0275fac=function(a){return new(a||e)};static#n=this.\u0275cmp=t.VBU({type:e,selectors:[["demo-tabs-basic"]],decls:8,vars:0,consts:[["heading","Basic title","id","tab1"],["heading","Basic Title 1"],["heading","Basic Title 2"]],template:function(a,l){1&a&&(t.j41(0,"div")(1,"tabset")(2,"tab",0),t.EFF(3,"Basic content"),t.k0s(),t.j41(4,"tab",1),t.EFF(5,"Basic content 1"),t.k0s(),t.j41(6,"tab",2),t.EFF(7,"Basic content 2"),t.k0s()()())},dependencies:[b.V,d.f],encapsulation:2})}return e})();const x=["staticTabs"];let f=(()=>{class e{selectTab(o){this.staticTabs?.tabs[o]&&(this.staticTabs.tabs[o].active=!0)}static#t=this.\u0275fac=function(a){return new(a||e)};static#n=this.\u0275cmp=t.VBU({type:e,selectors:[["demo-tabs-manual-selection"]],viewQuery:function(a,l){if(1&a&&t.GBs(x,5),2&a){let m;t.mGM(m=t.lsd())&&(l.staticTabs=m.first)}},decls:19,vars:0,consts:[["staticTabs",""],["type","button",1,"btn","btn-primary","btn-sm",3,"click"],["heading","Static title"],["heading","Static Title 1"],["heading","Static Title 2"],["heading","Static Title 3"]],template:function(a,l){if(1&a){const m=t.RV6();t.j41(0,"div")(1,"p"),t.EFF(2,"You can select tabs directly from component"),t.k0s(),t.j41(3,"p")(4,"button",1),t.bIt("click",function(){return t.eBV(m),t.Njj(l.selectTab(1))}),t.EFF(5,"Select second tab"),t.k0s(),t.j41(6,"button",1),t.bIt("click",function(){return t.eBV(m),t.Njj(l.selectTab(2))}),t.EFF(7,"Select third tab"),t.k0s()(),t.nrm(8,"hr"),t.j41(9,"tabset",null,0)(11,"tab",2),t.EFF(12,"Static content"),t.k0s(),t.j41(13,"tab",3),t.EFF(14,"Static content 1"),t.k0s(),t.j41(15,"tab",4),t.EFF(16,"Static content 2"),t.k0s(),t.j41(17,"tab",5),t.EFF(18,"Static content 3"),t.k0s()()()}},dependencies:[b.V,d.f],encapsulation:2})}return e})();function U(e,r){if(1&e){const o=t.RV6();t.j41(0,"button",1),t.bIt("click",function(){t.eBV(o);const l=t.XpG();return t.Njj(l.tabs=[])}),t.EFF(1," Remove all tabs "),t.k0s()}}function O(e,r){if(1&e){const o=t.RV6();t.j41(0,"tab",5),t.bIt("selectTab",function(){const l=t.eBV(o).$implicit;return t.Njj(l.active=!0)})("deselect",function(){const l=t.eBV(o).$implicit;return t.Njj(l.active=!1)})("removed",function(){const l=t.eBV(o).$implicit,m=t.XpG();return t.Njj(m.removeTabHandler(l))}),t.EFF(1),t.k0s()}if(2&e){const o=r.$implicit;t.Y8G("heading",o.title)("active",o.active)("disabled",o.disabled)("removable",o.removable)("customClass",o.customClass),t.R7$(),t.SpI(" ",null==o?null:o.content," ")}}let T=(()=>{class e{constructor(){this.tabs=[{title:"Dynamic Title 1",content:"Dynamic content 1",removable:!1,disabled:!1},{title:"Dynamic Title 2",content:"Dynamic content 2",removable:!1,disabled:!1},{title:"Dynamic Title 3",content:"Dynamic content 3",removable:!0,disabled:!1}]}addNewTab(){const o=this.tabs.length+1;this.tabs.push({title:`Dynamic Title ${o}`,content:`Dynamic content ${o}`,disabled:!1,removable:!0})}removeTabHandler(o){this.tabs.splice(this.tabs.indexOf(o),1),console.log("Remove Tab handler")}static#t=this.\u0275fac=function(a){return new(a||e)};static#n=this.\u0275cmp=t.VBU({type:e,selectors:[["demo-tabs-dynamic"]],decls:11,vars:2,consts:[[3,"click"],["type","button",1,"btn","btn-primary","btn-sm",3,"click"],["type","button","class","btn btn-primary btn-sm",3,"click",4,"ngIf"],["heading","Static title"],[3,"heading","active","disabled","removable","customClass","selectTab","deselect","removed",4,"ngFor","ngForOf"],[3,"selectTab","deselect","removed","heading","active","disabled","removable","customClass"]],template:function(a,l){1&a&&(t.j41(0,"div",0),t.bIt("click",function(u){return u.preventDefault()}),t.j41(1,"p"),t.EFF(2,"Change quantity of tabs by manipulating tabs array"),t.k0s(),t.j41(3,"button",1),t.bIt("click",function(){return l.addNewTab()}),t.EFF(4," Add new tab "),t.k0s(),t.DNE(5,U,2,0,"button",2),t.nrm(6,"hr"),t.j41(7,"tabset")(8,"tab",3),t.EFF(9,"Static content"),t.k0s(),t.DNE(10,O,2,6,"tab",4),t.k0s()()),2&a&&(t.R7$(5),t.Y8G("ngIf",l.tabs.length),t.R7$(5),t.Y8G("ngForOf",l.tabs))},dependencies:[i.Sq,i.bT,b.V,d.f],encapsulation:2,changeDetection:0})}return e})(),C=(()=>{class e{static#t=this.\u0275fac=function(a){return new(a||e)};static#n=this.\u0275cmp=t.VBU({type:e,selectors:[["demo-tabs-pills"]],decls:5,vars:0,consts:[["type","pills"],["heading","Pills 1"],["heading","Pills 2"]],template:function(a,l){1&a&&(t.j41(0,"tabset",0)(1,"tab",1),t.EFF(2,"Pills content 1"),t.k0s(),t.j41(3,"tab",2),t.EFF(4,"Pills content 2"),t.k0s()())},dependencies:[b.V,d.f],encapsulation:2})}return e})(),y=(()=>{class e{static#t=this.\u0275fac=function(a){return new(a||e)};static#n=this.\u0275cmp=t.VBU({type:e,selectors:[["demo-tabs-vertical-pills"]],decls:5,vars:1,consts:[["type","pills",3,"vertical"],["heading","Vertical 1"],["heading","Vertical 2"]],template:function(a,l){1&a&&(t.j41(0,"tabset",0)(1,"tab",1),t.EFF(2,"Vertical content 1"),t.k0s(),t.j41(3,"tab",2),t.EFF(4,"Vertical content 2"),t.k0s()()),2&a&&t.Y8G("vertical",!0)},dependencies:[b.V,d.f],encapsulation:2})}return e})(),F=(()=>{class e{static#t=this.\u0275fac=function(a){return new(a||e)};static#n=this.\u0275cmp=t.VBU({type:e,selectors:[["demo-tabs-justified"]],decls:7,vars:1,consts:[[3,"justified"],["heading","Justified"],["heading","SJ"],["heading","Long Justified"]],template:function(a,l){1&a&&(t.j41(0,"tabset",0)(1,"tab",1),t.EFF(2,"Justified content"),t.k0s(),t.j41(3,"tab",2),t.EFF(4,"Short Labeled Justified content"),t.k0s(),t.j41(5,"tab",3),t.EFF(6,"Long Labeled Justified content"),t.k0s()()),2&a&&t.Y8G("justified",!0)},dependencies:[b.V,d.f],encapsulation:2})}return e})();function L(e,r){if(1&e&&(t.j41(0,"tab",2),t.EFF(1),t.k0s()),2&e){const o=r.$implicit;t.Y8G("heading",o.title)("customClass",o.customClass),t.R7$(),t.SpI(" ",null==o?null:o.content," ")}}let v=(()=>{class e{constructor(){this.tabs=[{title:"Dynamic Title 1",content:"Dynamic content 1",customClass:"customClass"},{title:"Dynamic Title 2",content:"Dynamic content 2",customClass:"customClass"}]}static#t=this.\u0275fac=function(a){return new(a||e)};static#n=this.\u0275cmp=t.VBU({type:e,selectors:[["demo-tabs-custom-class"]],decls:4,vars:1,consts:[["heading","Static title","customClass","customClass"],[3,"heading","customClass",4,"ngFor","ngForOf"],[3,"heading","customClass"]],template:function(a,l){1&a&&(t.j41(0,"tabset")(1,"tab",0),t.EFF(2,"Static content"),t.k0s(),t.DNE(3,L,2,3,"tab",1),t.k0s()),2&a&&(t.R7$(3),t.Y8G("ngForOf",l.tabs))},dependencies:[i.Sq,b.V,d.f],encapsulation:2})}return e})();var g=n(34864);function _(){return Object.assign(new g.o,{type:"pills",isKeysAllowed:!0})}let D=(()=>{class e{static#t=this.\u0275fac=function(a){return new(a||e)};static#n=this.\u0275cmp=t.VBU({type:e,selectors:[["demo-tabs-config"]],features:[t.Jv_([{provide:g.o,useFactory:_}])],decls:5,vars:0,consts:[["heading","Config 1"],["heading","Config 2"]],template:function(a,l){1&a&&(t.j41(0,"tabset")(1,"tab",0),t.EFF(2,"Config content 1"),t.k0s(),t.j41(3,"tab",1),t.EFF(4,"Config content 2"),t.k0s()())},dependencies:[b.V,d.f],encapsulation:2})}return e})();const N=["staticTabs"];let E=(()=>{class e{disableEnable(){this.staticTabs?.tabs[2]&&(this.staticTabs.tabs[2].disabled=!this.staticTabs.tabs[2].disabled)}static#t=this.\u0275fac=function(a){return new(a||e)};static#n=this.\u0275cmp=t.VBU({type:e,selectors:[["demo-tabs-disabled"]],viewQuery:function(a,l){if(1&a&&t.GBs(N,5),2&a){let m;t.mGM(m=t.lsd())&&(l.staticTabs=m.first)}},decls:20,vars:0,consts:[["staticTabs",""],["type","button",1,"btn","btn-primary","btn-sm",3,"click"],["heading","Static title"],["heading","Static Title 1"],["heading","Static Title 2"],["heading","Static Title 3"]],template:function(a,l){if(1&a){const m=t.RV6();t.j41(0,"div")(1,"p"),t.EFF(2,"Tabs can be enabled or disabled by changing "),t.j41(3,"code"),t.EFF(4,"disabled"),t.k0s(),t.EFF(5," input property"),t.k0s(),t.j41(6,"p")(7,"button",1),t.bIt("click",function(){return t.eBV(m),t.Njj(l.disableEnable())}),t.EFF(8," Enable / Disable third tab "),t.k0s()(),t.nrm(9,"hr"),t.j41(10,"tabset",null,0)(12,"tab",2),t.EFF(13,"Static content"),t.k0s(),t.j41(14,"tab",3),t.EFF(15,"Static content 1"),t.k0s(),t.j41(16,"tab",4),t.EFF(17,"Static content 2"),t.k0s(),t.j41(18,"tab",5),t.EFF(19,"Static content 3"),t.k0s()()()}},dependencies:[b.V,d.f],encapsulation:2})}return e})(),X=(()=>{class e{constructor(o,a){a.headingRef=o}static#t=this.\u0275fac=function(a){return new(a||e)(t.rXU(t.C4Q),t.rXU(b.V))};static#n=this.\u0275dir=t.FsC({type:e,selectors:[["","tabHeading",""]],standalone:!0})}return e})();function K(e,r){1&e&&(t.j41(0,"span",2),t.EFF(1,"Heading"),t.k0s())}function M(e,r){1&e&&(t.j41(0,"i")(1,"b"),t.EFF(2,"Tab 3"),t.k0s()())}let j=(()=>{class e{static#t=this.\u0275fac=function(a){return new(a||e)};static#n=this.\u0275cmp=t.VBU({type:e,selectors:[["demo-tabs-custom-template"]],decls:10,vars:0,consts:[["heading","Static"],["tabHeading",""],[1,"badge","badge-secondary","bg-secondary"]],template:function(a,l){1&a&&(t.j41(0,"div")(1,"tabset")(2,"tab",0),t.EFF(3," Tab 1 "),t.k0s(),t.j41(4,"tab"),t.DNE(5,K,2,0,"ng-template",1),t.EFF(6," I've got an HTML heading. Pretty cool! "),t.k0s(),t.j41(7,"tab"),t.DNE(8,M,3,0,"ng-template",1),t.EFF(9," Tab with html tags in heading "),t.k0s()()())},dependencies:[b.V,d.f,X],encapsulation:2})}return e})();function W(e,r){if(1&e&&(t.j41(0,"pre",4),t.EFF(1),t.k0s()),2&e){const o=t.XpG();t.R7$(),t.SpI("Event select is fired. The heading of the selected tab is: ",o.value,"")}}let S=(()=>{class e{onSelect(o){this.value=o.heading}static#t=this.\u0275fac=function(a){return new(a||e)};static#n=this.\u0275cmp=t.VBU({type:e,selectors:[["demo-tabs-select-event"]],decls:13,vars:1,consts:[[1,"mb-3"],["class","card card-block card-header",4,"ngIf"],["heading","First tab",1,"mt-2",3,"selectTab"],["heading","Second tab",1,"mt-2",3,"selectTab"],[1,"card","card-block","card-header"]],template:function(a,l){1&a&&(t.j41(0,"div",0),t.DNE(1,W,2,1,"pre",1),t.k0s(),t.j41(2,"tabset")(3,"tab",2),t.bIt("selectTab",function(u){return l.onSelect(u)}),t.j41(4,"h4"),t.EFF(5,"Title"),t.k0s(),t.j41(6,"p"),t.EFF(7,"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."),t.k0s()(),t.j41(8,"tab",3),t.bIt("selectTab",function(u){return l.onSelect(u)}),t.j41(9,"h4"),t.EFF(10,"Title 2"),t.k0s(),t.j41(11,"p"),t.EFF(12,"It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages"),t.k0s()()()),2&a&&(t.R7$(),t.Y8G("ngIf",l.value))},dependencies:[i.bT,b.V,d.f],encapsulation:2})}return e})(),B=(()=>{class e{static#t=this.\u0275fac=function(a){return new(a||e)};static#n=this.\u0275cmp=t.VBU({type:e,selectors:[["demo-accessibility"]],decls:76,vars:0,consts:[[1,"highlighter-rouge"],["href","https://www.w3.org/TR/wai-aria-practices/#tabpanel"],["title","Web Accessibility Initiative"],["title","Accessible Rich Internet Applications"],[1,"table","table-bordered"],[1,"col-xs-3"],[1,"col-xs-9"]],template:function(a,l){1&a&&(t.j41(0,"p"),t.EFF(1,"Note that tabs can be given "),t.j41(2,"code",0),t.EFF(3,'role="tablist"'),t.k0s(),t.EFF(4,", "),t.j41(5,"code",0),t.EFF(6,'role="tab"'),t.k0s(),t.EFF(7," and "),t.j41(8,"code",0),t.EFF(9,'role="tabpanel"'),t.k0s(),t.EFF(10," attributes. These are appropriate for tabbed interfaces, as described in the "),t.j41(11,"a",1)(12,"abbr",2),t.EFF(13,"WAI"),t.k0s(),t.j41(14,"abbr",3),t.EFF(15,"ARIA"),t.k0s(),t.EFF(16," Authoring Practices"),t.k0s(),t.EFF(17,"."),t.k0s(),t.j41(18,"p"),t.EFF(19,"If your control element is targeting a single collapsible element - you should add the "),t.j41(20,"code"),t.EFF(21,"aria-controls"),t.k0s(),t.EFF(22," attribute to the control element, containing the "),t.j41(23,"code"),t.EFF(24,"id"),t.k0s(),t.EFF(25," of the collapsible element."),t.k0s(),t.j41(26,"p"),t.EFF(27,"To confirm the tab content opening you should use "),t.j41(28,"code"),t.EFF(29,"aria-selected"),t.k0s(),t.EFF(30," property. If "),t.j41(31,"code"),t.EFF(32,'aria-selected="true"'),t.k0s(),t.EFF(33," it indicates the tab control is activated and its associated panel is displayed."),t.k0s(),t.j41(34,"p"),t.EFF(35,"If you use a visible text element on the page as a label for a focusable element - you should add "),t.j41(36,"code"),t.EFF(37,"aria-labelledby"),t.k0s(),t.EFF(38,". It refers to the tab element that controls the panel."),t.k0s(),t.j41(39,"h4"),t.EFF(40,"Keyboard interaction"),t.k0s(),t.j41(41,"table",4)(42,"tbody")(43,"tr")(44,"td",5)(45,"code"),t.EFF(46," LEFT_ARROW "),t.k0s()(),t.j41(47,"td",6),t.EFF(48," Move focus to previous tab "),t.k0s()(),t.j41(49,"tr")(50,"td",5)(51,"code"),t.EFF(52," RIGHT_ARROW "),t.k0s()(),t.j41(53,"td",6),t.EFF(54," Move focus to next tab "),t.k0s()(),t.j41(55,"tr")(56,"td",5)(57,"code"),t.EFF(58," HOME "),t.k0s()(),t.j41(59,"td",6),t.EFF(60," Move focus to first tab "),t.k0s()(),t.j41(61,"tr")(62,"td",5)(63,"code"),t.EFF(64," END "),t.k0s()(),t.j41(65,"td",6),t.EFF(66," Move focus to last tab "),t.k0s()(),t.j41(67,"tr")(68,"td",5)(69,"code"),t.EFF(70,"SPACE"),t.k0s(),t.EFF(71," or "),t.j41(72,"code"),t.EFF(73,"ENTER"),t.k0s()(),t.j41(74,"td",6),t.EFF(75," Switch to focused tab "),t.k0s()()()())},encapsulation:2})}return e})(),G=(()=>{class e{constructor(){this.onInit=new t.bkB,this.onDestroy=new t.bkB}ngOnInit(){Promise.resolve().then(()=>this.onInit.emit())}ngOnDestroy(){this.onDestroy.emit()}static#t=this.\u0275fac=function(a){return new(a||e)};static#n=this.\u0275cmp=t.VBU({type:e,selectors:[["sub-component"]],inputs:{name:"name"},outputs:{onInit:"onInit",onDestroy:"onDestroy"},decls:2,vars:1,template:function(a,l){1&a&&(t.j41(0,"p"),t.EFF(1),t.k0s()),2&a&&(t.R7$(),t.SpI(" Sub-Component ",l.name,"\n"))},styles:["p[_ngcontent-%COMP%]{margin:30px}"],changeDetection:0})}return e})();function $(e,r){if(1&e&&(t.j41(0,"li"),t.EFF(1),t.k0s()),2&e){const o=r.$implicit;t.R7$(),t.JRh(o)}}function J(e,r){if(1&e){const o=t.RV6();t.j41(0,"sub-component",11),t.bIt("onInit",function(){t.eBV(o);const l=t.XpG();return t.Njj(l.message("Sub-Component A activated"))})("onDestroy",function(){t.eBV(o);const l=t.XpG();return t.Njj(l.message("Sub-Component A destroyed"))}),t.k0s()}}function z(e,r){if(1&e){const o=t.RV6();t.j41(0,"sub-component",12),t.bIt("onInit",function(){t.eBV(o);const l=t.XpG();return t.Njj(l.message("Sub-Component B activated"))})("onDestroy",function(){t.eBV(o);const l=t.XpG();return t.Njj(l.message("Sub-Component B destroyed"))}),t.k0s()}}function Y(e,r){if(1&e){const o=t.RV6();t.j41(0,"sub-component",13),t.bIt("onInit",function(){t.eBV(o);const l=t.XpG();return t.Njj(l.message("Sub-Component C activated"))})("onDestroy",function(){t.eBV(o);const l=t.XpG();return t.Njj(l.message("Sub-Component C destroyed"))}),t.k0s()}}let A=(()=>{class e{constructor(){this.messages=[]}message(o){this.messages.push(o)}static#t=this.\u0275fac=function(a){return new(a||e)};static#n=this.\u0275cmp=t.VBU({type:e,selectors:[["dynamic-content-rendering"]],decls:14,vars:4,consts:[["tabA","tab"],["tabB","tab"],["tabC","tab"],[1,"eventlist"],[4,"ngFor","ngForOf"],["heading","Tab A"],["name","A",3,"onInit","onDestroy",4,"ngIf"],["heading","Tab B"],["name","B",3,"onInit","onDestroy",4,"ngIf"],["heading","Tab C"],["name","C",3,"onInit","onDestroy",4,"ngIf"],["name","A",3,"onInit","onDestroy"],["name","B",3,"onInit","onDestroy"],["name","C",3,"onInit","onDestroy"]],template:function(a,l){if(1&a&&(t.j41(0,"p"),t.EFF(1,"The Component inside the Tab is rendered, when the tab is activated and destroyed when the tab is left."),t.k0s(),t.j41(2,"ul",3),t.DNE(3,$,2,1,"li",4),t.k0s(),t.j41(4,"tabset")(5,"tab",5,0),t.DNE(7,J,1,0,"sub-component",6),t.k0s(),t.j41(8,"tab",7,1),t.DNE(10,z,1,0,"sub-component",8),t.k0s(),t.j41(11,"tab",9,2),t.DNE(13,Y,1,0,"sub-component",10),t.k0s()()),2&a){const m=t.sdS(6),u=t.sdS(9),nt=t.sdS(12);t.R7$(3),t.Y8G("ngForOf",l.messages),t.R7$(4),t.Y8G("ngIf",m.active),t.R7$(3),t.Y8G("ngIf",u.active),t.R7$(3),t.Y8G("ngIf",nt.active)}},dependencies:[i.Sq,i.bT,b.V,d.f,G],styles:[".eventlist[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{font-family:monospace}"],changeDetection:0})}return e})();function H(){return Object.assign(new g.o,{type:"tabs",isKeysAllowed:!1})}let I=(()=>{class e{static#t=this.\u0275fac=function(a){return new(a||e)};static#n=this.\u0275cmp=t.VBU({type:e,selectors:[["demo-disabled-key-navigations"]],features:[t.Jv_([{provide:g.o,useFactory:H}])],decls:5,vars:0,consts:[["heading","Tab1"],["heading","Tab2"]],template:function(a,l){1&a&&(t.j41(0,"tabset")(1,"tab",0),t.EFF(2,"Tab1"),t.k0s(),t.j41(3,"tab",1),t.EFF(4,"Tab2"),t.k0s()())},dependencies:[b.V,d.f],encapsulation:2})}return e})();const w=[{name:"Overview",anchor:"overview",tabName:"overview",outlet:p.xK,content:[{title:"Basic",anchor:"basic",component:n(9856),html:n(256),outlet:h},{title:"Manual selection",anchor:"tabs-manual-select",component:n(54132),html:n(18324),outlet:f},{title:"Disabled tabs",anchor:"disabled",component:n(20882),html:n(9222),outlet:E},{title:"Dynamic tabs",anchor:"tabs-dynamic",component:n(73860),html:n(48452),outlet:T},{title:"Pills",anchor:"tabs-Pills",component:n(77192),html:n(94040),outlet:C},{title:"Vertical Pills",anchor:"tabs-vertical-pills",component:n(13036),html:n(80668),outlet:y},{title:"Justified",anchor:"tabs-justified",component:n(9520),html:n(60496),description:"\n Config content 1 \n Config content 2 \n \n'},32238:(c,s,n)=>{n.r(s),n.d(s,{default:()=>i});const i="import { Component } from '@angular/core';\nimport { TabsetConfig } from 'ngx-bootstrap/tabs';\n\n// such override allows to keep some initial values\n\nexport function getTabsetConfig(): TabsetConfig {\n return Object.assign(new TabsetConfig(), { type: 'pills', isKeysAllowed: true });\n}\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-tabs-config',\n templateUrl: './config.html',\n providers: [{ provide: TabsetConfig, useFactory: getTabsetConfig }]\n})\nexport class DemoTabsConfigComponent {}\n"},33526:(c,s,n)=>{n.r(s),n.d(s,{default:()=>i});const i='\n Static content \n \n {{tabz?.content}}\n \n \n'},4162:(c,s,n)=>{n.r(s),n.d(s,{default:()=>i});const i="import { Component } from '@angular/core';\n\ninterface ITab {\n title: string;\n content: string;\n removable?: boolean;\n disabled?: boolean;\n active?: boolean;\n customClass?: string;\n}\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-tabs-custom-class',\n templateUrl: './custom-class.html'\n})\nexport class DemoTabsCustomClassComponent {\n tabs: ITab[] = [\n {\n title: 'Dynamic Title 1',\n content: 'Dynamic content 1',\n customClass: 'customClass'\n },\n {\n title: 'Dynamic Title 2',\n content: 'Dynamic content 2',\n customClass: 'customClass'\n }\n ];\n}\n"},58896:(c,s,n)=>{n.r(s),n.d(s,{default:()=>i});const i='\n Tab1 \n Tab2 \n \n'},45950:(c,s,n)=>{n.r(s),n.d(s,{default:()=>i});const i="import { Component } from '@angular/core';\nimport { TabsetConfig } from 'ngx-bootstrap/tabs';\n\nexport function getTabsetConfig(): TabsetConfig {\n return Object.assign(new TabsetConfig(), { type: 'tabs', isKeysAllowed: false });\n}\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-disabled-key-navigations',\n templateUrl: './disabled-key-navigations.html',\n providers: [{ provide: TabsetConfig, useFactory: getTabsetConfig }]\n})\nexport class DemoDisabledKeyNavigationsComponent {\n}\n"},9222:(c,s,n)=>{n.r(s),n.d(s,{default:()=>i});const i='\n \n \n \n\n \n \n \n\n \n \n \n \n'},79688:(c,s,n)=>{n.r(s),n.d(s,{default:()=>i});const i="import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'dynamic-content-rendering',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: './dynamic-content-rendering.html',\n styleUrls: ['./dynamic-content-rendering.css']\n})\nexport class DynamicContentRenderingComponent {\n\n messages: string[] = [];\n\n message(s: string) {\n this.messages.push(s);\n }\n\n}\n"},48452:(c,s,n)=>{n.r(s),n.d(s,{default:()=>i});const i='\n Justified content \n Short Labeled Justified content \n Long Labeled Justified content \n \n'},9520:(c,s,n)=>{n.r(s),n.d(s,{default:()=>i});const i="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-tabs-justified',\n templateUrl: './justified.html'\n})\nexport class DemoTabsJustifiedComponent {}\n"},18324:(c,s,n)=>{n.r(s),n.d(s,{default:()=>i});const i='\n Pills content 1 \n Pills content 2 \n \n'},77192:(c,s,n)=>{n.r(s),n.d(s,{default:()=>i});const i="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-tabs-pills',\n templateUrl: './pills.html'\n})\nexport class DemoTabsPillsComponent {}\n"},37552:(c,s,n)=>{n.r(s),n.d(s,{default:()=>i});const i='\n \n \n \n \n \n'},16784:(c,s,n)=>{n.r(s),n.d(s,{default:()=>i});const i="import { Component } from '@angular/core';\nimport { TabDirective } from 'ngx-bootstrap/tabs';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-tabs-select-event',\n templateUrl: './select-event.html'\n})\nexport class DemoTabsSelectEventComponent {\n value?: string;\n onSelect(data: TabDirective): void {\n this.value = data.heading;\n }\n}\n"},80668:(c,s,n)=>{n.r(s),n.d(s,{default:()=>i});const i='\n Vertical content 1 \n Vertical content 2 \n \n'},13036:(c,s,n)=>{n.r(s),n.d(s,{default:()=>i});const i="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-tabs-vertical-pills',\n templateUrl: './vertical-pills.html'\n})\nexport class DemoTabsVerticalPillsComponent {}\n"},8017:(c,s,n)=>{n.r(s),n.d(s,{default:()=>i});const i="### Standalone component usage\nimport { TabsModule } from 'ngx-bootstrap/tabs';\n\n@Component({\n standalone: true,\n imports: [TabsModule,...]\n})\nexport class AppComponent(){}\n\n### Module usage\nimport { TabsModule } from 'ngx-bootstrap/tabs';\n\n@NgModule({\n imports: [TabsModule,...]\n})\nexport class AppModule(){}\n"}}]);
\ No newline at end of file
diff --git a/740.04fcd0876b6cf710.js b/740.04fcd0876b6cf710.js
new file mode 100644
index 0000000000..e2ba992b8d
--- /dev/null
+++ b/740.04fcd0876b6cf710.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkngx_bootstrap_docs=self.webpackChunkngx_bootstrap_docs||[]).push([[740],{38575:(R,E,r)=>{r.d(E,{n:()=>A,F:()=>M});var e=r(84412),C=r(96780),k=r(13604);const a=new class f extends k.q{}(class h extends C.R{constructor(l,g){super(l,g),this.scheduler=l,this.work=g}schedule(l,g=0){return g>0?super.schedule(l,g):(this.delay=g,this.state=l,this.scheduler.flush(this),this)}execute(l,g){return g>0||this.closed?super.execute(l,g):this._execute(l,g)}requestAsyncId(l,g,_=0){return null!=_&&_>0||null==_&&this.delay>0?super.requestAsyncId(l,g,_):(l.flush(this),0)}});var o=r(40941),S=r(31943);class A extends e.t{constructor(l,g,_){super(l),g.pipe((0,o.Q)(a)).pipe((0,S.S)((P,v)=>v?_(P,v):P,l)).subscribe(P=>this.next(P))}}var s=r(71985),p=r(96354),m=r(23294);class M extends s.c{constructor(l,g,_){super(),this._dispatcher=l,this._reducer=g,this.source=_}select(l){return(this.source?.pipe((0,p.T)(l))||(new s.c).pipe((0,p.T)(l))).pipe((0,m.F)())}lift(l){const g=new M(this._dispatcher,this._reducer,this);return g.operator=l,g}dispatch(l){this._dispatcher.next(l)}next(l){this._dispatcher.next(l)}error(l){this._dispatcher.error(l)}complete(){}}},57740:(R,E,r)=>{r.d(E,{s5:()=>h.s,gS:()=>f}),r(34156),r(1946);var h=r(38273),k=r(54438);let f=(()=>{class a{static forRoot(){return a}static#e=this.\u0275fac=function(S){return new(S||a)};static#t=this.\u0275mod=k.$C({type:a});static#n=this.\u0275inj=k.G2t({})}return a})()},8405:(R,E,r)=>{r.d(E,{V:()=>C});var e=r(54438);let C=(()=>{class h{static#e=this.WRITE_VALUE="[timepicker] write value from ng model";static#t=this.CHANGE_HOURS="[timepicker] change hours";static#n=this.CHANGE_MINUTES="[timepicker] change minutes";static#i=this.CHANGE_SECONDS="[timepicker] change seconds";static#s=this.SET_TIME_UNIT="[timepicker] set time unit";static#r=this.UPDATE_CONTROLS="[timepicker] update controls";writeValue(f){return{type:h.WRITE_VALUE,payload:f}}changeHours(f){return{type:h.CHANGE_HOURS,payload:f}}changeMinutes(f){return{type:h.CHANGE_MINUTES,payload:f}}changeSeconds(f){return{type:h.CHANGE_SECONDS,payload:f}}setTime(f){return{type:h.SET_TIME_UNIT,payload:f}}updateControls(f){return{type:h.UPDATE_CONTROLS,payload:f}}static#o=this.\u0275fac=function(a){return new(a||h)};static#c=this.\u0275prov=e.jDH({token:h,factory:h.\u0275fac,providedIn:"platform"})}return h})()},1946:(R,E,r)=>{r.d(E,{F:()=>A});var e=r(87188),C=r(38273),h=r(99194),k=r(8405);const f={value:void 0,config:new C.s,controls:{canIncrementHours:!0,canIncrementMinutes:!0,canIncrementSeconds:!0,canDecrementHours:!0,canDecrementMinutes:!0,canDecrementSeconds:!0,canToggleMeridian:!0}};function a(s=f,p){switch(p.type){case k.V.WRITE_VALUE:return Object.assign({},s,{value:p.payload});case k.V.CHANGE_HOURS:{if(!(0,e.Sp)(s.config,p.payload)||!(0,e.Mn)(p.payload,s.controls))return s;const m=(0,h.OA)(s.value,{hour:p.payload.step});return!s.config.max&&!s.config.min||(0,h._k)(s.config,m)?Object.assign({},s,{value:m}):s}case k.V.CHANGE_MINUTES:{if(!(0,e.Sp)(s.config,p.payload)||!(0,e.cq)(p.payload,s.controls))return s;const m=(0,h.OA)(s.value,{minute:p.payload.step});return!s.config.max&&!s.config.min||(0,h._k)(s.config,m)?Object.assign({},s,{value:m}):s}case k.V.CHANGE_SECONDS:{if(!(0,e.Sp)(s.config,p.payload)||!(0,e.EC)(p.payload,s.controls))return s;const m=(0,h.OA)(s.value,{seconds:p.payload.step});return!s.config.max&&!s.config.min||(0,h._k)(s.config,m)?Object.assign({},s,{value:m}):s}case k.V.SET_TIME_UNIT:{if(!(0,e.Sp)(s.config))return s;const m=(0,h.ib)(s.value,p.payload);return Object.assign({},s,{value:m})}case k.V.UPDATE_CONTROLS:{const m=(0,e._Y)(s.value,p.payload),M={value:s.value,config:p.payload,controls:m};return s.config.showMeridian!==M.config.showMeridian&&s.value&&(M.value=new Date(s.value)),Object.assign({},s,M)}default:return s}}var O=r(84412),o=r(38575),S=r(54438);let A=(()=>{class s extends o.F{constructor(){const m=new O.t({type:"[mini-ngrx] dispatcher init"});super(m,a,new o.n(f,m,a))}static#e=this.\u0275fac=function(M){return new(M||s)};static#t=this.\u0275prov=S.jDH({token:s,factory:s.\u0275fac,providedIn:"platform"})}return s})()},87188:(R,E,r)=>{r.d(E,{EC:()=>f,Mn:()=>h,Od:()=>a,Sp:()=>C,_Y:()=>O,cq:()=>k});var e=r(99194);function C(o,S){return!(o.readonlyInput||o.disabled||S&&("wheel"===S.source&&!o.mousewheel||"key"===S.source&&!o.arrowkeys))}function h(o,S){return!(!o.step||o.step>0&&!S.canIncrementHours||o.step<0&&!S.canDecrementHours)}function k(o,S){return!(!o.step||o.step>0&&!S.canIncrementMinutes||o.step<0&&!S.canDecrementMinutes)}function f(o,S){return!(!o.step||o.step>0&&!S.canIncrementSeconds||o.step<0&&!S.canDecrementSeconds)}function a(o){const{hourStep:S,minuteStep:A,secondsStep:s,readonlyInput:p,disabled:m,mousewheel:M,arrowkeys:H,showSpinners:l,showMeridian:g,showSeconds:_,meridians:N,min:I,max:P}=o;return{hourStep:S,minuteStep:A,secondsStep:s,readonlyInput:p,disabled:m,mousewheel:M,arrowkeys:H,showSpinners:l,showMeridian:g,showSeconds:_,meridians:N,min:I,max:P}}function O(o,S){const{min:p,max:m,hourStep:M,minuteStep:H,secondsStep:l,showSeconds:g}=S,_={canIncrementHours:!0,canIncrementMinutes:!0,canIncrementSeconds:!0,canDecrementHours:!0,canDecrementMinutes:!0,canDecrementSeconds:!0,canToggleMeridian:!0};if(!o)return _;if(m){const N=(0,e.OA)(o,{hour:M});if(_.canIncrementHours=m>N&&o.getHours()+M<24,!_.canIncrementHours){const I=(0,e.OA)(o,{minute:H});_.canIncrementMinutes=g?m>I:m>=I}if(!_.canIncrementMinutes){const I=(0,e.OA)(o,{seconds:l});_.canIncrementSeconds=m>=I}o.getHours()<12&&(_.canToggleMeridian=(0,e.OA)(o,{hour:12})=12&&(_.canToggleMeridian=(0,e.OA)(o,{hour:-12})>p)}return _}},34156:(R,E,r)=>{r.d(E,{n:()=>V});var e=r(54438),C=r(84341),h=r(8405),k=r(1946),f=r(87188),a=r(99194),O=r(60177),o=r(38273);function S(c,D){1&c&&(e.j41(0,"td"),e.EFF(1,"\xa0\xa0\xa0"),e.k0s())}function A(c,D){if(1&c){const n=e.RV6();e.j41(0,"td")(1,"a",1),e.bIt("click",function(){e.eBV(n);const t=e.XpG();return e.Njj(t.changeMinutes(t.minuteStep))}),e.nrm(2,"span",2),e.k0s()()}if(2&c){const n=e.XpG();e.R7$(),e.AVh("disabled",!n.canIncrementMinutes||!n.isEditable)}}function s(c,D){1&c&&(e.j41(0,"td"),e.EFF(1,"\xa0"),e.k0s())}function p(c,D){if(1&c){const n=e.RV6();e.j41(0,"td")(1,"a",1),e.bIt("click",function(){e.eBV(n);const t=e.XpG();return e.Njj(t.changeSeconds(t.secondsStep))}),e.nrm(2,"span",2),e.k0s()()}if(2&c){const n=e.XpG();e.R7$(),e.AVh("disabled",!n.canIncrementSeconds||!n.isEditable)}}function m(c,D){1&c&&(e.j41(0,"td"),e.EFF(1,"\xa0\xa0\xa0"),e.k0s())}function M(c,D){1&c&&e.nrm(0,"td")}function H(c,D){1&c&&(e.j41(0,"td"),e.EFF(1,"\xa0:\xa0"),e.k0s())}function l(c,D){if(1&c){const n=e.RV6();e.j41(0,"td",4)(1,"input",5),e.bIt("wheel",function(t){e.eBV(n);const T=e.XpG();return T.prevDef(t),e.Njj(T.changeMinutes(T.minuteStep*T.wheelSign(t),"wheel"))})("keydown.ArrowUp",function(){e.eBV(n);const t=e.XpG();return e.Njj(t.changeMinutes(t.minuteStep,"key"))})("keydown.ArrowDown",function(){e.eBV(n);const t=e.XpG();return e.Njj(t.changeMinutes(-t.minuteStep,"key"))})("change",function(t){e.eBV(n);const T=e.XpG();return e.Njj(T.updateMinutes(t.target))}),e.k0s()()}if(2&c){const n=e.XpG();e.AVh("has-error",n.invalidMinutes),e.R7$(),e.AVh("is-invalid",n.invalidMinutes),e.Y8G("placeholder",n.minutesPlaceholder)("readonly",n.readonlyInput)("disabled",n.disabled)("value",n.minutes),e.BMQ("aria-label",n.labelMinutes)}}function g(c,D){1&c&&(e.j41(0,"td"),e.EFF(1,"\xa0:\xa0"),e.k0s())}function _(c,D){if(1&c){const n=e.RV6();e.j41(0,"td",4)(1,"input",5),e.bIt("wheel",function(t){e.eBV(n);const T=e.XpG();return T.prevDef(t),e.Njj(T.changeSeconds(T.secondsStep*T.wheelSign(t),"wheel"))})("keydown.ArrowUp",function(){e.eBV(n);const t=e.XpG();return e.Njj(t.changeSeconds(t.secondsStep,"key"))})("keydown.ArrowDown",function(){e.eBV(n);const t=e.XpG();return e.Njj(t.changeSeconds(-t.secondsStep,"key"))})("change",function(t){e.eBV(n);const T=e.XpG();return e.Njj(T.updateSeconds(t.target))}),e.k0s()()}if(2&c){const n=e.XpG();e.AVh("has-error",n.invalidSeconds),e.R7$(),e.AVh("is-invalid",n.invalidSeconds),e.Y8G("placeholder",n.secondsPlaceholder)("readonly",n.readonlyInput)("disabled",n.disabled)("value",n.seconds),e.BMQ("aria-label",n.labelSeconds)}}function N(c,D){1&c&&(e.j41(0,"td"),e.EFF(1,"\xa0\xa0\xa0"),e.k0s())}function I(c,D){if(1&c){const n=e.RV6();e.j41(0,"td")(1,"button",8),e.bIt("click",function(){e.eBV(n);const t=e.XpG();return e.Njj(t.toggleMeridian())}),e.EFF(2),e.k0s()()}if(2&c){const n=e.XpG();e.R7$(),e.AVh("disabled",!n.isEditable||!n.canToggleMeridian),e.Y8G("disabled",!n.isEditable||!n.canToggleMeridian),e.R7$(),e.SpI("",n.meridian," ")}}function P(c,D){1&c&&(e.j41(0,"td"),e.EFF(1,"\xa0\xa0\xa0"),e.k0s())}function v(c,D){if(1&c){const n=e.RV6();e.j41(0,"td")(1,"a",1),e.bIt("click",function(){e.eBV(n);const t=e.XpG();return e.Njj(t.changeMinutes(-t.minuteStep))}),e.nrm(2,"span",7),e.k0s()()}if(2&c){const n=e.XpG();e.R7$(),e.AVh("disabled",!n.canDecrementMinutes||!n.isEditable)}}function j(c,D){1&c&&(e.j41(0,"td"),e.EFF(1,"\xa0"),e.k0s())}function i(c,D){if(1&c){const n=e.RV6();e.j41(0,"td")(1,"a",1),e.bIt("click",function(){e.eBV(n);const t=e.XpG();return e.Njj(t.changeSeconds(-t.secondsStep))}),e.nrm(2,"span",7),e.k0s()()}if(2&c){const n=e.XpG();e.R7$(),e.AVh("disabled",!n.canDecrementSeconds||!n.isEditable)}}function u(c,D){1&c&&(e.j41(0,"td"),e.EFF(1,"\xa0\xa0\xa0"),e.k0s())}function w(c,D){1&c&&e.nrm(0,"td")}const y={provide:C.kq,useExisting:(0,e.Rfq)(()=>V),multi:!0};let V=(()=>{class c{constructor(n,d,t,T){this._cd=d,this._store=t,this._timepickerActions=T,this.hourStep=1,this.minuteStep=5,this.secondsStep=10,this.readonlyInput=!1,this.disabled=!1,this.mousewheel=!0,this.arrowkeys=!0,this.showSpinners=!0,this.showMeridian=!0,this.showMinutes=!0,this.showSeconds=!1,this.meridians=["AM","PM"],this.hoursPlaceholder="HH",this.minutesPlaceholder="MM",this.secondsPlaceholder="SS",this.isValid=new e.bkB,this.meridianChange=new e.bkB,this.hours="",this.minutes="",this.seconds="",this.meridian="",this.invalidHours=!1,this.invalidMinutes=!1,this.invalidSeconds=!1,this.labelHours="hours",this.labelMinutes="minutes",this.labelSeconds="seconds",this.canIncrementHours=!0,this.canIncrementMinutes=!0,this.canIncrementSeconds=!0,this.canDecrementHours=!0,this.canDecrementMinutes=!0,this.canDecrementSeconds=!0,this.canToggleMeridian=!0,this.onChange=Function.prototype,this.onTouched=Function.prototype,this.config=n,Object.assign(this,this.config),this.timepickerSub=t.select(b=>b.value).subscribe(b=>{this._renderTime(b),this.onChange(b),this._store.dispatch(this._timepickerActions.updateControls((0,f.Od)(this)))}),t.select(b=>b.controls).subscribe(b=>{const G=(0,a.F5)(this.hours,this.minutes,this.seconds,this.isPM()),U=this.config.allowEmptyTime&&this.isOneOfDatesIsEmpty()||G;this.isValid.emit(U),Object.assign(this,b),d.markForCheck()})}get isSpinnersVisible(){return this.showSpinners&&!this.readonlyInput}get isEditable(){return!(this.readonlyInput||this.disabled)}resetValidation(){this.invalidHours=!1,this.invalidMinutes=!1,this.invalidSeconds=!1}isPM(){return this.showMeridian&&this.meridian===this.meridians[1]}prevDef(n){n.preventDefault()}wheelSign(n){return-1*Math.sign(n.deltaY||0)}ngOnChanges(){this._store.dispatch(this._timepickerActions.updateControls((0,f.Od)(this)))}changeHours(n,d=""){this.resetValidation(),this._store.dispatch(this._timepickerActions.changeHours({step:n,source:d}))}changeMinutes(n,d=""){this.resetValidation(),this._store.dispatch(this._timepickerActions.changeMinutes({step:n,source:d}))}changeSeconds(n,d=""){this.resetValidation(),this._store.dispatch(this._timepickerActions.changeSeconds({step:n,source:d}))}updateHours(n){this.resetValidation(),this.hours=n.value;const d=(0,a.lO)(this.hours,this.isPM())&&this.isValidLimit();if(!(this.config.allowEmptyTime&&this.isOneOfDatesIsEmpty()||d))return this.invalidHours=!0,this.isValid.emit(!1),void this.onChange(null);this._updateTime()}updateMinutes(n){this.resetValidation(),this.minutes=n.value;const d=(0,a.n_)(this.minutes)&&this.isValidLimit();if(!(this.config.allowEmptyTime&&this.isOneOfDatesIsEmpty()||d))return this.invalidMinutes=!0,this.isValid.emit(!1),void this.onChange(null);this._updateTime()}updateSeconds(n){this.resetValidation(),this.seconds=n.value;const d=(0,a.nW)(this.seconds)&&this.isValidLimit();if(!(this.config.allowEmptyTime&&this.isOneOfDatesIsEmpty()||d))return this.invalidSeconds=!0,this.isValid.emit(!1),void this.onChange(null);this._updateTime()}isValidLimit(){return(0,a.oV)({hour:this.hours,minute:this.minutes,seconds:this.seconds,isPM:this.isPM()},this.max,this.min)}isOneOfDatesIsEmpty(){return(0,a.uq)(this.hours,this.minutes,this.seconds)}_updateTime(){const t=(0,a.F5)(this.hours,this.showMinutes?this.minutes:void 0,this.showSeconds?this.seconds:void 0,this.isPM());if(!(this.config.allowEmptyTime&&this.isOneOfDatesIsEmpty()||t))return this.isValid.emit(!1),void this.onChange(null);this._store.dispatch(this._timepickerActions.setTime({hour:this.hours,minute:this.minutes,seconds:this.seconds,isPM:this.isPM()}))}toggleMeridian(){this.showMeridian&&this.isEditable&&this._store.dispatch(this._timepickerActions.changeHours({step:12,source:""}))}writeValue(n){(0,a.vd)(n)?(this.resetValidation(),this._store.dispatch(this._timepickerActions.writeValue((0,a.pe)(n)))):null==n&&this._store.dispatch(this._timepickerActions.writeValue())}registerOnChange(n){this.onChange=n}registerOnTouched(n){this.onTouched=n}setDisabledState(n){this.disabled=n,this._cd.markForCheck()}ngOnDestroy(){this.timepickerSub?.unsubscribe()}_renderTime(n){if(!n||!(0,a.vd)(n))return this.hours="",this.minutes="",this.seconds="",this.meridian=this.meridians[0],void this.meridianChange.emit(this.meridian);const d=(0,a.pe)(n);if(!d)return;let T=d.getHours();this.showMeridian&&(this.meridian=this.meridians[T>=12?1:0],this.meridianChange.emit(this.meridian),T%=12,0===T&&(T=12)),this.hours=(0,a.Hg)(T),this.minutes=(0,a.Hg)(d.getMinutes()),this.seconds=(0,a.Hg)(d.getUTCSeconds())}static#e=this.\u0275fac=function(d){return new(d||c)(e.rXU(o.s),e.rXU(e.gRc),e.rXU(k.F),e.rXU(h.V))};static#t=this.\u0275cmp=e.VBU({type:c,selectors:[["timepicker"]],inputs:{hourStep:"hourStep",minuteStep:"minuteStep",secondsStep:"secondsStep",readonlyInput:"readonlyInput",disabled:"disabled",mousewheel:"mousewheel",arrowkeys:"arrowkeys",showSpinners:"showSpinners",showMeridian:"showMeridian",showMinutes:"showMinutes",showSeconds:"showSeconds",meridians:"meridians",min:"min",max:"max",hoursPlaceholder:"hoursPlaceholder",minutesPlaceholder:"minutesPlaceholder",secondsPlaceholder:"secondsPlaceholder"},outputs:{isValid:"isValid",meridianChange:"meridianChange"},standalone:!0,features:[e.Jv_([y,k.F,h.V]),e.OA$,e.aNF],decls:31,vars:33,consts:[[1,"text-center",3,"hidden"],["href","javascript:void(0);",1,"btn","btn-link",3,"click"],[1,"bs-chevron","bs-chevron-up"],[4,"ngIf"],[1,"form-group","mb-3"],["type","text","maxlength","2",1,"form-control","text-center","bs-timepicker-field",3,"wheel","keydown.ArrowUp","keydown.ArrowDown","change","placeholder","readonly","disabled","value"],["class","form-group mb-3",3,"has-error",4,"ngIf"],[1,"bs-chevron","bs-chevron-down"],["type","button",1,"btn","btn-default","text-center",3,"click","disabled"]],template:function(d,t){1&d&&(e.j41(0,"table")(1,"tbody")(2,"tr",0)(3,"td")(4,"a",1),e.bIt("click",function(){return t.changeHours(t.hourStep)}),e.nrm(5,"span",2),e.k0s()(),e.DNE(6,S,2,0,"td",3)(7,A,3,2,"td",3)(8,s,2,0,"td",3)(9,p,3,2,"td",3)(10,m,2,0,"td",3)(11,M,1,0,"td",3),e.k0s(),e.j41(12,"tr")(13,"td",4)(14,"input",5),e.bIt("wheel",function(b){return t.prevDef(b),t.changeHours(t.hourStep*t.wheelSign(b),"wheel")})("keydown.ArrowUp",function(){return t.changeHours(t.hourStep,"key")})("keydown.ArrowDown",function(){return t.changeHours(-t.hourStep,"key")})("change",function(b){return t.updateHours(b.target)}),e.k0s()(),e.DNE(15,H,2,0,"td",3)(16,l,2,9,"td",6)(17,g,2,0,"td",3)(18,_,2,9,"td",6)(19,N,2,0,"td",3)(20,I,3,4,"td",3),e.k0s(),e.j41(21,"tr",0)(22,"td")(23,"a",1),e.bIt("click",function(){return t.changeHours(-t.hourStep)}),e.nrm(24,"span",7),e.k0s()(),e.DNE(25,P,2,0,"td",3)(26,v,3,2,"td",3)(27,j,2,0,"td",3)(28,i,3,2,"td",3)(29,u,2,0,"td",3)(30,w,1,0,"td",3),e.k0s()()()),2&d&&(e.R7$(2),e.Y8G("hidden",!t.showSpinners),e.R7$(2),e.AVh("disabled",!t.canIncrementHours||!t.isEditable),e.R7$(2),e.Y8G("ngIf",t.showMinutes),e.R7$(),e.Y8G("ngIf",t.showMinutes),e.R7$(),e.Y8G("ngIf",t.showSeconds),e.R7$(),e.Y8G("ngIf",t.showSeconds),e.R7$(),e.Y8G("ngIf",t.showMeridian),e.R7$(),e.Y8G("ngIf",t.showMeridian),e.R7$(2),e.AVh("has-error",t.invalidHours),e.R7$(),e.AVh("is-invalid",t.invalidHours),e.Y8G("placeholder",t.hoursPlaceholder)("readonly",t.readonlyInput)("disabled",t.disabled)("value",t.hours),e.BMQ("aria-label",t.labelHours),e.R7$(),e.Y8G("ngIf",t.showMinutes),e.R7$(),e.Y8G("ngIf",t.showMinutes),e.R7$(),e.Y8G("ngIf",t.showSeconds),e.R7$(),e.Y8G("ngIf",t.showSeconds),e.R7$(),e.Y8G("ngIf",t.showMeridian),e.R7$(),e.Y8G("ngIf",t.showMeridian),e.R7$(),e.Y8G("hidden",!t.showSpinners),e.R7$(2),e.AVh("disabled",!t.canDecrementHours||!t.isEditable),e.R7$(2),e.Y8G("ngIf",t.showMinutes),e.R7$(),e.Y8G("ngIf",t.showMinutes),e.R7$(),e.Y8G("ngIf",t.showSeconds),e.R7$(),e.Y8G("ngIf",t.showSeconds),e.R7$(),e.Y8G("ngIf",t.showMeridian),e.R7$(),e.Y8G("ngIf",t.showMeridian))},dependencies:[O.bT],styles:[".bs-chevron{border-style:solid;display:block;width:9px;height:9px;position:relative;border-width:3px 0px 0 3px}.bs-chevron-up{transform:rotate(45deg);top:2px}.bs-chevron-down{transform:rotate(-135deg);top:-2px}.bs-timepicker-field{width:65px;padding:.375rem .55rem}\n"],encapsulation:2,changeDetection:0})}return c})()},38273:(R,E,r)=>{r.d(E,{s:()=>C});var e=r(54438);let C=(()=>{class h{constructor(){this.hourStep=1,this.minuteStep=5,this.secondsStep=10,this.showMeridian=!0,this.meridians=["AM","PM"],this.readonlyInput=!1,this.disabled=!1,this.allowEmptyTime=!1,this.mousewheel=!0,this.arrowkeys=!0,this.showSpinners=!0,this.showSeconds=!1,this.showMinutes=!0,this.hoursPlaceholder="HH",this.minutesPlaceholder="MM",this.secondsPlaceholder="SS",this.ariaLabelHours="hours",this.ariaLabelMinutes="minutes",this.ariaLabelSeconds="seconds"}static#e=this.\u0275fac=function(a){return new(a||h)};static#t=this.\u0275prov=e.jDH({token:h,factory:h.\u0275fac,providedIn:"root"})}return h})()},99194:(R,E,r)=>{r.d(E,{F5:()=>j,Hg:()=>g,OA:()=>M,_k:()=>O,ib:()=>H,lO:()=>_,nW:()=>I,n_:()=>N,oV:()=>P,pe:()=>m,uq:()=>v,vd:()=>a});const e=10,C=24,h=12,k=60,f=60;function a(i){return!(!i||i instanceof Date&&isNaN(i.getHours()))&&("string"!=typeof i||a(new Date(i)))}function O(i,u){return!(i.min&&ui.max)}function o(i){return typeof i>"u"?NaN:"number"==typeof i?i:parseInt(i,e)}function A(i,u=!1){const w=o(i);return isNaN(w)||w<0||w>(u?h:C)?NaN:w}function s(i){const u=o(i);return isNaN(u)||u<0||u>k?NaN:u}function p(i){const u=o(i);return isNaN(u)||u<0||u>f?NaN:u}function m(i){return"string"==typeof i?new Date(i):i}function M(i,u){if(!i)return M(l(new Date,0,0,0),u);if(!u)return i;let w=i.getHours(),y=i.getMinutes(),V=i.getSeconds();return u.hour&&(w+=o(u.hour)),u.minute&&(y+=o(u.minute)),u.seconds&&(V+=o(u.seconds)),l(i,w,y,V)}function H(i,u){let w=A(u.hour);const y=s(u.minute),V=p(u.seconds)||0;return u.isPM&&12!==w&&(w+=h),i?isNaN(w)||isNaN(y)?i:l(i,w,y,V):isNaN(w)||isNaN(y)?i:l(new Date,w,y,V)}function l(i,u,w,y){const V=new Date(i.getFullYear(),i.getMonth(),i.getDate(),u,w,y,i.getMilliseconds());return V.setFullYear(i.getFullYear()),V.setMonth(i.getMonth()),V.setDate(i.getDate()),V}function g(i){const u=i.toString();return u.length>1?u:`0${u}`}function _(i,u){return!isNaN(A(i,u))}function N(i){return!isNaN(s(i))}function I(i){return!isNaN(p(i))}function P(i,u,w){const y=H(new Date,i);return!(!y||u&&y>u||w&&y{r.d(E,{F:()=>k});var e=r(33669),C=r(39974),h=r(54360);function k(a,O=e.D){return a=a??f,(0,C.N)((o,S)=>{let A,s=!0;o.subscribe((0,h._)(S,p=>{const m=O(p);(s||!a(A,m))&&(s=!1,A=m,S.next(p))}))})}function f(a,O){return a===O}}}]);
\ No newline at end of file
diff --git a/745.647388734f8b0997.js b/745.647388734f8b0997.js
new file mode 100644
index 0000000000..6c42021513
--- /dev/null
+++ b/745.647388734f8b0997.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkngx_bootstrap_docs=self.webpackChunkngx_bootstrap_docs||[]).push([[745],{79745:(l,t,o)=>{o.r(t),o.d(t,{DemoDropdownModule:()=>hn,DropdownSectionComponent:()=>L});var r=o(60177),N=o(84341),f=o(8681),h=o(43744),w=o(37472),n=o(54438),p=o(18674),m=o(91921),c=o(91706);function W(e,a){1&e&&(n.j41(0,"ul",4)(1,"li",5)(2,"a",6),n.EFF(3,"Action"),n.k0s()(),n.j41(4,"li",5)(5,"a",6),n.EFF(6,"Another action"),n.k0s()(),n.j41(7,"li",5)(8,"a",6),n.EFF(9,"Something else here"),n.k0s()(),n.nrm(10,"li",7),n.j41(11,"li",5)(12,"a",6),n.EFF(13,"Separated link"),n.k0s()()())}let D=(()=>{class e{static#n=this.\u0275fac=function(d){return new(d||e)};static#o=this.\u0275cmp=n.VBU({type:e,selectors:[["demo-dropdown-basic"]],decls:5,vars:0,consts:[["dropdown","",1,"btn-group"],["id","button-basic","dropdownToggle","","type","button","aria-controls","dropdown-basic",1,"btn","btn-primary","dropdown-toggle"],[1,"caret"],["id","dropdown-basic","class","dropdown-menu","role","menu","aria-labelledby","button-basic",4,"dropdownMenu"],["id","dropdown-basic","role","menu","aria-labelledby","button-basic",1,"dropdown-menu"],["role","menuitem"],["href","#",1,"dropdown-item"],[1,"divider","dropdown-divider"]],template:function(d,s){1&d&&(n.j41(0,"div",0)(1,"button",1),n.EFF(2," Button dropdown "),n.nrm(3,"span",2),n.k0s(),n.DNE(4,W,14,0,"ul",3),n.k0s())},dependencies:[p.h,m.U,c.K],encapsulation:2})}return e})();function V(e,a){if(1&e&&(n.j41(0,"li")(1,"a",5),n.EFF(2),n.k0s()()),2&e){const i=a.$implicit;n.R7$(2),n.JRh(i)}}function I(e,a){if(1&e&&(n.j41(0,"ul",3),n.DNE(1,V,3,1,"li",4),n.k0s()),2&e){const i=n.XpG();n.R7$(),n.Y8G("ngForOf",i.items)}}let y=(()=>{class e{constructor(){this.items=["The first choice!","And another choice for you.","but wait! A third!"]}onHidden(){console.log("Dropdown is hidden")}onShown(){console.log("Dropdown is shown")}isOpenChange(){console.log("Dropdown state is changed")}static#n=this.\u0275fac=function(d){return new(d||e)};static#o=this.\u0275cmp=n.VBU({type:e,selectors:[["demo-dropdown-anchor-trigger"]],decls:4,vars:0,consts:[["dropdown","",3,"onShown","onHidden","isOpenChange"],["href","","id","basic-link","dropdownToggle","","aria-controls","basic-link-dropdown",3,"click"],["id","basic-link-dropdown","class","dropdown-menu","role","menu","aria-labelledby","basic-link",4,"dropdownMenu"],["id","basic-link-dropdown","role","menu","aria-labelledby","basic-link",1,"dropdown-menu"],[4,"ngFor","ngForOf"],["href","#",1,"dropdown-item"]],template:function(d,s){1&d&&(n.j41(0,"span",0),n.bIt("onShown",function(){return s.onShown()})("onHidden",function(){return s.onHidden()})("isOpenChange",function(){return s.isOpenChange()}),n.j41(1,"a",1),n.bIt("click",function(){return!1}),n.EFF(2,"Click me for a dropdown, yo!"),n.k0s(),n.DNE(3,I,2,1,"ul",2),n.k0s())},dependencies:[p.h,m.U,c.K,r.Sq],encapsulation:2})}return e})();function X(e,a){1&e&&(n.j41(0,"ul",6)(1,"li",7)(2,"a",8),n.EFF(3,"Action"),n.k0s()(),n.j41(4,"li",7)(5,"a",8),n.EFF(6,"Another action"),n.k0s()(),n.j41(7,"li",7)(8,"a",8),n.EFF(9,"Something else here"),n.k0s()(),n.nrm(10,"li",9),n.j41(11,"li",7)(12,"a",8),n.EFF(13,"Separated link"),n.k0s()()())}let F=(()=>{class e{static#n=this.\u0275fac=function(d){return new(d||e)};static#o=this.\u0275cmp=n.VBU({type:e,selectors:[["demo-dropdown-split"]],decls:8,vars:0,consts:[["dropdown","",1,"btn-group"],["type","button",1,"btn","btn-danger"],["id","button-split","type","button","dropdownToggle","","aria-controls","dropdown-split",1,"btn","btn-danger","dropdown-toggle","dropdown-toggle-split"],[1,"caret"],[1,"sr-only","visually-hidden"],["id","dropdown-split","class","dropdown-menu","role","menu","aria-labelledby","button-split",4,"dropdownMenu"],["id","dropdown-split","role","menu","aria-labelledby","button-split",1,"dropdown-menu"],["role","menuitem"],["href","#",1,"dropdown-item"],[1,"divider","dropdown-divider"]],template:function(d,s){1&d&&(n.j41(0,"div",0)(1,"button",1),n.EFF(2,"Action"),n.k0s(),n.j41(3,"button",2),n.nrm(4,"span",3),n.j41(5,"span",4),n.EFF(6,"Split button!"),n.k0s()(),n.DNE(7,X,14,0,"ul",5),n.k0s())},dependencies:[p.h,m.U,c.K],encapsulation:2})}return e})();function H(e,a){1&e&&(n.j41(0,"ul",6)(1,"li",7)(2,"a",8),n.EFF(3,"Action"),n.k0s()(),n.j41(4,"li",7)(5,"a",8),n.EFF(6,"Another action"),n.k0s()(),n.j41(7,"li",7)(8,"a",8),n.EFF(9,"Something else here"),n.k0s()(),n.nrm(10,"li",9),n.k0s())}let v=(()=>{class e{static#n=this.\u0275fac=function(d){return new(d||e)};static#o=this.\u0275cmp=n.VBU({type:e,selectors:[["demo-dropdown-triggers-manual"]],decls:12,vars:1,consts:[["dropdown","bs-dropdown"],["dropdown","",1,"btn-group",3,"autoClose"],["dropdownToggle","","type","button",1,"btn","btn-primary","dropdown-toggle"],[1,"caret"],["id","dropdown-triggers-manual","class","dropdown-menu","role","menu","aria-labelledby","button-triggers-manual",4,"dropdownMenu"],["type","button",1,"btn","btn-primary",3,"click"],["id","dropdown-triggers-manual","role","menu","aria-labelledby","button-triggers-manual",1,"dropdown-menu"],["role","menuitem"],["href","#",1,"dropdown-item"],[1,"divider","dropdown-divider"]],template:function(d,s){if(1&d){const u=n.RV6();n.j41(0,"div",1,0)(2,"button",2),n.EFF(3," Button dropdown "),n.nrm(4,"span",3),n.k0s(),n.DNE(5,H,11,0,"ul",4),n.k0s(),n.j41(6,"button",5),n.bIt("click",function(){n.eBV(u);const b=n.sdS(1);return n.Njj(b.toggle(!0))}),n.EFF(7,"Toggle"),n.k0s(),n.j41(8,"button",5),n.bIt("click",function(){n.eBV(u);const b=n.sdS(1);return n.Njj(b.show())}),n.EFF(9,"Show"),n.k0s(),n.j41(10,"button",5),n.bIt("click",function(){n.eBV(u);const b=n.sdS(1);return n.Njj(b.hide())}),n.EFF(11,"Hide"),n.k0s()}2&d&&n.Y8G("autoClose",!1)},dependencies:[p.h,m.U,c.K],encapsulation:2})}return e})();function Y(e,a){1&e&&(n.j41(0,"ul",6)(1,"li",7)(2,"a",8),n.EFF(3,"Action"),n.k0s()(),n.j41(4,"li",7)(5,"a",8),n.EFF(6,"Another action"),n.k0s()(),n.j41(7,"li",7)(8,"a",8),n.EFF(9,"Something else here"),n.k0s()()())}let E=(()=>{class e{static#n=this.\u0275fac=function(d){return new(d||e)};static#o=this.\u0275cmp=n.VBU({type:e,selectors:[["demo-dropdown-trigger-by-isopen"]],decls:8,vars:1,consts:[["dropdown","bs-dropdown"],["dropdown","",1,"btn-group",3,"autoClose"],["dropdownToggle","","type","button",1,"btn","btn-primary","dropdown-toggle"],[1,"caret"],["class","dropdown-menu","role","menu",4,"dropdownMenu"],["type","button",1,"btn","btn-primary",3,"click"],["role","menu",1,"dropdown-menu"],["role","menuitem"],["href","#",1,"dropdown-item"]],template:function(d,s){if(1&d){const u=n.RV6();n.j41(0,"div",1,0)(2,"button",2),n.EFF(3," Button dropdown "),n.nrm(4,"span",3),n.k0s(),n.DNE(5,Y,10,0,"ul",4),n.k0s(),n.j41(6,"button",5),n.bIt("click",function(){n.eBV(u);const b=n.sdS(1);return n.Njj(b.isOpen=!b.isOpen)}),n.EFF(7,"Toggle"),n.k0s()}2&d&&n.Y8G("autoClose",!1)},dependencies:[p.h,m.U,c.K],encapsulation:2})}return e})();function G(e,a){1&e&&(n.j41(0,"ul",5)(1,"li",6)(2,"a",7),n.EFF(3,"Action"),n.k0s()(),n.j41(4,"li",6)(5,"a",7),n.EFF(6,"Another action"),n.k0s()(),n.j41(7,"li",6)(8,"a",7),n.EFF(9,"Something else here"),n.k0s()(),n.nrm(10,"li",8),n.j41(11,"li",6)(12,"a",7),n.EFF(13,"Separated link"),n.k0s()()())}let C=(()=>{class e{constructor(){this.disabled=!1}static#n=this.\u0275fac=function(d){return new(d||e)};static#o=this.\u0275cmp=n.VBU({type:e,selectors:[["demo-dropdown-disabled"]],decls:7,vars:1,consts:[["dropdown","",1,"btn-group",3,"isDisabled"],["id","button-disabled-menu","dropdownToggle","","type","button","aria-controls","dropdown-disabled-menu",1,"btn","btn-primary","dropdown-toggle"],[1,"caret"],["id","dropdown-disabled-menu","class","dropdown-menu","role","menu","aria-labelledby","button-disabled-menu",4,"dropdownMenu"],["type","button",1,"btn","btn-warning",3,"click"],["id","dropdown-disabled-menu","role","menu","aria-labelledby","button-disabled-menu",1,"dropdown-menu"],["role","menuitem"],["href","#",1,"dropdown-item"],[1,"divider","dropdown-divider"]],template:function(d,s){1&d&&(n.j41(0,"div",0)(1,"button",1),n.EFF(2," Button dropdown "),n.nrm(3,"span",2),n.k0s(),n.DNE(4,G,14,0,"ul",3),n.k0s(),n.j41(5,"button",4),n.bIt("click",function(){return s.disabled=!s.disabled}),n.EFF(6," Enable/Disable\n"),n.k0s()),2&d&&n.Y8G("isDisabled",s.disabled)},dependencies:[p.h,m.U,c.K],encapsulation:2})}return e})();function $(e,a){1&e&&(n.j41(0,"ul",4)(1,"li",5)(2,"a",6),n.EFF(3,"Action"),n.k0s()(),n.j41(4,"li",7)(5,"a",8),n.EFF(6,"Another action"),n.k0s()(),n.j41(7,"li",7)(8,"a",8),n.EFF(9,"Something else here"),n.k0s()()())}let T=(()=>{class e{static#n=this.\u0275fac=function(d){return new(d||e)};static#o=this.\u0275cmp=n.VBU({type:e,selectors:[["demo-dropdown-disabled-item"]],decls:5,vars:0,consts:[["dropdown","",1,"btn-group"],["id","button-disabled-item","dropdownToggle","","type","button","aria-controls","dropdown-disabled-item",1,"btn","btn-primary","dropdown-toggle"],[1,"caret"],["id","dropdown-disabled-item","class","dropdown-menu","role","menu","aria-labelledby","button-disabled-item",4,"dropdownMenu"],["id","dropdown-disabled-item","role","menu","aria-labelledby","button-disabled-item",1,"dropdown-menu"],["role","menuitem",1,"disabled"],["href","#",1,"dropdown-item","disabled"],["role","menuitem"],["href","#",1,"dropdown-item"]],template:function(d,s){1&d&&(n.j41(0,"div",0)(1,"button",1),n.EFF(2," Button dropdown "),n.nrm(3,"span",2),n.k0s(),n.DNE(4,$,10,0,"ul",3),n.k0s())},dependencies:[p.h,m.U,c.K],encapsulation:2})}return e})();function J(e,a){1&e&&(n.j41(0,"ul",4)(1,"li",5)(2,"a",6),n.EFF(3,"Action"),n.k0s()(),n.j41(4,"li",5)(5,"a",6),n.EFF(6,"Another action"),n.k0s()(),n.j41(7,"li",5)(8,"a",6),n.EFF(9,"Something else here"),n.k0s()(),n.nrm(10,"li",7),n.j41(11,"li",5)(12,"a",6),n.EFF(13,"Separated link"),n.k0s()()())}let A=(()=>{class e{static#n=this.\u0275fac=function(d){return new(d||e)};static#o=this.\u0275cmp=n.VBU({type:e,selectors:[["demo-dropdown-alignment"]],decls:5,vars:0,consts:[["dropdown","","placement","bottom right",1,"btn-group"],["id","button-alignment","dropdownToggle","","type","button","aria-controls","dropdown-alignment",1,"btn","btn-primary","dropdown-toggle"],[1,"caret"],["id","dropdown-alignment","class","dropdown-menu dropdown-menu-right","role","menu","aria-labelledby","button-alignment",4,"dropdownMenu"],["id","dropdown-alignment","role","menu","aria-labelledby","button-alignment",1,"dropdown-menu","dropdown-menu-right"],["role","menuitem"],["href","#",1,"dropdown-item"],[1,"divider","dropdown-divider"]],template:function(d,s){1&d&&(n.j41(0,"div",0)(1,"button",1),n.EFF(2," This dropdown's menu is right-aligned "),n.nrm(3,"span",2),n.k0s(),n.DNE(4,J,14,0,"ul",3),n.k0s())},dependencies:[p.h,m.U,c.K],encapsulation:2})}return e})();function z(e,a){1&e&&(n.j41(0,"ul",11)(1,"li",5)(2,"a",6),n.EFF(3,"Action"),n.k0s()(),n.j41(4,"li",5)(5,"a",6),n.EFF(6,"Action1"),n.k0s()(),n.j41(7,"li",5)(8,"a",6),n.EFF(9,"Action2"),n.k0s()()())}function Q(e,a){1&e&&(n.j41(0,"ul",11)(1,"li",5)(2,"a",6),n.EFF(3,"Action"),n.k0s()(),n.j41(4,"li",5)(5,"a",6),n.EFF(6,"Action1"),n.k0s()(),n.j41(7,"li",5)(8,"a",6),n.EFF(9,"Action2"),n.k0s()()())}function Z(e,a){if(1&e){const i=n.RV6();n.j41(0,"ul",4)(1,"li",5)(2,"a",6),n.EFF(3,"Action"),n.k0s()(),n.j41(4,"li",7)(5,"a",8),n.bIt("click",function(){return n.eBV(i),n.Njj(!1)}),n.EFF(6,"Hover me for nested dropdown "),n.nrm(7,"span",2),n.k0s(),n.DNE(8,z,10,0,"ul",9),n.k0s(),n.j41(9,"li",7)(10,"a",8),n.bIt("click",function(){return n.eBV(i),n.Njj(!1)}),n.EFF(11,"Hover me for nested dropdown "),n.nrm(12,"span",2),n.k0s(),n.DNE(13,Q,10,0,"ul",9),n.k0s(),n.j41(14,"li",5)(15,"a",6),n.EFF(16,"Something else here"),n.k0s()(),n.nrm(17,"li",10),n.j41(18,"li",5)(19,"a",6),n.EFF(20,"Separated link"),n.k0s()()()}}let k=(()=>{class e{static#n=this.\u0275fac=function(d){return new(d||e)};static#o=this.\u0275cmp=n.VBU({type:e,selectors:[["demo-nested-dropdowns"]],decls:5,vars:1,consts:[["dropdown","","container","body",1,"btn-group",3,"autoClose"],["id","button-nested","dropdownToggle","","type","button","aria-controls","dropdown-nested",1,"btn","btn-primary","dropdown-toggle"],[1,"caret"],["id","dropdown-nested","class","dropdown-menu","role","menu","aria-labelledby","button-nested",4,"dropdownMenu"],["id","dropdown-nested","role","menu","aria-labelledby","button-nested",1,"dropdown-menu"],["role","menuitem"],["routerLink",".","fragment","nested-dropdowns",1,"dropdown-item"],["role","menuitem","dropdown","","triggers","mouseover","placement","right","container","body"],["dropdownToggle","",1,"dropdown-item","dropdown-toggle",3,"click"],["class","dropdown-menu","role","menu",4,"dropdownMenu"],[1,"divider","dropdown-divider"],["role","menu",1,"dropdown-menu"]],template:function(d,s){1&d&&(n.j41(0,"div",0)(1,"button",1),n.EFF(2," This dropdown has nested submenu "),n.nrm(3,"span",2),n.k0s(),n.DNE(4,Z,21,0,"ul",3),n.k0s()),2&d&&n.Y8G("autoClose",!1)},dependencies:[p.h,m.U,c.K,f.Wk],encapsulation:2})}return e})();function _(e,a){1&e&&(n.j41(0,"ul",4)(1,"li",5)(2,"a",6),n.EFF(3,"Action"),n.k0s()(),n.j41(4,"li",5)(5,"a",6),n.EFF(6,"Another action"),n.k0s()(),n.j41(7,"li",5)(8,"a",6),n.EFF(9,"Something else here"),n.k0s()(),n.nrm(10,"li",7),n.j41(11,"li",5)(12,"a",6),n.EFF(13,"Separated link"),n.k0s()()())}let j=(()=>{class e{static#n=this.\u0275fac=function(d){return new(d||e)};static#o=this.\u0275cmp=n.VBU({type:e,selectors:[["demo-dropdown-container"]],decls:5,vars:0,consts:[["dropdown","","container","body",1,"btn-group"],["id","button-container","dropdownToggle","","type","button","aria-controls","dropdown-container",1,"btn","btn-primary","dropdown-toggle"],[1,"caret"],["id","dropdown-container","class","dropdown-menu","role","menu","aria-labelledby","button-container",4,"dropdownMenu"],["id","dropdown-container","role","menu","aria-labelledby","button-container",1,"dropdown-menu"],["role","menuitem"],["href","#",1,"dropdown-item"],[1,"divider","dropdown-divider"]],template:function(d,s){1&d&&(n.j41(0,"div",0)(1,"button",1),n.EFF(2," Dropdown on Body "),n.nrm(3,"span",2),n.k0s(),n.DNE(4,_,14,0,"ul",3),n.k0s())},dependencies:[p.h,m.U,c.K],encapsulation:2})}return e})();function q(e,a){1&e&&(n.j41(0,"ul",4)(1,"li",5)(2,"a",6),n.EFF(3,"Action"),n.k0s()(),n.j41(4,"li",5)(5,"a",6),n.EFF(6,"Another action"),n.k0s()(),n.j41(7,"li",5)(8,"a",6),n.EFF(9,"Something else here"),n.k0s()(),n.nrm(10,"li",7),n.j41(11,"li",5)(12,"a",6),n.EFF(13,"Separated link"),n.k0s()()())}let B=(()=>{class e{constructor(){this.isDropup=!0}static#n=this.\u0275fac=function(d){return new(d||e)};static#o=this.\u0275cmp=n.VBU({type:e,selectors:[["demo-dropdown-dropup"]],decls:5,vars:1,consts:[["dropdown","",1,"btn-group",3,"dropup"],["id","button-dropup","dropdownToggle","","type","button","aria-controls","dropdown-dropup",1,"btn","btn-primary","dropdown-toggle"],[1,"caret"],["id","dropdown-dropup","class","dropdown-menu","role","menu","aria-labelledby","button-dropup",4,"dropdownMenu"],["id","dropdown-dropup","role","menu","aria-labelledby","button-dropup",1,"dropdown-menu"],["role","menuitem"],["href","#",1,"dropdown-item"],[1,"divider","dropdown-divider"]],template:function(d,s){1&d&&(n.j41(0,"div",0)(1,"button",1),n.EFF(2," Dropup "),n.nrm(3,"span",2),n.k0s(),n.DNE(4,q,14,0,"ul",3),n.k0s()),2&d&&n.Y8G("dropup",s.isDropup)},dependencies:[p.h,m.U,c.K],encapsulation:2})}return e})();function nn(e,a){1&e&&(n.j41(0,"ul",4)(1,"li",5)(2,"a",6),n.EFF(3,"Action"),n.k0s()(),n.j41(4,"li",5)(5,"a",6),n.EFF(6,"Another action"),n.k0s()(),n.j41(7,"li",5)(8,"a",6),n.EFF(9,"Something else here"),n.k0s()(),n.nrm(10,"li",7),n.j41(11,"li",5)(12,"a",6),n.EFF(13,"Separated link"),n.k0s()()())}let S=(()=>{class e{static#n=this.\u0275fac=function(d){return new(d||e)};static#o=this.\u0275cmp=n.VBU({type:e,selectors:[["demo-dropdown-menu-dividers"]],decls:5,vars:0,consts:[["dropdown","",1,"btn-group"],["id","button-menu-dividers","dropdownToggle","","type","button","aria-controls","dropdown-menu-dividers",1,"btn","btn-primary","dropdown-toggle"],[1,"caret"],["id","dropdown-menu-dividers","class","dropdown-menu","role","menu","aria-labelledby","button-menu-dividers",4,"dropdownMenu"],["id","dropdown-menu-dividers","role","menu","aria-labelledby","button-menu-dividers",1,"dropdown-menu"],["role","menuitem"],["href","#",1,"dropdown-item"],[1,"divider","dropdown-divider"]],template:function(d,s){1&d&&(n.j41(0,"div",0)(1,"button",1),n.EFF(2," Button dropdown "),n.nrm(3,"span",2),n.k0s(),n.DNE(4,nn,14,0,"ul",3),n.k0s())},dependencies:[p.h,m.U,c.K],encapsulation:2})}return e})();function on(e,a){1&e&&(n.j41(0,"ul",4)(1,"li",5)(2,"a",6),n.EFF(3,"Action"),n.k0s()(),n.j41(4,"li",5)(5,"a",6),n.EFF(6,"Another action"),n.k0s()(),n.j41(7,"li",5)(8,"a",6),n.EFF(9,"Something else here"),n.k0s()()())}let U=(()=>{class e{static#n=this.\u0275fac=function(d){return new(d||e)};static#o=this.\u0275cmp=n.VBU({type:e,selectors:[["demo-dropdown-config"]],features:[n.Jv_([{provide:h.Tb,useValue:{autoClose:!1}}])],decls:5,vars:0,consts:[["dropdown","",1,"btn-group"],["id","button-config","dropdownToggle","","type","button","aria-controls","dropdown-config",1,"btn","btn-primary","dropdown-toggle"],[1,"caret"],["id","dropdown-config","class","dropdown-menu","role","menu","aria-labelledby","button-config",4,"dropdownMenu"],["id","dropdown-config","role","menu","aria-labelledby","button-config",1,"dropdown-menu"],["role","menuitem"],["href","#",1,"dropdown-item"]],template:function(d,s){1&d&&(n.j41(0,"div",0)(1,"button",1),n.EFF(2," Button dropdown "),n.nrm(3,"span",2),n.k0s(),n.DNE(4,on,10,0,"ul",3),n.k0s())},dependencies:[p.h,m.U,c.K],encapsulation:2})}return e})();function en(e,a){if(1&e&&(n.j41(0,"pre",8),n.EFF(1),n.k0s()),2&e){const i=a.$implicit;n.R7$(),n.JRh(i)}}function tn(e,a){1&e&&(n.j41(0,"ul",9)(1,"li",10)(2,"a",11),n.EFF(3,"Action"),n.k0s()(),n.j41(4,"li",10)(5,"a",11),n.EFF(6,"Another action"),n.k0s()(),n.j41(7,"li",10)(8,"a",11),n.EFF(9,"Something else here"),n.k0s()()())}let x=(()=>{class e{constructor(){this.messages=[],this.message="onShown"}handler(i){this.messages.push(`Event ${i} is fired`),this.messages=this.messages.length>2?this.messages.slice(0,1):this.messages}static#n=this.\u0275fac=function(d){return new(d||e)};static#o=this.\u0275cmp=n.VBU({type:e,selectors:[["demo-dropdown-visibility-events"]],decls:9,vars:1,consts:[[1,"row"],[1,"col-xs-12","col-12"],["class","card card-block card-header mb-3",4,"ngFor","ngForOf"],[1,"col-xs-12","col-12","mb-3"],["dropdown","",1,"btn-group",3,"onShown","onHidden"],["id","button-visbility","dropdownToggle","","type","button","aria-controls","dropdown-visbility",1,"btn","btn-primary","dropdown-toggle"],[1,"caret"],["id","dropdown-visbility","class","dropdown-menu","role","menu","aria-labelledby","button-visbility",4,"dropdownMenu"],[1,"card","card-block","card-header","mb-3"],["id","dropdown-visbility","role","menu","aria-labelledby","button-visbility",1,"dropdown-menu"],["role","menuitem"],["href","#",1,"dropdown-item"]],template:function(d,s){1&d&&(n.j41(0,"div",0)(1,"div",1),n.DNE(2,en,2,1,"pre",2),n.k0s(),n.j41(3,"div",3)(4,"div",4),n.bIt("onShown",function(){return s.handler("onShown")})("onHidden",function(){return s.handler("onHidden")}),n.j41(5,"button",5),n.EFF(6," Button dropdown "),n.nrm(7,"span",6),n.k0s(),n.DNE(8,tn,10,0,"ul",7),n.k0s()()()),2&d&&(n.R7$(2),n.Y8G("ngForOf",s.messages))},dependencies:[p.h,m.U,c.K,r.Sq],encapsulation:2})}return e})();function dn(e,a){if(1&e&&(n.j41(0,"div",7)(1,"pre",8),n.EFF(2),n.k0s()()),2&e){const i=n.XpG();n.R7$(2),n.SpI("The dropdown is ",i.text,"")}}function rn(e,a){1&e&&(n.j41(0,"ul",9)(1,"li",10)(2,"a",11),n.EFF(3,"Action"),n.k0s()(),n.j41(4,"li",10)(5,"a",11),n.EFF(6,"Another action"),n.k0s()(),n.j41(7,"li",10)(8,"a",11),n.EFF(9,"Something else here"),n.k0s()()())}let M=(()=>{class e{onOpenChange(i){this.text=i?"opened":"closed"}static#n=this.\u0275fac=function(d){return new(d||e)};static#o=this.\u0275cmp=n.VBU({type:e,selectors:[["demo-dropdown-state-change-event"]],decls:8,vars:1,consts:[[1,"row"],["class","col-xs-12 col-12 mb-3",4,"ngIf"],[1,"col-xs-12","col-12","mb-2"],["dropdown","",1,"btn-group",3,"isOpenChange"],["id","button-state-change","dropdownToggle","","type","button","aria-controls","dropdown-state-change",1,"btn","btn-primary","dropdown-toggle"],[1,"caret"],["id","dropdown-state-change","class","dropdown-menu","role","menu","aria-labelledby","button-state-change",4,"dropdownMenu"],[1,"col-xs-12","col-12","mb-3"],[1,"card","card-block","card-header"],["id","dropdown-state-change","role","menu","aria-labelledby","button-state-change",1,"dropdown-menu"],["role","menuitem"],["href","#",1,"dropdown-item"]],template:function(d,s){1&d&&(n.j41(0,"div",0),n.DNE(1,dn,3,1,"div",1),n.j41(2,"div",2)(3,"div",3),n.bIt("isOpenChange",function(g){return s.onOpenChange(g)}),n.j41(4,"button",4),n.EFF(5," Button dropdown "),n.nrm(6,"span",5),n.k0s(),n.DNE(7,rn,10,0,"ul",6),n.k0s()()()),2&d&&(n.R7$(),n.Y8G("ngIf",s.text))},dependencies:[p.h,m.U,c.K,r.bT],encapsulation:2})}return e})();function ln(e,a){1&e&&(n.j41(0,"ul",9)(1,"li",10)(2,"a",11),n.EFF(3,"Action"),n.k0s()(),n.j41(4,"li",10)(5,"a",11),n.EFF(6,"Another action"),n.k0s()(),n.j41(7,"li",10)(8,"a",11),n.EFF(9,"Something else here"),n.k0s()()())}function sn(e,a){1&e&&(n.j41(0,"ul",12)(1,"li",10)(2,"a",11),n.EFF(3,"Action"),n.k0s()(),n.j41(4,"li",10)(5,"a",11),n.EFF(6,"Another action"),n.k0s()(),n.j41(7,"li",10)(8,"a",11),n.EFF(9,"Something else here"),n.k0s()()())}let P=(()=>{class e{static#n=this.\u0275fac=function(d){return new(d||e)};static#o=this.\u0275cmp=n.VBU({type:e,selectors:[["demo-dropdown-autoclose"]],decls:17,vars:1,consts:[[1,"row"],[1,"col-xs-12","col-12","col-sm-6","mb-3"],["dropdown","",1,"btn-group"],["id","button-autoclose1","dropdownToggle","","type","button","aria-controls","dropdown-autoclose1",1,"btn","btn-primary","dropdown-toggle"],[1,"caret"],["id","dropdown-autoclose1","class","dropdown-menu","role","menu","aria-labelledby","button-autoclose1",4,"dropdownMenu"],["dropdown","",1,"btn-group",3,"autoClose"],["id","button-autoclose2","dropdownToggle","","type","button","aria-controls","dropdown-autoclose2",1,"btn","btn-primary","dropdown-toggle"],["id","dropdown-autoclose2","class","dropdown-menu","role","menu","aria-labelledby","button-autoclose2",4,"dropdownMenu"],["id","dropdown-autoclose1","role","menu","aria-labelledby","button-autoclose1",1,"dropdown-menu"],["role","menuitem"],["href","#",1,"dropdown-item"],["id","dropdown-autoclose2","role","menu","aria-labelledby","button-autoclose2",1,"dropdown-menu"]],template:function(d,s){1&d&&(n.j41(0,"div",0)(1,"div",1)(2,"p"),n.EFF(3,"Default behavior: dropdown closes after outside click or pressing ESC"),n.k0s(),n.j41(4,"div",2)(5,"button",3),n.EFF(6," Button dropdown "),n.nrm(7,"span",4),n.k0s(),n.DNE(8,ln,10,0,"ul",5),n.k0s()(),n.j41(9,"div",1)(10,"p"),n.EFF(11,"This dropdown won't be closed after outside click or pressing ESC"),n.k0s(),n.j41(12,"div",6)(13,"button",7),n.EFF(14," Button dropdown "),n.nrm(15,"span",4),n.k0s(),n.DNE(16,sn,10,0,"ul",8),n.k0s()()()),2&d&&(n.R7$(12),n.Y8G("autoClose",!1))},dependencies:[p.h,m.U,c.K],encapsulation:2})}return e})();function an(e,a){1&e&&(n.j41(0,"ul",4)(1,"li",5)(2,"a",6),n.EFF(3,"Action"),n.k0s()(),n.j41(4,"li",5)(5,"a",6),n.EFF(6,"Another action"),n.k0s()(),n.j41(7,"li",5)(8,"a",6)(9,"span",7),n.EFF(10,"Some HTML here"),n.k0s()()()())}let O=(()=>{class e{static#n=this.\u0275fac=function(d){return new(d||e)};static#o=this.\u0275cmp=n.VBU({type:e,selectors:[["demo-dropdown-custom-html"]],decls:5,vars:0,consts:[["dropdown","",1,"btn-group"],["id","button-custom-html","dropdownToggle","","type","button","aria-controls","dropdown-custom-html",1,"btn","btn-primary","dropdown-toggle"],[1,"caret"],["id","dropdown-custom-html","class","dropdown-menu","role","menu","aria-labelledby","button-custom-html",4,"dropdownMenu"],["id","dropdown-custom-html","role","menu","aria-labelledby","button-custom-html",1,"dropdown-menu"],["role","menuitem"],["href","#",1,"dropdown-item"],[1,"badge","badge-secondary","bg-secondary"]],template:function(d,s){1&d&&(n.j41(0,"div",0)(1,"button",1),n.EFF(2," Button dropdown "),n.nrm(3,"span",2),n.k0s(),n.DNE(4,an,11,0,"ul",3),n.k0s())},dependencies:[p.h,m.U,c.K],encapsulation:2})}return e})(),pn=(()=>{class e{static#n=this.\u0275fac=function(d){return new(d||e)};static#o=this.\u0275cmp=n.VBU({type:e,selectors:[["demo-accessibility"]],decls:27,vars:0,consts:[["href","https://www.w3.org/TR/wai-aria/"],["title","Web Accessibility Initiative"],["title","Accessible Rich Internet Applications"],["href","https://www.w3.org/TR/wai-aria-1.1/#menu"],[1,"highlighter-rouge"]],template:function(d,s){1&d&&(n.j41(0,"p"),n.EFF(1,"The "),n.j41(2,"a",0)(3,"abbr",1),n.EFF(4,"WAI"),n.k0s(),n.j41(5,"abbr",2),n.EFF(6,"ARIA"),n.k0s()(),n.EFF(7," standard defines an actual "),n.j41(8,"a",3)(9,"code",4),n.EFF(10,'role="menu"'),n.k0s(),n.EFF(11," widget"),n.k0s(),n.EFF(12,", but this is specific to application-like menus which trigger actions or functions. "),n.j41(13,"abbr",2),n.EFF(14,"ARIA"),n.k0s(),n.EFF(15," menus can only contain menu items, checkbox menu items, radio button menu items, radio button groups, and sub-menus."),n.k0s(),n.j41(16,"p"),n.EFF(17,"Dropdowns, on the other hand, are designed to be generic and applicable to a variety of situations and markup structures. For instance, it is possible to create dropdowns that contain additional inputs and form controls, such as search fields or login forms. For this reason, ngx-bootstrap does not expect (nor automatically add) any of the "),n.j41(18,"code",4),n.EFF(19,"role"),n.k0s(),n.EFF(20," and "),n.j41(21,"code",4),n.EFF(22,"aria-"),n.k0s(),n.EFF(23," attributes required for true "),n.j41(24,"abbr",2),n.EFF(25,"ARIA"),n.k0s(),n.EFF(26," menus. Authors will have to include these more specific attributes themselves."),n.k0s())},encapsulation:2})}return e})();function mn(e,a){1&e&&(n.j41(0,"ul",4)(1,"li",5)(2,"a",6),n.EFF(3,"Action"),n.k0s()(),n.j41(4,"li",5)(5,"a",6),n.EFF(6,"Another action"),n.k0s()(),n.j41(7,"li",5)(8,"a",6),n.EFF(9,"Something else here"),n.k0s()(),n.nrm(10,"li",7),n.j41(11,"li",5)(12,"a",6),n.EFF(13,"Separated link"),n.k0s()()())}let K=(()=>{class e{static#n=this.\u0275fac=function(d){return new(d||e)};static#o=this.\u0275cmp=n.VBU({type:e,selectors:[["demo-dropdown-inside-click"]],decls:5,vars:1,consts:[["dropdown","",1,"btn-group",3,"insideClick"],["dropdownToggle","","type","button",1,"btn","btn-primary","dropdown-toggle"],[1,"caret"],["class","dropdown-menu","role","menu",4,"dropdownMenu"],["role","menu",1,"dropdown-menu"],["role","menuitem"],["href","#",1,"dropdown-item"],[1,"divider","dropdown-divider"]],template:function(d,s){1&d&&(n.j41(0,"div",0)(1,"button",1),n.EFF(2," Button dropdown "),n.nrm(3,"span",2),n.k0s(),n.DNE(4,mn,14,0,"ul",3),n.k0s()),2&d&&n.Y8G("insideClick",!0)},dependencies:[p.h,m.U,c.K],encapsulation:2})}return e})();function cn(e,a){1&e&&(n.j41(0,"ul",4)(1,"li",5)(2,"a",6),n.EFF(3,"Action"),n.k0s()(),n.j41(4,"li",5)(5,"a",6),n.EFF(6,"Another action"),n.k0s()(),n.j41(7,"li",5)(8,"a",6),n.EFF(9,"Something else here"),n.k0s()()())}let R=(()=>{class e{static#n=this.\u0275fac=function(d){return new(d||e)};static#o=this.\u0275cmp=n.VBU({type:e,selectors:[["demo-dropdown-animation"]],features:[n.Jv_([{provide:h.Tb,useValue:{isAnimated:!0,autoClose:!0}}])],decls:5,vars:0,consts:[["dropdown","",1,"btn-group"],["id","button-animated","dropdownToggle","","type","button","aria-controls","dropdown-animated",1,"btn","btn-primary","dropdown-toggle"],[1,"caret"],["id","dropdown-animated","class","dropdown-menu","role","menu","aria-labelledby","button-animated",4,"dropdownMenu"],["id","dropdown-animated","role","menu","aria-labelledby","button-animated",1,"dropdown-menu"],["role","menuitem"],["href","#",1,"dropdown-item"]],template:function(d,s){1&d&&(n.j41(0,"div",0)(1,"button",1),n.EFF(2," Button dropdown "),n.nrm(3,"span",2),n.k0s(),n.DNE(4,cn,10,0,"ul",3),n.k0s())},dependencies:[p.h,m.U,c.K],encapsulation:2})}return e})();const un=[{name:"Overview",anchor:"overview",tabName:"overview",outlet:w.xK,description:"{class s{static#e=this.\u0275fac=function(n){return new(n||s)};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["demo-progressbar-config"]],features:[e.Jv_([{provide:g,useFactory:M}])],decls:4,vars:1,consts:[[1,"mb-2"],["type","danger",1,"progress-striped","active",3,"value"]],template:function(n,o){1&n&&(e.j41(0,"div",0)(1,"progressbar",1)(2,"i"),e.EFF(3,"136 / 150"),e.k0s()()()),2&n&&(e.R7$(),e.Y8G("value",136))},dependencies:[p],encapsulation:2})}return s})();const R=[{name:"Overview",anchor:"overview",tabName:"overview",outlet:l.xK,content:[{title:"Static",anchor:"bs3-static",component:a(72064),html:a(25888),outlet:b},{title:"Dynamic",anchor:"bs3-dynamic",component:a(17126),html:a(83386),outlet:h},{title:"Stacked",anchor:"bs3-stacked",component:a(47522),html:a(61110),outlet:v},{title:"Configuring defaults",anchor:"bs3-config",component:a(10096),html:a(65296),outlet:f}]},{name:"Installation",anchor:"api-reference",tabName:"api",outlet:l.Mg,usage:a(92251),importInfo:'ng add ngx-bootstrap --component progressbar',content:[{title:"ProgressbarComponent",anchor:"progressbar-component",outlet:l.r2},{title:"ProgressbarConfig",anchor:"progress-config",outlet:l.TJ}]},{name:"Examples",anchor:"examples",tabName:"examples",outlet:l.xK,content:[{title:"Static",anchor:"bs3-static-ex",outlet:b},{title:"Dynamic",anchor:"bs3-dynamic-ex",outlet:h},{title:"Stacked",anchor:"bs3-stacked-ex",outlet:v},{title:"Configuring defaults",anchor:"bs3-config-ex",outlet:f}]}];var A=a(86223),B=a(52439);let y=(()=>{class s{constructor(t){this.injector=t,this.name="Progressbar",this.src="https://github.com/valor-software/ngx-bootstrap/tree/development/src/progressbar",this.componentContent=R,this._injectors=new Map}sectionInjections(t){if(this._injectors.has(t))return this._injectors.get(t);const n=e.zZn.create({providers:[{provide:l.Fe,useValue:t}],parent:this.injector});return this._injectors.set(t,n),n}static#e=this.\u0275fac=function(n){return new(n||s)(e.rXU(e.zZn))};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["progressbar-section"]],decls:6,vars:4,consts:[[3,"name","src","componentContent"],[3,"content"]],template:function(n,o){1&n&&(e.j41(0,"demo-section",0)(1,"p"),e.EFF(2,"Provide up-to-date feedback on the progress of a workflow or action with simple yet flexible progress bars."),e.k0s(),e.j41(3,"p"),e.EFF(4,"The easiest way to add the progressbar component to your app (will be added to the root module)"),e.k0s(),e.nrm(5,"docs-section",1),e.k0s()),2&n&&(e.Y8G("name",o.name)("src",o.src)("componentContent",o.componentContent),e.R7$(5),e.Y8G("content",o.componentContent))},dependencies:[A.q,B.C],encapsulation:2,changeDetection:0})}return s})();const U=[{path:"",component:y}];let G=(()=>{class s{static#e=this.\u0275fac=function(n){return new(n||s)};static#t=this.\u0275mod=e.$C({type:s});static#n=this.\u0275inj=e.G2t({imports:[i.MD,C.YN,l.ky,x,P.iI.forChild(U)]})}return s})()},65296:(c,r,a)=>{a.r(r),a.d(r,{default:()=>i});const i='{\n value,\n type: types[index],\n label: value + ' %'\n });\n }\n }\n}\n"},25888:(c,r,a)=>{a.r(r),a.d(r,{default:()=>i});const i='Just another: {{content}} \n\n'},21085:(a,n,o)=>{o.r(n),o.d(n,{default:()=>s});const s="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-tooltip-custom-content',\n templateUrl: './custom-content.html'\n})\nexport class DemoTooltipCustomContentComponent {\n content = 'Vivamus sagittis lacus vel augue laoreet rutrum faucibus.';\n}\n"},72137:(a,n,o)=>{o.r(n),o.d(n,{default:()=>s});const s='\n\n'},80069:(a,n,o)=>{o.r(n),o.d(n,{default:()=>s});const s="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-tooltip-delay',\n templateUrl: './delay.html'\n})\nexport class DemoTooltipDelayComponent {}\n"},70865:(a,n,o)=>{o.r(n),o.d(n,{default:()=>s});const s='\n\n'},99709:(a,n,o)=>{o.r(n),o.d(n,{default:()=>s});const s="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-tooltip-dismiss',\n templateUrl: './dismiss.html'\n})\nexport class DemoTooltipDismissComponent {}\n"},41593:(a,n,o)=>{o.r(n),o.d(n,{default:()=>s});const s='Here we go: \n\n'},21589:(a,n,o)=>{o.r(n),o.d(n,{default:()=>s});const s="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-tooltip-dynamic-html',\n templateUrl: './dynamic-html.html'\n})\nexport class DemoTooltipDynamicHtmlComponent {\n html = `Never trust not sanitized HTML!!!`;\n}\n"},37145:(a,n,o)=>{o.r(n),o.d(n,{default:()=>s});const s='\n'},62453:(a,n,o)=>{o.r(n),o.d(n,{default:()=>s});const s="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-tooltip-dynamic',\n templateUrl: './dynamic.html'\n})\nexport class DemoTooltipDynamicComponent {\n content = 'Vivamus sagittis lacus vel augue laoreet rutrum faucibus.';\n}\n"},63657:(a,n,o)=>{o.r(n),o.d(n,{default:()=>s});const s='\n\n\n\n\n\n\n\n\n'},50962:(a,n,o)=>{o.r(n),o.d(n,{default:()=>s});const s="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-tooltip-placement',\n templateUrl: './placement.html'\n})\nexport class DemoTooltipPlacementComponent {}\n"},44701:(a,n,o)=>{o.r(n),o.d(n,{default:()=>s});const s='\n'},14281:(a,n,o)=>{o.r(n),o.d(n,{default:()=>s});const s="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-tooltip-styling-local',\n templateUrl: './styling-local.html',\n styles: [\n `\n :host .tooltip-inner {\n background-color: #009688;\n color: #fff;\n }\n :host .tooltip.top .tooltip-arrow:before,\n :host .tooltip.top .tooltip-arrow {\n border-top-color: #009688;\n }\n `\n ]\n})\nexport class DemoTooltipStylingLocalComponent {}\n"},82657:(a,n,o)=>{o.r(n),o.d(n,{default:()=>s});const s='\np),multi:!0};let p=(()=>{class e{constructor(a,o){this.changeDetection=a,this.max=5,this.readonly=!1,this.titles=[],this.onHover=new n.bkB,this.onLeave=new n.bkB,this.onChange=Function.prototype,this.onTouched=Function.prototype,this.ariaLabel="rating",this.range=[],this.value=0,Object.assign(this,o)}onKeydown(a){-1!==[37,38,39,40].indexOf(a.which)&&(a.preventDefault(),a.stopPropagation(),this.rate(this.value+(38===a.which||39===a.which?1:-1)))}ngOnInit(){this.max=this.max||5,this.titles=typeof this.titles<"u"&&this.titles.length>0?this.titles:[],this.range=this.buildTemplateObjects(this.max)}writeValue(a){if(a%1!==a)return this.value=Math.round(a),this.preValue=a,void this.changeDetection.markForCheck();this.preValue=a,this.value=a,this.changeDetection.markForCheck()}enter(a){this.readonly||(this.value=a,this.changeDetection.markForCheck(),this.onHover.emit(a))}reset(){"number"==typeof this.preValue&&(this.value=Math.round(this.preValue),this.changeDetection.markForCheck(),this.onLeave.emit(this.value))}registerOnChange(a){this.onChange=a}registerOnTouched(a){this.onTouched=a}rate(a){!this.readonly&&this.range&&a>=0&&a<=this.range.length&&(this.writeValue(a),this.onChange(a))}buildTemplateObjects(a){const o=[];for(let t=0;t{class e{static forRoot(){return e}static#n=this.\u0275fac=function(o){return new(o||e)};static#t=this.\u0275mod=n.$C({type:e});static#e=this.\u0275inj=n.G2t({})}return e})();var h=i(37472);let f=(()=>{class e{constructor(){this.max=10,this.rate=7,this.isReadonly=!0}static#n=this.\u0275fac=function(o){return new(o||e)};static#t=this.\u0275cmp=n.VBU({type:e,selectors:[["demo-rating-basic"]],decls:7,vars:4,consts:[[3,"ngModelChange","ngModel","max","readonly"],[1,"card"],[1,"card-block","card-header",2,"margin","15px 0"]],template:function(o,t){1&o&&(n.j41(0,"rating",0),n.mxI("ngModelChange",function(l){return n.DH7(t.rate,l)||(t.rate=l),l}),n.k0s(),n.j41(1,"div",1)(2,"pre",2),n.EFF(3,"Rate: "),n.j41(4,"b"),n.EFF(5),n.k0s(),n.EFF(6," "),n.k0s()()),2&o&&(n.R50("ngModel",t.rate),n.Y8G("max",t.max)("readonly",t.isReadonly),n.R7$(5),n.JRh(t.rate))},dependencies:[d.BC,d.vS,p],encapsulation:2})}return e})();function j(e,m){1&e&&n.EFF(0),2&e&&n.JRh(m.index{class e{constructor(){this.x=5,this.y=2}static#n=this.\u0275fac=function(o){return new(o||e)};static#t=this.\u0275cmp=n.VBU({type:e,selectors:[["demo-rating-custom"]],decls:24,vars:8,consts:[["t",""],["tt",""],[2,"color","#0275d8","font-size","20px",3,"ngModelChange","max","ngModel","customTemplate"],[1,"card"],[1,"card-block","card-header",2,"margin","15px 0"],[3,"ngModelChange","max","ngModel","customTemplate"]],template:function(o,t){if(1&o){const c=n.RV6();n.j41(0,"div")(1,"rating",2),n.mxI("ngModelChange",function(u){return n.eBV(c),n.DH7(t.x,u)||(t.x=u),n.Njj(u)}),n.k0s(),n.j41(2,"div",3)(3,"pre",4)(4,"b"),n.EFF(5,"("),n.j41(6,"i"),n.EFF(7,"Rate:"),n.k0s(),n.EFF(8),n.k0s()()(),n.DNE(9,j,1,1,"ng-template",null,0,n.C5r),n.k0s(),n.j41(11,"div")(12,"rating",5),n.mxI("ngModelChange",function(u){return n.eBV(c),n.DH7(t.y,u)||(t.y=u),n.Njj(u)}),n.k0s(),n.j41(13,"div",3)(14,"pre",4),n.EFF(15," "),n.j41(16,"b"),n.EFF(17,"("),n.j41(18,"i"),n.EFF(19,"Rate:"),n.k0s(),n.EFF(20),n.k0s(),n.EFF(21," "),n.k0s()(),n.DNE(22,S,2,4,"ng-template",null,1,n.C5r),n.k0s()}if(2&o){const c=n.sdS(10),l=n.sdS(23);n.R7$(),n.Y8G("max",10),n.R50("ngModel",t.x),n.Y8G("customTemplate",c),n.R7$(7),n.SpI(" ",t.x,")"),n.R7$(4),n.Y8G("max",10),n.R50("ngModel",t.y),n.Y8G("customTemplate",l),n.R7$(8),n.SpI(" ",t.y,")")}},dependencies:[d.BC,d.vS,p],encapsulation:2})}return e})();const O=()=>["one","two","three"],B=(e,m,a)=>({"label-warning":e,"label-info":m,"label-success":a}),A=e=>({display:e});let C=(()=>{class e{constructor(){this.max=10,this.rate=7,this.isReadonly=!1,this.percent=0}hoveringOver(a){this.overStar=a,this.percent=a/this.max*100}resetStar(){this.overStar=void 0}static#n=this.\u0275fac=function(o){return new(o||e)};static#t=this.\u0275cmp=n.VBU({type:e,selectors:[["demo-rating-dynamic"]],decls:18,vars:18,consts:[[3,"ngModelChange","onHover","onLeave","ngModel","max","readonly","titles"],[1,"label",3,"ngClass","ngStyle"],[1,"card"],[1,"card-block","card-header",2,"margin","15px 0"],["type","button",1,"btn","btn-sm","btn-danger",3,"click","disabled"],["type","button",1,"btn","btn-sm","btn-primary",3,"click"]],template:function(o,t){1&o&&(n.j41(0,"rating",0),n.mxI("ngModelChange",function(l){return n.DH7(t.rate,l)||(t.rate=l),l}),n.bIt("onHover",function(l){return t.hoveringOver(l)})("onLeave",function(){return t.resetStar()}),n.k0s(),n.j41(1,"span",1),n.EFF(2),n.k0s(),n.j41(3,"div",2)(4,"pre",3),n.EFF(5,"Rate: "),n.j41(6,"b"),n.EFF(7),n.k0s(),n.EFF(8,"; Readonly is: "),n.j41(9,"i"),n.EFF(10),n.k0s(),n.EFF(11,"; Hovering over: "),n.j41(12,"b"),n.EFF(13),n.k0s()()(),n.j41(14,"button",4),n.bIt("click",function(){return t.rate=0}),n.EFF(15,"Clear\n"),n.k0s(),n.j41(16,"button",5),n.bIt("click",function(){return t.isReadonly=!t.isReadonly}),n.EFF(17,"Toggle Readonly\n"),n.k0s()),2&o&&(n.R50("ngModel",t.rate),n.Y8G("max",t.max)("readonly",t.isReadonly)("titles",n.lJ4(11,O)),n.R7$(),n.Y8G("ngClass",n.sMw(12,B,t.percent<30,t.percent>=30&&t.percent<70,t.percent>=70))("ngStyle",n.eq3(16,A,t.overStar&&!t.isReadonly?"inline":"none")),n.R7$(),n.SpI("",t.percent,"%"),n.R7$(5),n.JRh(t.rate),n.R7$(3),n.JRh(t.isReadonly),n.R7$(3),n.JRh(t.overStar||"none"),n.R7$(),n.Y8G("disabled",t.isReadonly))},dependencies:[r.YU,r.B3,d.BC,d.vS,p],encapsulation:2})}return e})(),v=(()=>{class e{constructor(){this.max=10,this.rate=7,this.isReadonly=!1}confirmSelection(a){(13===a.keyCode||"Enter"===a.key)&&(this.isReadonly=!0)}resetStars(){this.rate=0,this.isReadonly=!1}static#n=this.\u0275fac=function(o){return new(o||e)};static#t=this.\u0275cmp=n.VBU({type:e,selectors:[["demo-select-on-enter"]],decls:14,vars:5,consts:[[3,"ngModelChange","keyup","ngModel","max","readonly"],[1,"card"],[1,"card-block","card-header",2,"margin","15px 0"],[1,"btn","btn-primary",3,"click"],[1,"btn","btn-primary","ml-3","ms-3",3,"click"]],template:function(o,t){1&o&&(n.j41(0,"rating",0),n.mxI("ngModelChange",function(l){return n.DH7(t.rate,l)||(t.rate=l),l}),n.bIt("keyup",function(l){return t.confirmSelection(l)}),n.k0s(),n.j41(1,"div",1)(2,"pre",2),n.EFF(3,"Rating: "),n.j41(4,"b"),n.EFF(5),n.k0s(),n.EFF(6,"; Readonly is: "),n.j41(7,"i"),n.EFF(8),n.k0s(),n.EFF(9,";"),n.k0s()(),n.j41(10,"button",3),n.bIt("click",function(){return t.resetStars()}),n.EFF(11,"Reset rating and status"),n.k0s(),n.j41(12,"button",4),n.bIt("click",function(){return t.isReadonly=!t.isReadonly}),n.EFF(13,"Toggle ReadOnly"),n.k0s()),2&o&&(n.R50("ngModel",t.rate),n.Y8G("max",t.max)("readonly",t.isReadonly),n.R7$(5),n.JRh(t.rate),n.R7$(3),n.JRh(t.isReadonly))},dependencies:[d.BC,d.vS,p],encapsulation:2})}return e})();function I(){return Object.assign(new R,{ariaLabel:"My Rating"})}let b=(()=>{class e{constructor(){this.max=10,this.rate=7}static#n=this.\u0275fac=function(o){return new(o||e)};static#t=this.\u0275cmp=n.VBU({type:e,selectors:[["demo-rating-config"]],features:[n.Jv_([{provide:R,useFactory:I}])],decls:7,vars:3,consts:[[3,"ngModelChange","ngModel","max"],[1,"card"],[1,"card-block","card-header",2,"margin","15px 0"]],template:function(o,t){1&o&&(n.j41(0,"rating",0),n.mxI("ngModelChange",function(l){return n.DH7(t.rate,l)||(t.rate=l),l}),n.k0s(),n.j41(1,"div",1)(2,"pre",2),n.EFF(3,"Rate: "),n.j41(4,"b"),n.EFF(5),n.k0s(),n.EFF(6," "),n.k0s()()),2&o&&(n.R50("ngModel",t.rate),n.Y8G("max",t.max),n.R7$(5),n.JRh(t.rate))},dependencies:[d.BC,d.vS,p],encapsulation:2})}return e})();const U=[{name:"Overview",anchor:"overview",tabName:"overview",outlet:h.xK,content:[{title:"Basic rating",anchor:"rating-basic",component:i(25153),html:i(28581),outlet:f},{title:"Dynamic rating",anchor:"rating-dynamic",component:i(99461),html:i(96521),outlet:C},{title:"Custom icons",anchor:"rating-custom",component:i(48205),html:i(13921),outlet:y},{title:"Select on enter",description:"Key navigation example. Focus on rating and use arrow keys to set its value,\n then press i.instance?.config.id===t);o>=0&&(this.loaders.splice(o,1),this.loaders.forEach((i,d)=>{i.instance&&(i.instance.level=d+1)}))}else this.loaders.splice(0,this.loaders.length)}copyEvent(t,o){t.subscribe(i=>{o.emit(this.lastDismissReason||i)})}static#e=this.\u0275fac=function(o){return new(o||n)(e.KVO(e._9s),e.KVO(M.Li),e.KVO(E,8))};static#t=this.\u0275prov=e.jDH({token:n,factory:n.\u0275fac,providedIn:"platform"})}return n})(),ae=(()=>{class n{static forRoot(){return n}static#e=this.\u0275fac=function(o){return new(o||n)};static#t=this.\u0275mod=e.$C({type:n});static#n=this.\u0275inj=e.G2t({imports:[c.MD]})}return n})();function R(n){return null!=n&&"false"!=`${n}`}var de=s(96697);let k;try{k=typeof Intl<"u"&&Intl.v8BreakIterator}catch{k=!1}let D=(()=>{class n{constructor(t){this._platformId=t,this.isBrowser=this._platformId?(0,c.UE)(this._platformId):"object"==typeof document&&!!document,this.EDGE=this.isBrowser&&/(edge)/i.test(navigator.userAgent),this.TRIDENT=this.isBrowser&&/(msie|trident)/i.test(navigator.userAgent),this.BLINK=this.isBrowser&&!(!window.chrome&&!k)&&typeof CSS<"u"&&!this.EDGE&&!this.TRIDENT,this.WEBKIT=this.isBrowser&&/AppleWebKit/i.test(navigator.userAgent)&&!this.BLINK&&!this.EDGE&&!this.TRIDENT,this.IOS=this.isBrowser&&/iPad|iPhone|iPod/.test(navigator.userAgent)&&!("MSStream"in window),this.FIREFOX=this.isBrowser&&/(firefox|minefield)/i.test(navigator.userAgent),this.ANDROID=this.isBrowser&&/android/i.test(navigator.userAgent)&&!this.TRIDENT,this.SAFARI=this.isBrowser&&/safari/i.test(navigator.userAgent)&&this.WEBKIT}static#e=this.\u0275fac=function(o){return new(o||n)(e.KVO(e.Agw))};static#t=this.\u0275prov=e.jDH({token:n,factory:n.\u0275fac,providedIn:"root"})}return n})(),T=(()=>{class n{constructor(t){this._platform=t}isDisabled(t){return t.hasAttribute("disabled")}isVisible(t){return function re(n){return!!(n.offsetWidth||n.offsetHeight||"function"==typeof n.getClientRects&&n.getClientRects().length)}(t)&&"visible"===getComputedStyle(t).visibility}isTabbable(t){if(!this._platform.isBrowser)return!1;const o=function ce(n){try{return n.frameElement}catch{return null}}(function ge(n){return n.ownerDocument&&n.ownerDocument.defaultView||window}(t));if(o&&(-1===B(o)||!this.isVisible(o)))return!1;let i=t.nodeName.toLowerCase(),d=B(t);return t.hasAttribute("contenteditable")?-1!==d:!("iframe"===i||"object"===i||this._platform.WEBKIT&&this._platform.IOS&&!function fe(n){let a=n.nodeName.toLowerCase(),t="input"===a&&n.type;return"text"===t||"password"===t||"select"===a||"textarea"===a}(t))&&("audio"===i?!!t.hasAttribute("controls")&&-1!==d:"video"===i?-1!==d&&(null!==d||this._platform.FIREFOX||t.hasAttribute("controls")):t.tabIndex>=0)}isFocusable(t,o){return function ve(n){return!function he(n){return function pe(n){return"input"==n.nodeName.toLowerCase()}(n)&&"hidden"==n.type}(n)&&(function me(n){let a=n.nodeName.toLowerCase();return"input"===a||"select"===a||"button"===a||"textarea"===a}(n)||function ue(n){return function be(n){return"a"==n.nodeName.toLowerCase()}(n)&&n.hasAttribute("href")}(n)||n.hasAttribute("contenteditable")||w(n))}(t)&&!this.isDisabled(t)&&(o?.ignoreVisibility||this.isVisible(t))}static#e=this.\u0275fac=function(o){return new(o||n)(e.KVO(D))};static#t=this.\u0275prov=e.jDH({token:n,factory:n.\u0275fac,providedIn:"root"})}return n})();function w(n){if(!n.hasAttribute("tabindex")||void 0===n.tabIndex)return!1;let a=n.getAttribute("tabindex");return"-32768"!=a&&!(!a||isNaN(parseInt(a,10)))}function B(n){if(!w(n))return null;const a=parseInt(n.getAttribute("tabindex")||"",10);return isNaN(a)?-1:a}let _e=(()=>{class n{constructor(){this._focusTrapStack=[]}register(t){this._focusTrapStack=this._focusTrapStack.filter(i=>i!==t);let o=this._focusTrapStack;o.length&&o[o.length-1]._disable(),o.push(t),t._enable()}deregister(t){t._disable();const o=this._focusTrapStack,i=o.indexOf(t);-1!==i&&(o.splice(i,1),o.length&&o[o.length-1]._enable())}static#e=this.\u0275fac=function(o){return new(o||n)};static#t=this.\u0275prov=e.jDH({token:n,factory:n.\u0275fac,providedIn:"root"})}return n})();class ye{get enabled(){return this._enabled}set enabled(a){this._enabled=a,this._startAnchor&&this._endAnchor&&(this._toggleAnchorTabIndex(a,this._startAnchor),this._toggleAnchorTabIndex(a,this._endAnchor))}constructor(a,t,o,i,d=!1){this._element=a,this._checker=t,this._ngZone=o,this._document=i,this._hasAttached=!1,this.startAnchorListener=()=>this.focusLastTabbableElement(),this.endAnchorListener=()=>this.focusFirstTabbableElement(),this._enabled=!0,d||this.attachAnchors()}destroy(){const a=this._startAnchor,t=this._endAnchor;a&&(a.removeEventListener("focus",this.startAnchorListener),a.parentNode&&a.parentNode.removeChild(a)),t&&(t.removeEventListener("focus",this.endAnchorListener),t.parentNode&&t.parentNode.removeChild(t)),this._startAnchor=this._endAnchor=null,this._hasAttached=!1}attachAnchors(){return!!this._hasAttached||(this._ngZone.runOutsideAngular(()=>{this._startAnchor||(this._startAnchor=this._createAnchor(),this._startAnchor.addEventListener("focus",this.startAnchorListener)),this._endAnchor||(this._endAnchor=this._createAnchor(),this._endAnchor.addEventListener("focus",this.endAnchorListener))}),this._element.parentNode&&(this._element.parentNode.insertBefore(this._startAnchor,this._element),this._element.parentNode.insertBefore(this._endAnchor,this._element.nextSibling),this._hasAttached=!0),this._hasAttached)}focusInitialElementWhenReady(){return new Promise(a=>{this._executeOnStable(()=>a(this.focusInitialElement()))})}focusFirstTabbableElementWhenReady(){return new Promise(a=>{this._executeOnStable(()=>a(this.focusFirstTabbableElement()))})}focusLastTabbableElementWhenReady(){return new Promise(a=>{this._executeOnStable(()=>a(this.focusLastTabbableElement()))})}_getRegionBoundary(a){let t=this._element.querySelectorAll(`[cdk-focus-region-${a}], [cdkFocusRegion${a}], [cdk-focus-${a}]`);for(let o=0;o=0;o--){let i=t[o].nodeType===this._document.ELEMENT_NODE?this._getLastTabbableElement(t[o]):null;if(i)return i}return null}_createAnchor(){const a=this._document.createElement("div");return this._toggleAnchorTabIndex(this._enabled,a),a.classList.add("cdk-visually-hidden"),a.classList.add("cdk-focus-trap-anchor"),a.setAttribute("aria-hidden","true"),a}_toggleAnchorTabIndex(a,t){a?t.setAttribute("tabindex","0"):t.removeAttribute("tabindex")}toggleAnchors(a){this._startAnchor&&this._endAnchor&&(this._toggleAnchorTabIndex(a,this._startAnchor),this._toggleAnchorTabIndex(a,this._endAnchor))}_executeOnStable(a){this._ngZone.isStable?a():this._ngZone.onStable.pipe((0,de.s)(1)).subscribe(a)}}let Ce=(()=>{class n{constructor(t,o,i){this._checker=t,this._ngZone=o,this._document=i}create(t,o=!1){return new ye(t,this._checker,this._ngZone,this._document,o)}static#e=this.\u0275fac=function(o){return new(o||n)(e.KVO(T),e.KVO(e.SKi),e.KVO(c.qQ))};static#t=this.\u0275prov=e.jDH({token:n,factory:n.\u0275fac,providedIn:"root"})}return n})(),Me=(()=>{class n{get enabled(){return this.focusTrap.enabled}set enabled(t){this.focusTrap.enabled=R(t)}get autoCapture(){return this._autoCapture}set autoCapture(t){this._autoCapture=R(t)}constructor(t,o,i){this._elementRef=t,this._focusTrapFactory=o,this._previouslyFocusedElement=null,this._autoCapture=!1,this._document=i,this.focusTrap=this._focusTrapFactory.create(this._elementRef.nativeElement,!0)}ngOnDestroy(){this.focusTrap.destroy(),this._previouslyFocusedElement&&(this._previouslyFocusedElement.focus(),this._previouslyFocusedElement=null)}ngAfterContentInit(){this.focusTrap.attachAnchors(),this.autoCapture&&this._captureFocus()}ngDoCheck(){this.focusTrap.hasAttached()||this.focusTrap.attachAnchors()}ngOnChanges(t){const o=t.autoCapture;o&&!o.firstChange&&this.autoCapture&&this.focusTrap.hasAttached()&&this._captureFocus()}_captureFocus(){this._previouslyFocusedElement=this._document.activeElement,this.focusTrap.focusInitialElementWhenReady()}static#e=this.\u0275fac=function(o){return new(o||n)(e.rXU(e.aKT),e.rXU(Ce),e.rXU(c.qQ))};static#t=this.\u0275dir=e.FsC({type:n,selectors:[["","focusTrap",""]],inputs:{enabled:[0,"cdkTrapFocus","enabled"],autoCapture:[0,"cdkTrapFocusAutoCapture","autoCapture"]},exportAs:["focusTrap"],standalone:!0,features:[e.Jv_([_e,D,T]),e.OA$]})}return n})();const ke=["*"];let Se=(()=>{class n{constructor(t,o,i){this._element=o,this._renderer=i,this.isShown=!1,this.isAnimated=!1,this._focusEl=null,this.isModalHiding=!1,this.clickStartedInContent=!1,this.config=Object.assign({},t)}ngOnInit(){this._focusEl=h.Al.activeElement,this.isAnimated&&this._renderer.addClass(this._element.nativeElement,"fade"),this._renderer.setStyle(this._element.nativeElement,"display","block"),setTimeout(()=>{this.isShown=!0,this._renderer.addClass(this._element.nativeElement,"show")},this.isAnimated?150:0),h.Al&&h.Al.body&&(this.bsModalService&&1===this.bsModalService.getModalsCount()&&(this.bsModalService.checkScrollbar(),this.bsModalService.setScrollbar()),this._renderer.addClass(h.Al.body,b_OPEN),this._renderer.setStyle(h.Al.body,"overflow-y","hidden")),this._element.nativeElement&&this._element.nativeElement.focus()}onClickStarted(t){this.clickStartedInContent=t.target!==this._element.nativeElement}onClickStop(t){this.config.ignoreBackdropClick||"static"===this.config.backdrop||t.target!==this._element.nativeElement||this.clickStartedInContent?this.clickStartedInContent=!1:(this.bsModalService?.setDismissReason("backdrop-click"),this.hide())}onPopState(){this.bsModalService?.setDismissReason("browser-back-navigation-clicked"),this.hide()}onEsc(t){this.isShown&&((27===t.keyCode||"Escape"===t.key)&&t.preventDefault(),this.config.keyboard&&this.level===this.bsModalService?.getModalsCount()&&(this.bsModalService?.setDismissReason("esc"),this.hide()))}ngOnDestroy(){this.isShown&&this._hide()}hide(){if(!this.isModalHiding){if(this.config.closeInterceptor)return void this.config.closeInterceptor().then(()=>this._hide(),()=>{});this._hide()}}_hide(){this.isModalHiding=!0,this._renderer.removeClass(this._element.nativeElement,"show"),setTimeout(()=>{this.isShown=!1,h.Al&&h.Al.body&&1===this.bsModalService?.getModalsCount()&&(this._renderer.removeClass(h.Al.body,b_OPEN),this._renderer.setStyle(h.Al.body,"overflow-y","")),this.bsModalService?.hide(this.config.id),this.isModalHiding=!1,this._focusEl&&this._focusEl.focus()},this.isAnimated?300:0)}static#e=this.\u0275fac=function(o){return new(o||n)(e.rXU(S),e.rXU(e.aKT),e.rXU(e.sFG))};static#t=this.\u0275cmp=e.VBU({type:n,selectors:[["modal-container"]],hostAttrs:["role","dialog","tabindex","-1",1,"modal"],hostVars:3,hostBindings:function(o,i){1&o&&e.bIt("mousedown",function(m){return i.onClickStarted(m)})("click",function(m){return i.onClickStop(m)})("popstate",function(){return i.onPopState()},!1,e.tSv)("keydown.esc",function(m){return i.onEsc(m)},!1,e.tSv),2&o&&e.BMQ("aria-modal",!0)("aria-labelledby",i.config.ariaLabelledBy)("aria-describedby",i.config.ariaDescribedby)},standalone:!0,features:[e.Jv_([p]),e.aNF],ngContentSelectors:ke,decls:3,vars:2,consts:[["role","document","focusTrap",""],[1,"modal-content"]],template:function(o,i){1&o&&(e.NAR(),e.j41(0,"div",0)(1,"div",1),e.SdG(2),e.k0s()()),2&o&&e.HbH("modal-dialog"+(i.config.class?" "+i.config.class:""))},dependencies:[Me],encapsulation:2})}return n})(),v=(()=>{class n{set config(t){this._config=this.getConfig(t)}get config(){return this._config}get isShown(){return this._isShown}constructor(t,o,i,d,m){this._element=t,this._renderer=i,this.onShow=new e.bkB,this.onShown=new e.bkB,this.onHide=new e.bkB,this.onHidden=new e.bkB,this._isShown=!1,this.isBodyOverflowing=!1,this.originalBodyPadding=0,this.scrollbarWidth=0,this.timerHideModal=0,this.timerRmBackDrop=0,this.isNested=!1,this.clickStartedInContent=!1,this._focusEl=null,this._backdrop=d.createLoader(t,o,i),this._config=m||g}onClickStarted(t){this.clickStartedInContent=t.target!==this._element.nativeElement}onClickStop(t){this.config.ignoreBackdropClick||"static"===this.config.backdrop||t.target!==this._element.nativeElement||this.clickStartedInContent?this.clickStartedInContent=!1:(this.dismissReason="backdrop-click",this.hide(t))}onEsc(t){this._isShown&&((27===t.keyCode||"Escape"===t.key)&&t.preventDefault(),this.config.keyboard&&(this.dismissReason="esc",this.hide()))}ngOnDestroy(){this._isShown&&(this._isShown=!1,this.hideModal(),this._backdrop.dispose())}ngOnInit(){this._config=this._config||this.getConfig(),setTimeout(()=>{this._config.show&&this.show()},0)}toggle(){return this._isShown?this.hide():this.show()}show(){this.dismissReason=void 0,this.onShow.emit(this),!this._isShown&&(clearTimeout(this.timerHideModal),clearTimeout(this.timerRmBackDrop),this._isShown=!0,this.checkScrollbar(),this.setScrollbar(),h.Al&&h.Al.body&&(h.Al.body.classList.contains(b_OPEN)?this.isNested=!0:(this._renderer.addClass(h.Al.body,b_OPEN),this._renderer.setStyle(h.Al.body,"overflow-y","hidden"))),this.showBackdrop(()=>{this.showElement()}))}hide(t){if(this._isShown){if(t&&t.preventDefault(),this.config.closeInterceptor)return void this.config.closeInterceptor().then(()=>this._hide(),()=>{});this._hide()}}_hide(){this.onHide.emit(this),h.x.clearTimeout(this.timerHideModal),h.x.clearTimeout(this.timerRmBackDrop),this._isShown=!1,this._renderer.removeClass(this._element.nativeElement,"show"),this._config.animated?this.timerHideModal=h.x.setTimeout(()=>this.hideModal(),300):this.hideModal(),this._focusEl&&this._focusEl.focus()}getConfig(t){return Object.assign({},this._config,t)}showElement(){(!this._element.nativeElement.parentNode||this._element.nativeElement.parentNode.nodeType!==Node.ELEMENT_NODE)&&h.Al&&h.Al.body&&h.Al.body.appendChild(this._element.nativeElement),this._renderer.setAttribute(this._element.nativeElement,"aria-hidden","false"),this._renderer.setAttribute(this._element.nativeElement,"aria-modal","true"),this._renderer.setStyle(this._element.nativeElement,"display","block"),this._renderer.setProperty(this._element.nativeElement,"scrollTop",0),this._config.animated&&h.Aq.reflow(this._element.nativeElement),this._renderer.addClass(this._element.nativeElement,"show");const t=()=>{this._config.focus&&this._element.nativeElement.focus(),this.onShown.emit(this)};this._config.animated?setTimeout(t,300):t()}hideModal(){this._renderer.setAttribute(this._element.nativeElement,"aria-hidden","true"),this._renderer.setStyle(this._element.nativeElement,"display","none"),this.showBackdrop(()=>{this.isNested||(h.Al&&h.Al.body&&(this._renderer.removeClass(h.Al.body,b_OPEN),this._renderer.setStyle(h.Al.body,"overflow-y","")),this.resetScrollbar()),this.resetAdjustments(),this.focusOtherModal(),this.onHidden.emit(this)})}showBackdrop(t){if(!this._isShown||!this.config.backdrop||this.backdrop&&this.backdrop.instance.isShown)if(!this._isShown&&this.backdrop){this.backdrop.instance.isShown=!1;const o=()=>{this.removeBackdrop(),t&&t()};this.backdrop.instance.isAnimated?this.timerRmBackDrop=h.x.setTimeout(o,150):o()}else t&&t();else{if(this.removeBackdrop(),this._backdrop.attach(F).to("body").show({isAnimated:this._config.animated}),this.backdrop=this._backdrop._componentRef,!t)return;if(!this._config.animated)return void t();setTimeout(t,150)}}removeBackdrop(){this._backdrop.hide()}focusOtherModal(){if(null==this._element.nativeElement.parentElement)return;const t=this._element.nativeElement.parentElement.querySelectorAll(".in[bsModal]");t.length&&t[t.length-1].focus()}resetAdjustments(){this._renderer.setStyle(this._element.nativeElement,"paddingLeft",""),this._renderer.setStyle(this._element.nativeElement,"paddingRight","")}checkScrollbar(){this.isBodyOverflowing=h.Al.body.clientWidth{class n{static forRoot(){return{ngModule:n,providers:[p,M.Li,I.DF]}}static forChild(){return{ngModule:n,providers:[p,M.Li,I.DF]}}static#e=this.\u0275fac=function(o){return new(o||n)};static#t=this.\u0275mod=e.$C({type:n});static#n=this.\u0275inj=e.G2t({imports:[ae]})}return n})();var f=s(37472);function Fe(n,a){if(1&n){const t=e.RV6();e.j41(0,"div",2)(1,"h4",3),e.EFF(2,"Modal"),e.k0s(),e.j41(3,"button",4),e.bIt("click",function(){e.eBV(t);const i=e.XpG();return e.Njj(null==i.modalRef?null:i.modalRef.hide())}),e.j41(4,"span",5),e.EFF(5,"\xd7"),e.k0s()()(),e.j41(6,"div",6),e.EFF(7," This is a modal. "),e.k0s()}}let O=(()=>{class n{constructor(t){this.modalService=t}openModal(t){this.modalRef=this.modalService.show(t)}static#e=this.\u0275fac=function(o){return new(o||n)(e.rXU(p))};static#t=this.\u0275cmp=e.VBU({type:n,selectors:[["demo-modal-service-static"]],decls:4,vars:0,consts:[["template",""],["type","button",1,"btn","btn-primary",3,"click"],[1,"modal-header"],[1,"modal-title","pull-left"],["type","button","aria-label","Close",1,"btn-close","close","pull-right",3,"click"],["aria-hidden","true",1,"visually-hidden"],[1,"modal-body"]],template:function(o,i){if(1&o){const d=e.RV6();e.j41(0,"button",1),e.bIt("click",function(){e.eBV(d);const r=e.sdS(3);return e.Njj(i.openModal(r))}),e.EFF(1,"Create template modal"),e.k0s(),e.DNE(2,Fe,8,0,"ng-template",null,0,e.C5r)}},encapsulation:2})}return n})();function Re(n,a){if(1&n&&(e.j41(0,"li"),e.EFF(1),e.k0s()),2&n){const t=a.$implicit;e.R7$(),e.JRh(t)}}function De(n,a){if(1&n&&(e.j41(0,"ul"),e.DNE(1,Re,2,1,"li",8),e.k0s()),2&n){const t=e.XpG();e.R7$(),e.Y8G("ngForOf",t.list)}}let N=(()=>{class n{constructor(t){this.modalService=t}openModalWithComponent(){this.bsModalRef=this.modalService.show(Te,{initialState:{list:["Open a modal with component","Pass your data","Do something else","..."],title:"Modal with component"}}),this.bsModalRef.content.closeBtnName="Close"}static#e=this.\u0275fac=function(o){return new(o||n)(e.rXU(p))};static#t=this.\u0275cmp=e.VBU({type:n,selectors:[["demo-modal-service-component"]],decls:2,vars:0,consts:[["type","button",1,"btn","btn-primary",3,"click"]],template:function(o,i){1&o&&(e.j41(0,"button",0),e.bIt("click",function(){return i.openModalWithComponent()}),e.EFF(1,"Create modal with component"),e.k0s())},encapsulation:2})}return n})(),Te=(()=>{class n{constructor(t){this.bsModalRef=t,this.list=[]}ngOnInit(){this.list.push("PROFIT!!!")}static#e=this.\u0275fac=function(o){return new(o||n)(e.rXU(y))};static#t=this.\u0275cmp=e.VBU({type:n,selectors:[["modal-content"]],decls:11,vars:3,consts:[[1,"modal-header"],[1,"modal-title","pull-left"],["type","button","aria-label","Close",1,"btn-close","close","pull-right",3,"click"],["aria-hidden","true",1,"visually-hidden"],[1,"modal-body"],[4,"ngIf"],[1,"modal-footer"],["type","button",1,"btn","btn-default",3,"click"],[4,"ngFor","ngForOf"]],template:function(o,i){1&o&&(e.j41(0,"div",0)(1,"h4",1),e.EFF(2),e.k0s(),e.j41(3,"button",2),e.bIt("click",function(){return i.bsModalRef.hide()}),e.j41(4,"span",3),e.EFF(5,"\xd7"),e.k0s()()(),e.j41(6,"div",4),e.DNE(7,De,2,1,"ul",5),e.k0s(),e.j41(8,"div",6)(9,"button",7),e.bIt("click",function(){return i.bsModalRef.hide()}),e.EFF(10),e.k0s()()),2&o&&(e.R7$(2),e.JRh(i.title),e.R7$(5),e.Y8G("ngIf",i.list.length),e.R7$(3),e.JRh(i.closeBtnName))},dependencies:[c.Sq,c.bT],encapsulation:2})}return n})();function we(n,a){if(1&n){const t=e.RV6();e.j41(0,"div",3)(1,"h4",4),e.EFF(2,"First modal"),e.k0s(),e.j41(3,"button",5),e.bIt("click",function(){e.eBV(t);const i=e.XpG();return e.Njj(null==i.modalRef?null:i.modalRef.hide())}),e.j41(4,"span",6),e.EFF(5,"\xd7"),e.k0s()()(),e.j41(6,"div",7),e.EFF(7," This is a first modal"),e.nrm(8,"br"),e.j41(9,"button",2),e.bIt("click",function(){e.eBV(t);const i=e.XpG(),d=e.sdS(5);return e.Njj(i.openModal2(d))}),e.EFF(10,"Open second modal"),e.k0s(),e.j41(11,"button",2),e.bIt("click",function(){e.eBV(t);const i=e.XpG();return e.Njj(i.closeModal(1))}),e.EFF(12,"Close self"),e.k0s(),e.j41(13,"button",2),e.bIt("click",function(){e.eBV(t);const i=e.XpG();return e.Njj(i.closeModal())}),e.EFF(14,"Close all modal"),e.k0s()()}}function Be(n,a){if(1&n){const t=e.RV6();e.j41(0,"button",9),e.bIt("click",function(){e.eBV(t);const i=e.XpG(2);return e.Njj(i.closeFirstModal())}),e.EFF(1,"Close first modal"),e.k0s()}}function je(n,a){if(1&n){const t=e.RV6();e.j41(0,"div",3)(1,"h4",4),e.EFF(2,"Second modal"),e.k0s(),e.j41(3,"button",5),e.bIt("click",function(){e.eBV(t);const i=e.XpG();return e.Njj(null==i.modalRef2?null:i.modalRef2.hide())}),e.j41(4,"span",6),e.EFF(5,"\xd7"),e.k0s()()(),e.j41(6,"div",7),e.EFF(7," This is nested modal."),e.nrm(8,"br"),e.DNE(9,Be,2,0,"button",8),e.j41(10,"button",9),e.bIt("click",function(){e.eBV(t);const i=e.XpG();return e.Njj(i.closeModal(2))}),e.EFF(11,"Close self"),e.k0s(),e.j41(12,"button",9),e.bIt("click",function(){e.eBV(t);const i=e.XpG();return e.Njj(i.closeModal())}),e.EFF(13,"Close all modal"),e.k0s()()}if(2&n){const t=e.XpG();e.R7$(9),e.Y8G("ngIf",t.modalRef)}}let x=(()=>{class n{constructor(t){this.modalService=t}openModal(t){this.modalRef=this.modalService.show(t,{id:1,class:"modal-lg"})}openModal2(t){this.modalRef2=this.modalService.show(t,{id:2,class:"second"})}closeFirstModal(){this.modalRef&&(this.modalRef.hide(),this.modalRef=null)}closeModal(t){this.modalService.hide(t)}static#e=this.\u0275fac=function(o){return new(o||n)(e.rXU(p))};static#t=this.\u0275cmp=e.VBU({type:n,selectors:[["demo-modal-service-nested"]],decls:6,vars:0,consts:[["template",""],["templateNested",""],["type","button",1,"btn","btn-primary",3,"click"],[1,"modal-header"],[1,"modal-title","pull-left"],["type","button","aria-label","Close",1,"btn-close","close","pull-right",3,"click"],["aria-hidden","true",1,"visually-hidden"],[1,"modal-body"],["type","button","class","btn btn-danger",3,"click",4,"ngIf"],["type","button",1,"btn","btn-danger",3,"click"]],template:function(o,i){if(1&o){const d=e.RV6();e.j41(0,"button",2),e.bIt("click",function(){e.eBV(d);const r=e.sdS(3);return e.Njj(i.openModal(r))}),e.EFF(1,"Open first modal"),e.k0s(),e.DNE(2,we,15,0,"ng-template",null,0,e.C5r)(4,je,14,1,"ng-template",null,1,e.C5r)}},dependencies:[c.bT],encapsulation:2})}return n})();var V=s(18359),P=s(84572);function Ae(n,a){if(1&n&&(e.j41(0,"pre",3),e.EFF(1),e.k0s()),2&n){const t=a.$implicit;e.R7$(),e.JRh(t)}}function Ie(n,a){if(1&n){const t=e.RV6();e.j41(0,"div",4)(1,"h4",5),e.EFF(2,"Modal"),e.k0s(),e.j41(3,"button",6),e.bIt("click",function(){e.eBV(t);const i=e.XpG();return e.Njj(null==i.modalRef?null:i.modalRef.hide())}),e.j41(4,"span",7),e.EFF(5,"\xd7"),e.k0s()()(),e.j41(6,"div",8),e.EFF(7," This is a modal "),e.k0s()}}let H=(()=>{class n{constructor(t,o){this.modalService=t,this.changeDetection=o,this.subscriptions=new V.yU,this.messages=[]}openModal(t){this.messages=[];const o=(0,P.z)([this.modalService.onShow,this.modalService.onShown,this.modalService.onHide,this.modalService.onHidden]).subscribe(()=>this.changeDetection.markForCheck());this.subscriptions.add(this.modalService.onShow.subscribe(()=>{this.messages.push("onShow event has been fired")})),this.subscriptions.add(this.modalService.onShown.subscribe(()=>{this.messages.push("onShown event has been fired")})),this.subscriptions.add(this.modalService.onHide.subscribe(i=>{"string"!=typeof i&&(i=`onHide(), modalId is : ${i.id}`),this.messages.push("onHide event has been fired"+(i?`, dismissed by ${i}`:""))})),this.subscriptions.add(this.modalService.onHidden.subscribe(i=>{"string"!=typeof i&&(i=`onHide(), modalId is : ${i.id}`),this.messages.push("onHidden event has been fired"+(i?`, dismissed by ${i}`:"")),this.unsubscribe()})),this.subscriptions.add(o),this.modalRef=this.modalService.show(t)}unsubscribe(){this.subscriptions.unsubscribe()}static#e=this.\u0275fac=function(o){return new(o||n)(e.rXU(p),e.rXU(e.gRc))};static#t=this.\u0275cmp=e.VBU({type:n,selectors:[["demo-modal-service-events"]],decls:7,vars:1,consts:[["template",""],["type","button",1,"btn","btn-primary",3,"click"],["class","card card-block card-header",4,"ngFor","ngForOf"],[1,"card","card-block","card-header"],[1,"modal-header"],[1,"modal-title","pull-left"],["type","button","aria-label","Close",1,"btn-close","close","pull-right",3,"click"],["aria-hidden","true",1,"visually-hidden"],[1,"modal-body"]],template:function(o,i){if(1&o){const d=e.RV6();e.j41(0,"button",1),e.bIt("click",function(){e.eBV(d);const r=e.sdS(6);return e.Njj(i.openModal(r))}),e.EFF(1,"Open modal"),e.k0s(),e.nrm(2,"br")(3,"br"),e.DNE(4,Ae,2,1,"pre",2)(5,Ie,8,0,"ng-template",null,0,e.C5r)}2&o&&(e.R7$(4),e.Y8G("ngForOf",i.messages))},dependencies:[c.Sq],styles:[".card[_ngcontent-%COMP%]{margin-bottom:.75rem;padding:8px}"]})}return n})();function Oe(n,a){if(1&n){const t=e.RV6();e.j41(0,"div",3)(1,"h4",4),e.EFF(2,"Modal"),e.k0s(),e.j41(3,"button",5),e.bIt("click",function(){e.eBV(t);const i=e.XpG();return e.Njj(null==i.modalRef?null:i.modalRef.hide())}),e.j41(4,"span",6),e.EFF(5,"\xd7"),e.k0s()()(),e.j41(6,"div",7),e.EFF(7," Just a modal with a bunch of words inside, nothing serious. "),e.k0s()}}let W=(()=>{class n{constructor(t){this.modalService=t,this.config={animated:!0}}openModal(t){this.modalRef=this.modalService.show(t,this.config)}static#e=this.\u0275fac=function(o){return new(o||n)(e.rXU(p))};static#t=this.\u0275cmp=e.VBU({type:n,selectors:[["demo-modal-service-disable-animation"]],decls:8,vars:1,consts:[["template",""],["type","button",1,"btn","btn-primary",3,"click"],["type","button",1,"btn","btn-primary","btn-sm",3,"click"],[1,"modal-header"],[1,"modal-title","pull-left"],["type","button","aria-label","Close",1,"close","btn-close","pull-right",3,"click"],["aria-hidden","true",1,"visually-hidden"],[1,"modal-body"]],template:function(o,i){if(1&o){const d=e.RV6();e.j41(0,"button",1),e.bIt("click",function(){e.eBV(d);const r=e.sdS(7);return e.Njj(i.openModal(r))}),e.EFF(1,"Open modal"),e.k0s(),e.nrm(2,"br")(3,"br"),e.j41(4,"button",2),e.bIt("click",function(){return e.eBV(d),e.Njj(i.config.animated=!i.config.animated)}),e.EFF(5),e.k0s(),e.DNE(6,Oe,8,0,"ng-template",null,0,e.C5r)}2&o&&(e.R7$(5),e.SpI("",i.config.animated?"Disable":"Enable"," animation"))},encapsulation:2})}return n})();function Ne(n,a){if(1&n){const t=e.RV6();e.j41(0,"div",2)(1,"h4",3),e.EFF(2,"Modal"),e.k0s(),e.j41(3,"button",4),e.bIt("click",function(){e.eBV(t);const i=e.XpG();return e.Njj(null==i.modalRef?null:i.modalRef.hide())}),e.j41(4,"span",5),e.EFF(5,"\xd7"),e.k0s()()(),e.j41(6,"div",6),e.EFF(7," Just a modal with a bunch of words inside, nothing serious. "),e.k0s()}}let U=(()=>{class n{constructor(t){this.modalService=t}openModalWithClass(t){this.modalRef=this.modalService.show(t,Object.assign({},{class:"gray modal-lg"}))}static#e=this.\u0275fac=function(o){return new(o||n)(e.rXU(p))};static#t=this.\u0275cmp=e.VBU({type:n,selectors:[["demo-modal-service-custom-css-class"]],decls:5,vars:0,consts:[["template",""],["type","button",1,"btn","btn-primary",3,"click"],[1,"modal-header"],[1,"modal-title","pull-left"],["type","button","aria-label","Close",1,"close","btn-close","pull-right",3,"click"],["aria-hidden","true",1,"visually-hidden"],[1,"modal-body"]],template:function(o,i){if(1&o){const d=e.RV6();e.j41(0,"button",1),e.bIt("click",function(){e.eBV(d);const r=e.sdS(4);return e.Njj(i.openModalWithClass(r))}),e.EFF(1,"Open modal with custom css class"),e.k0s(),e.nrm(2,"br"),e.DNE(3,Ne,8,0,"ng-template",null,0,e.C5r)}},encapsulation:2})}return n})();function xe(n,a){if(1&n){const t=e.RV6();e.j41(0,"div",3)(1,"h4",4),e.EFF(2,"Modal"),e.k0s(),e.j41(3,"button",5),e.bIt("click",function(){e.eBV(t);const i=e.XpG();return e.Njj(null==i.modalRef?null:i.modalRef.hide())}),e.j41(4,"span",6),e.EFF(5,"\xd7"),e.k0s()()(),e.j41(6,"div",7),e.EFF(7," Just a modal with a bunch of words inside, nothing serious. "),e.k0s()}}let L=(()=>{class n{constructor(t){this.modalService=t,this.config={keyboard:!0}}openModal(t){this.modalRef=this.modalService.show(t,this.config)}static#e=this.\u0275fac=function(o){return new(o||n)(e.rXU(p))};static#t=this.\u0275cmp=e.VBU({type:n,selectors:[["demo-modal-service-disable-esc-closing"]],decls:8,vars:1,consts:[["template",""],["type","button",1,"btn","btn-primary",3,"click"],["type","button",1,"btn","btn-primary","btn-sm",3,"click"],[1,"modal-header"],[1,"modal-title","pull-left"],["type","button","aria-label","Close",1,"close","btn-close","pull-right",3,"click"],["aria-hidden","true",1,"visually-hidden"],[1,"modal-body"]],template:function(o,i){if(1&o){const d=e.RV6();e.j41(0,"button",1),e.bIt("click",function(){e.eBV(d);const r=e.sdS(7);return e.Njj(i.openModal(r))}),e.EFF(1,"Open modal"),e.k0s(),e.nrm(2,"br")(3,"br"),e.j41(4,"button",2),e.bIt("click",function(){return e.eBV(d),e.Njj(i.config.keyboard=!i.config.keyboard)}),e.EFF(5),e.k0s(),e.DNE(6,xe,8,0,"ng-template",null,0,e.C5r)}2&o&&(e.R7$(5),e.SpI("",i.config.keyboard?"Disable":"Enable"," Esc"))},encapsulation:2})}return n})();function Ve(n,a){if(1&n){const t=e.RV6();e.j41(0,"div",3)(1,"h4",4),e.EFF(2,"Modal"),e.k0s(),e.j41(3,"button",5),e.bIt("click",function(){e.eBV(t);const i=e.XpG();return e.Njj(null==i.modalRef?null:i.modalRef.hide())}),e.j41(4,"span",6),e.EFF(5,"\xd7"),e.k0s()()(),e.j41(6,"div",7),e.EFF(7," Just a modal with a bunch of words inside, nothing serious. "),e.k0s()}}let X=(()=>{class n{constructor(t){this.modalService=t,this.config={backdrop:!0,ignoreBackdropClick:!1}}openModal(t){this.modalRef=this.modalService.show(t,this.config)}static#e=this.\u0275fac=function(o){return new(o||n)(e.rXU(p))};static#t=this.\u0275cmp=e.VBU({type:n,selectors:[["demo-modal-service-disable-backdrop"]],decls:10,vars:2,consts:[["template",""],["type","button",1,"btn","btn-primary",3,"click"],["type","button",1,"btn","btn-primary","btn-sm",3,"click"],[1,"modal-header"],[1,"modal-title","pull-left"],["type","button","aria-label","Close",1,"close","btn-close","pull-right",3,"click"],["aria-hidden","true",1,"visually-hidden"],[1,"modal-body"]],template:function(o,i){if(1&o){const d=e.RV6();e.j41(0,"button",1),e.bIt("click",function(){e.eBV(d);const r=e.sdS(9);return e.Njj(i.openModal(r))}),e.EFF(1,"Open modal"),e.k0s(),e.nrm(2,"br")(3,"br"),e.j41(4,"button",2),e.bIt("click",function(){return e.eBV(d),e.Njj(i.config.backdrop=!i.config.backdrop)}),e.EFF(5),e.k0s(),e.j41(6,"button",2),e.bIt("click",function(){return e.eBV(d),e.Njj(i.config.ignoreBackdropClick=!i.config.ignoreBackdropClick)}),e.EFF(7),e.k0s(),e.DNE(8,Ve,8,0,"ng-template",null,0,e.C5r)}2&o&&(e.R7$(5),e.SpI("",i.config.backdrop?"Disable":"Enable"," backdrop"),e.R7$(2),e.SpI("",i.config.ignoreBackdropClick?"Enable":"Disable"," backdrop click"))},encapsulation:2})}return n})();function Pe(n,a){if(1&n){const t=e.RV6();e.j41(0,"div",3)(1,"p"),e.EFF(2,"Do you want to confirm?"),e.k0s(),e.j41(3,"button",4),e.bIt("click",function(){e.eBV(t);const i=e.XpG();return e.Njj(i.confirm())}),e.EFF(4,"Yes"),e.k0s(),e.j41(5,"button",1),e.bIt("click",function(){e.eBV(t);const i=e.XpG();return e.Njj(i.decline())}),e.EFF(6,"No"),e.k0s()()}}let $=(()=>{class n{constructor(t){this.modalService=t}openModal(t){this.modalRef=this.modalService.show(t,{class:"modal-sm"})}confirm(){this.message="Confirmed!",this.modalRef?.hide()}decline(){this.message="Declined!",this.modalRef?.hide()}static#e=this.\u0275fac=function(o){return new(o||n)(e.rXU(p))};static#t=this.\u0275cmp=e.VBU({type:n,selectors:[["demo-modal-service-confirm-window"]],decls:8,vars:1,consts:[["template",""],["type","button",1,"btn","btn-primary",3,"click"],[1,"card","card-block","card-header"],[1,"modal-body","text-center"],["type","button",1,"btn","btn-default",3,"click"]],template:function(o,i){if(1&o){const d=e.RV6();e.j41(0,"button",1),e.bIt("click",function(){e.eBV(d);const r=e.sdS(7);return e.Njj(i.openModal(r))}),e.EFF(1,"Open modal"),e.k0s(),e.nrm(2,"br")(3,"br"),e.j41(4,"pre",2),e.EFF(5),e.k0s(),e.DNE(6,Pe,7,0,"ng-template",null,0,e.C5r)}2&o&&(e.R7$(5),e.JRh(i.message))},encapsulation:2})}return n})();function He(n,a){if(1&n){const t=e.RV6();e.j41(0,"div",2)(1,"h4",3),e.EFF(2,"Modal"),e.k0s(),e.j41(3,"button",4),e.bIt("click",function(){e.eBV(t);const i=e.XpG();return e.Njj(null==i.modalRef?null:i.modalRef.hide())}),e.j41(4,"span",5),e.EFF(5,"\xd7"),e.k0s()()(),e.j41(6,"div",6),e.EFF(7," This is a modal. "),e.k0s(),e.j41(8,"button",7),e.bIt("click",function(){e.eBV(t);const i=e.XpG();return e.Njj(i.setModalClass())}),e.EFF(9,"Change width"),e.k0s()}}let K=(()=>{class n{constructor(t){this.modalService=t,this.valueWidth=!1}openModal(t){this.modalRef=this.modalService.show(t,Object.assign({},{class:"modal-sm"}))}setModalClass(){this.valueWidth=!this.valueWidth;const t=this.valueWidth?"modal-lg":"modal-sm";this.modalRef?.setClass(t)}static#e=this.\u0275fac=function(o){return new(o||n)(e.rXU(p))};static#t=this.\u0275cmp=e.VBU({type:n,selectors:[["demo-modal-change-class"]],decls:4,vars:0,consts:[["template",""],["type","button",1,"btn","btn-primary",3,"click"],[1,"modal-header"],[1,"modal-title","pull-left"],["type","button","aria-label","Close",1,"close","btn-close","pull-right",3,"click"],["aria-hidden","true",1,"visually-hidden"],[1,"modal-body"],["type","button",1,"btn",3,"click"]],template:function(o,i){if(1&o){const d=e.RV6();e.j41(0,"button",1),e.bIt("click",function(){e.eBV(d);const r=e.sdS(3);return e.Njj(i.openModal(r))}),e.EFF(1,"Create template modal"),e.k0s(),e.DNE(2,He,10,0,"ng-template",null,0,e.C5r)}},encapsulation:2})}return n})();const We=()=>({backdrop:"static"});let G=(()=>{class n{static#e=this.\u0275fac=function(o){return new(o||n)};static#t=this.\u0275cmp=e.VBU({type:n,selectors:[["demo-modal-static"]],decls:17,vars:2,consts:[["staticModal","bs-modal"],["type","button",1,"btn","btn-primary",3,"click"],["bsModal","","tabindex","-1","role","dialog","aria-labelledby","dialog-static-name",1,"modal","fade",3,"config"],[1,"modal-dialog","modal-sm"],[1,"modal-content"],[1,"modal-header"],["id","dialog-static-name",1,"modal-title","pull-left"],["type","button","aria-label","Close",1,"btn-close","close","pull-right",3,"click"],["aria-hidden","true",1,"visually-hidden"],[1,"modal-body"]],template:function(o,i){if(1&o){const d=e.RV6();e.j41(0,"button",1),e.bIt("click",function(){e.eBV(d);const r=e.sdS(3);return e.Njj(r.show())}),e.EFF(1,"Static modal"),e.k0s(),e.j41(2,"div",2,0)(4,"div",3)(5,"div",4)(6,"div",5)(7,"h4",6),e.EFF(8,"Static modal"),e.k0s(),e.j41(9,"button",7),e.bIt("click",function(){e.eBV(d);const r=e.sdS(3);return e.Njj(r.hide())}),e.j41(10,"span",8),e.EFF(11,"\xd7"),e.k0s()()(),e.j41(12,"div",9),e.EFF(13," This is static modal, backdrop click will not close it. Click "),e.j41(14,"b"),e.EFF(15,"\xd7"),e.k0s(),e.EFF(16," to close modal. "),e.k0s()()()()}2&o&&(e.R7$(2),e.Y8G("config",e.lJ4(1,We)))},dependencies:[v],encapsulation:2})}return n})(),z=(()=>{class n{static#e=this.\u0275fac=function(o){return new(o||n)};static#t=this.\u0275cmp=e.VBU({type:n,selectors:[["demo-modal-sizes"]],decls:30,vars:0,consts:[["lgModal","bs-modal"],["smModal","bs-modal"],[1,"btn","btn-primary",3,"click"],["bsModal","","tabindex","-1","role","dialog","aria-labelledby","dialog-sizes-name1",1,"modal","fade"],[1,"modal-dialog","modal-lg"],[1,"modal-content"],[1,"modal-header"],["id","dialog-sizes-name1",1,"modal-title","pull-left"],["type","button","aria-label","Close",1,"btn-close","close","pull-right",3,"click"],["aria-hidden","true",1,"visually-hidden"],[1,"modal-body"],["type","button",1,"btn","btn-primary",3,"click"],["bsModal","","tabindex","-1","role","dialog","aria-labelledby","dialog-sizes-name2",1,"modal","fade"],[1,"modal-dialog","modal-sm"],["id","dialog-sizes-name2",1,"modal-title","pull-left"]],template:function(o,i){if(1&o){const d=e.RV6();e.j41(0,"p"),e.EFF(1,"Small modal window have small width on screens only above 768px(boostrap3) and 576px(bootstrap4)"),e.k0s(),e.j41(2,"button",2),e.bIt("click",function(){e.eBV(d);const r=e.sdS(5);return e.Njj(r.show())}),e.EFF(3,"Large modal"),e.k0s(),e.j41(4,"div",3,0)(6,"div",4)(7,"div",5)(8,"div",6)(9,"h4",7),e.EFF(10,"Large modal"),e.k0s(),e.j41(11,"button",8),e.bIt("click",function(){e.eBV(d);const r=e.sdS(5);return e.Njj(r.hide())}),e.j41(12,"span",9),e.EFF(13,"\xd7"),e.k0s()()(),e.j41(14,"div",10),e.EFF(15," ... "),e.k0s()()()(),e.j41(16,"button",11),e.bIt("click",function(){e.eBV(d);const r=e.sdS(19);return e.Njj(r.show())}),e.EFF(17,"Small modal"),e.k0s(),e.j41(18,"div",12,1)(20,"div",13)(21,"div",5)(22,"div",6)(23,"h4",14),e.EFF(24,"Small modal"),e.k0s(),e.j41(25,"button",8),e.bIt("click",function(){e.eBV(d);const r=e.sdS(19);return e.Njj(r.hide())}),e.j41(26,"span",9),e.EFF(27,"\xd7"),e.k0s()()(),e.j41(28,"div",10),e.EFF(29," ... "),e.k0s()()()()}},dependencies:[v],encapsulation:2})}return n})();const Ue=["childModal"];let J=(()=>{class n{showChildModal(){this.childModal?.show()}hideChildModal(){this.childModal?.hide()}static#e=this.\u0275fac=function(o){return new(o||n)};static#t=this.\u0275cmp=e.VBU({type:n,selectors:[["demo-modal-child"]],viewQuery:function(o,i){if(1&o&&e.GBs(Ue,5),2&o){let d;e.mGM(d=e.lsd())&&(i.childModal=d.first)}},decls:14,vars:0,consts:[["childModal","bs-modal"],["type","button",1,"btn","btn-primary",3,"click"],["bsModal","","tabindex","-1","role","dialog","aria-labelledby","dialog-child-name",1,"modal","fade"],[1,"modal-dialog","modal-sm"],[1,"modal-content"],[1,"modal-header"],["id","dialog-child-name",1,"modal-title","pull-left"],["type","button","aria-label","Close",1,"close","pull-right","btn-close",3,"click"],["aria-hidden","true",1,"visually-hidden"],[1,"modal-body"]],template:function(o,i){if(1&o){const d=e.RV6();e.j41(0,"button",1),e.bIt("click",function(){return e.eBV(d),e.Njj(i.showChildModal())}),e.EFF(1,"Open child modal"),e.k0s(),e.j41(2,"div",2,0)(4,"div",3)(5,"div",4)(6,"div",5)(7,"h4",6),e.EFF(8,"Child modal"),e.k0s(),e.j41(9,"button",7),e.bIt("click",function(){return e.eBV(d),e.Njj(i.hideChildModal())}),e.j41(10,"span",8),e.EFF(11,"\xd7"),e.k0s()()(),e.j41(12,"div",9),e.EFF(13," I am a child modal, opened from parent component! "),e.k0s()()()()}},dependencies:[v],encapsulation:2})}return n})(),Y=(()=>{class n{static#e=this.\u0275fac=function(o){return new(o||n)};static#t=this.\u0275cmp=e.VBU({type:n,selectors:[["demo-modal-nested"]],decls:47,vars:0,consts:[["parentModal","bs-modal"],["childModal","bs-modal"],["thirdModal","bs-modal"],["type","button",1,"btn","btn-primary",3,"click"],["bsModal","","tabindex","-1","role","dialog","aria-labelledby","dialog-nested-name1",1,"modal","fade"],[1,"modal-dialog","modal-lg"],[1,"modal-content"],[1,"modal-header"],["id","dialog-nested-name1",1,"modal-title","pull-left"],["type","button","aria-label","Close",1,"btn-close","close","pull-right",3,"click"],["aria-hidden","true",1,"visually-hidden"],[1,"modal-body"],["bsModal","","tabindex","-1","role","dialog","aria-labelledby","dialog-nested-name2",1,"modal","fade"],[1,"modal-dialog"],["id","dialog-nested-name2",1,"modal-title","pull-left"],["bsModal","","tabindex","-1","role","dialog","aria-labelledby","dialog-nested-name3",1,"modal","fade"],[1,"modal-dialog","modal-sm"],["id","dialog-nested-name3",1,"modal-title","pull-left"]],template:function(o,i){if(1&o){const d=e.RV6();e.j41(0,"button",3),e.bIt("click",function(){e.eBV(d);const r=e.sdS(3);return e.Njj(r.show())}),e.EFF(1,"Open parent modal"),e.k0s(),e.j41(2,"div",4,0)(4,"div",5)(5,"div",6)(6,"div",7)(7,"h4",8),e.EFF(8,"First modal"),e.k0s(),e.j41(9,"button",9),e.bIt("click",function(){e.eBV(d);const r=e.sdS(3);return e.Njj(r.hide())}),e.j41(10,"span",10),e.EFF(11,"\xd7"),e.k0s()()(),e.j41(12,"div",11)(13,"button",3),e.bIt("click",function(){e.eBV(d);const r=e.sdS(16);return e.Njj(r.show())}),e.EFF(14,"Open second modal"),e.k0s()()()()(),e.j41(15,"div",12,1)(17,"div",13)(18,"div",6)(19,"div",7)(20,"h4",14),e.EFF(21,"Second modal"),e.k0s(),e.j41(22,"button",9),e.bIt("click",function(){e.eBV(d);const r=e.sdS(16);return e.Njj(r.hide())}),e.j41(23,"span",10),e.EFF(24,"\xd7"),e.k0s()()(),e.j41(25,"div",11),e.EFF(26," This is second modal "),e.nrm(27,"br"),e.j41(28,"button",3),e.bIt("click",function(){e.eBV(d);const r=e.sdS(31);return e.Njj(r.show())}),e.EFF(29,"Open third modal"),e.k0s()()()()(),e.j41(30,"div",15,2)(32,"div",16)(33,"div",6)(34,"div",7)(35,"h4",17),e.EFF(36,"Third modal"),e.k0s(),e.j41(37,"button",9),e.bIt("click",function(){e.eBV(d);const r=e.sdS(31);return e.Njj(r.hide())}),e.j41(38,"span",10),e.EFF(39,"\xd7"),e.k0s()()(),e.j41(40,"div",11),e.EFF(41," This is third modal "),e.nrm(42,"br"),e.EFF(43," Click "),e.j41(44,"b"),e.EFF(45,"\xd7"),e.k0s(),e.EFF(46," to close modal. "),e.k0s()()()()}},dependencies:[v],encapsulation:2})}return n})();function Le(n,a){if(1&n&&(e.j41(0,"pre",11),e.EFF(1),e.k0s()),2&n){const t=a.$implicit;e.R7$(),e.JRh(t)}}let Q=(()=>{class n{showModal(){this.messages=[],this.modal?.show()}handler(t,o){this.messages?.push(`event ${t} is fired${o.dismissReason?", dismissed by "+o.dismissReason:""}`)}static#e=this.\u0275fac=function(o){return new(o||n)};static#t=this.\u0275cmp=e.VBU({type:n,selectors:[["demo-modal-events"]],viewQuery:function(o,i){if(1&o&&e.GBs(v,5),2&o){let d;e.mGM(d=e.lsd())&&(i.modal=d.first)}},decls:25,vars:1,consts:[["modal","bs-modal"],["type","button",1,"btn","btn-primary",3,"click"],["class","card card-block card-header",4,"ngFor","ngForOf"],["bsModal","","tabindex","-1","role","dialog","aria-labelledby","dialog-events-name",1,"modal","fade",3,"onShow","onShown","onHide","onHidden"],[1,"modal-dialog","modal-sm"],[1,"modal-content"],[1,"modal-header"],["id","dialog-events-name",1,"modal-title","pull-left"],["type","button","aria-label","Close",1,"close","pull-right","btn-close",3,"click"],["aria-hidden","true",1,"visually-hidden"],[1,"modal-body"],[1,"card","card-block","card-header"]],template:function(o,i){if(1&o){const d=e.RV6();e.j41(0,"button",1),e.bIt("click",function(){return e.eBV(d),e.Njj(i.showModal())}),e.EFF(1,"Open a modal"),e.k0s(),e.nrm(2,"br")(3,"br"),e.DNE(4,Le,2,1,"pre",2),e.j41(5,"div",3,0),e.bIt("onShow",function(r){return e.eBV(d),e.Njj(i.handler("onShow",r))})("onShown",function(r){return e.eBV(d),e.Njj(i.handler("onShown",r))})("onHide",function(r){return e.eBV(d),e.Njj(i.handler("onHide",r))})("onHidden",function(r){return e.eBV(d),e.Njj(i.handler("onHidden",r))}),e.j41(7,"div",4)(8,"div",5)(9,"div",6)(10,"h4",7),e.EFF(11,"Modal"),e.k0s(),e.j41(12,"button",8),e.bIt("click",function(){e.eBV(d);const r=e.sdS(6);return e.Njj(r.hide())}),e.j41(13,"span",9),e.EFF(14,"\xd7"),e.k0s()()(),e.j41(15,"div",10),e.EFF(16," Just another modal "),e.nrm(17,"br"),e.EFF(18," Click "),e.j41(19,"b"),e.EFF(20,"\xd7"),e.k0s(),e.EFF(21,", press "),e.j41(22,"code"),e.EFF(23,"Esc"),e.k0s(),e.EFF(24," or click on backdrop to close modal. "),e.k0s()()()()}2&o&&(e.R7$(4),e.Y8G("ngForOf",i.messages))},dependencies:[v,c.Sq],styles:[".card[_ngcontent-%COMP%]{margin-bottom:.75rem;padding:8px}"]})}return n})();const Xe=["autoShownModal"],$e=()=>({show:!0});function Ke(n,a){if(1&n){const t=e.RV6();e.j41(0,"div",3,0),e.bIt("onHidden",function(){e.eBV(t);const i=e.XpG();return e.Njj(i.onHidden())}),e.j41(2,"div",4)(3,"div",5)(4,"div",6)(5,"h4",7),e.EFF(6,"Auto shown modal"),e.k0s(),e.j41(7,"button",8),e.bIt("click",function(){e.eBV(t);const i=e.XpG();return e.Njj(i.hideModal())}),e.j41(8,"span",9),e.EFF(9,"\xd7"),e.k0s()()(),e.j41(10,"div",10)(11,"p"),e.EFF(12,"I am a modal that is shown right after initialization!"),e.k0s(),e.j41(13,"p"),e.EFF(14,"I wasn't present in DOM until you clicked the button"),e.k0s(),e.j41(15,"p"),e.EFF(16,"When you close me, I'll be removed from the DOM"),e.k0s()()()()()}2&n&&e.Y8G("config",e.lJ4(1,$e))}let Z=(()=>{class n{constructor(){this.isModalShown=!1}showModal(){this.isModalShown=!0}hideModal(){this.autoShownModal?.hide()}onHidden(){this.isModalShown=!1}static#e=this.\u0275fac=function(o){return new(o||n)};static#t=this.\u0275cmp=e.VBU({type:n,selectors:[["demo-modal-auto-shown"]],viewQuery:function(o,i){if(1&o&&e.GBs(Xe,5),2&o){let d;e.mGM(d=e.lsd())&&(i.autoShownModal=d.first)}},decls:3,vars:1,consts:[["autoShownModal","bs-modal"],["type","button",1,"btn","btn-primary",3,"click"],["bsModal","","class","modal fade","tabindex","-1","role","dialog","aria-labelledby","dialog-auto-name",3,"config","onHidden",4,"ngIf"],["bsModal","","tabindex","-1","role","dialog","aria-labelledby","dialog-auto-name",1,"modal","fade",3,"onHidden","config"],[1,"modal-dialog","modal-sm"],[1,"modal-content"],[1,"modal-header"],["id","dialog-auto-name",1,"modal-title","pull-left"],["type","button","aria-label","Close",1,"btn-close","close","pull-right",3,"click"],["aria-hidden","true",1,"visually-hidden"],[1,"modal-body"]],template:function(o,i){1&o&&(e.j41(0,"button",1),e.bIt("click",function(){return i.showModal()}),e.EFF(1,"Render auto-shown modal"),e.k0s(),e.DNE(2,Ke,17,2,"div",2)),2&o&&(e.R7$(2),e.Y8G("ngIf",i.isModalShown))},dependencies:[v,c.bT],encapsulation:2})}return n})();function Ge(n,a){if(1&n){const t=e.RV6();e.j41(0,"div",2)(1,"h4",3),e.EFF(2,"Modal title"),e.k0s(),e.j41(3,"button",4),e.bIt("click",function(){e.eBV(t);const i=e.XpG();return e.Njj(null==i.modalRef?null:i.modalRef.hide())}),e.j41(4,"span",5),e.EFF(5,"\xd7"),e.k0s()()(),e.j41(6,"div",6)(7,"div",7),e.EFF(8," This is a modal. "),e.k0s()()}}let ze=(()=>{class n{constructor(t){this.modalService=t}openModal(t){this.modalRef=this.modalService.show(t,{ariaDescribedby:"my-modal-description",ariaLabelledBy:"my-modal-title"})}static#e=this.\u0275fac=function(o){return new(o||n)(e.rXU(p))};static#t=this.\u0275cmp=e.VBU({type:n,selectors:[["demo-accessibility"]],decls:4,vars:0,consts:[["template",""],["type","button",1,"btn","btn-primary",3,"click"],[1,"modal-header"],["id","my-modal-title",1,"modal-title","pull-left"],["type","button","aria-label","Close",1,"btn-close","close","pull-right",3,"click"],["aria-hidden","true",1,"visually-hidden"],[1,"modal-body"],["id","my-modal-description"]],template:function(o,i){if(1&o){const d=e.RV6();e.j41(0,"button",1),e.bIt("click",function(){e.eBV(d);const r=e.sdS(3);return e.Njj(i.openModal(r))}),e.EFF(1,"Create template modal"),e.k0s(),e.DNE(2,Ge,9,0,"ng-template",null,0,e.C5r)}},encapsulation:2})}return n})();var Je=s(64458),Ye=s(69186);function Qe(n,a){if(1&n){const t=e.RV6();e.j41(0,"div",2)(1,"h4",3),e.EFF(2,"Modal"),e.k0s(),e.j41(3,"button",4),e.bIt("click",function(){e.eBV(t);const i=e.XpG();return e.Njj(null==i.modalRef?null:i.modalRef.hide())}),e.j41(4,"span",5),e.EFF(5,"\xd7"),e.k0s()()(),e.j41(6,"div",6)(7,"p"),e.EFF(8,"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque delectus enim esse excepturi, impedit, iste magnam officia optio, quam quis quisquam saepe sint unde velit vitae! Animi in iusto ut?"),e.k0s(),e.j41(9,"button",7),e.EFF(10,"popover"),e.k0s(),e.j41(11,"button",8),e.EFF(12,"tooltip"),e.k0s()()}}let q=(()=>{class n{constructor(t){this.modalService=t}openModal(t){this.modalRef=this.modalService.show(t)}static#e=this.\u0275fac=function(o){return new(o||n)(e.rXU(p))};static#t=this.\u0275cmp=e.VBU({type:n,selectors:[["demo-modal-with-popups"]],decls:4,vars:0,consts:[["template",""],["type","button",1,"btn","btn-primary",3,"click"],[1,"modal-header"],[1,"modal-title","pull-left"],["type","button","aria-label","Close",1,"btn-close","close","pull-right",3,"click"],["aria-hidden","true",1,"visually-hidden"],[1,"modal-body"],["type","button","popover","Vivamus sagittis",1,"btn","btn-primary"],["type","button","tooltip","Vivamus sagittis",1,"btn","btn-primary"]],template:function(o,i){if(1&o){const d=e.RV6();e.j41(0,"button",1),e.bIt("click",function(){e.eBV(d);const r=e.sdS(3);return e.Njj(i.openModal(r))}),e.EFF(1,"Open modal"),e.k0s(),e.DNE(2,Qe,13,0,"ng-template",null,0,e.C5r)}},dependencies:[Je.H,Ye.d],encapsulation:2})}return n})();function Ze(n,a){1&n&&(e.j41(0,"p"),e.EFF(1,"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque delectus enim esse excepturi, impedit, iste magnam officia optio, quam quis quisquam saepe sint unde velit vitae! Animi in iusto ut?"),e.k0s())}function qe(n,a){if(1&n){const t=e.RV6();e.j41(0,"div",2)(1,"h4",3),e.EFF(2,"Modal"),e.k0s(),e.j41(3,"button",4),e.bIt("click",function(){e.eBV(t);const i=e.XpG();return e.Njj(null==i.modalRef?null:i.modalRef.hide())}),e.j41(4,"span",5),e.EFF(5,"\xd7"),e.k0s()()(),e.j41(6,"div",6),e.DNE(7,Ze,2,0,"p",7),e.k0s()}if(2&n){const t=e.XpG();e.R7$(7),e.Y8G("ngForOf",t.items)}}let ee=(()=>{class n{constructor(t){this.modalService=t,this.items=Array(15).fill(0)}openModal(t){this.modalRef=this.modalService.show(t)}static#e=this.\u0275fac=function(o){return new(o||n)(e.rXU(p))};static#t=this.\u0275cmp=e.VBU({type:n,selectors:[["demo-modal-scrolling-long-content"]],decls:5,vars:0,consts:[["template",""],["type","button",1,"btn","btn-primary",3,"click"],[1,"modal-header"],[1,"modal-title","pull-left"],["type","button","aria-label","Close",1,"btn-close","close","pull-right",3,"click"],["aria-hidden","true",1,"visually-hidden"],[1,"modal-body"],[4,"ngFor","ngForOf"]],template:function(o,i){if(1&o){const d=e.RV6();e.j41(0,"button",1),e.bIt("click",function(){e.eBV(d);const r=e.sdS(4);return e.Njj(i.openModal(r))}),e.EFF(1,"Open modal"),e.k0s(),e.nrm(2,"br"),e.DNE(3,qe,8,1,"ng-template",null,0,e.C5r)}},dependencies:[c.Sq],encapsulation:2})}return n})();function et(n,a){if(1&n&&(e.j41(0,"pre",3),e.EFF(1),e.k0s()),2&n){const t=a.$implicit;e.R7$(),e.JRh(t)}}function tt(n,a){if(1&n){const t=e.RV6();e.j41(0,"div",4)(1,"h4",5),e.EFF(2,"Modal"),e.k0s(),e.j41(3,"button",6),e.bIt("click",function(){e.eBV(t);const i=e.XpG();return e.Njj(null==i.modalRef?null:i.modalRef.hide())}),e.j41(4,"span",7),e.EFF(5,"\xd7"),e.k0s()()(),e.j41(6,"div",8),e.EFF(7," This is a modal "),e.k0s()}}let te=(()=>{class n{constructor(t,o){this.modalService=t,this.changeDetection=o,this.subscriptions=new V.yU,this.messages=[]}openModal(t){let o;this.messages=[],this.modalRef=this.modalService.show(t),this.modalRef?.onHide&&this.modalRef?.onHidden&&(o=(0,P.z)([this.modalRef.onHide,this.modalRef.onHidden]).subscribe(()=>this.changeDetection.markForCheck())),this.modalRef?.onHide&&this.subscriptions.add(this.modalRef.onHide.subscribe(i=>{"string"!=typeof i&&(i=`onHide(), modalId is : ${i.id}`),this.messages.push("onHide event has been fired"+(i?`, dismissed by ${i}`:""))})),this.modalRef?.onHidden&&this.subscriptions.add(this.modalRef.onHidden.subscribe(i=>{"string"!=typeof i&&(i=`onHide(), modalId is : ${i.id}`),this.messages.push("onHidden event has been fired"+(i?`, dismissed by ${i}`:"")),this.unsubscribe()})),o&&this.subscriptions.add(o)}unsubscribe(){this.subscriptions.unsubscribe()}static#e=this.\u0275fac=function(o){return new(o||n)(e.rXU(p),e.rXU(e.gRc))};static#t=this.\u0275cmp=e.VBU({type:n,selectors:[["demo-modal-ref-events"]],decls:7,vars:1,consts:[["template",""],["type","button",1,"btn","btn-primary",3,"click"],["class","card card-block card-header",4,"ngFor","ngForOf"],[1,"card","card-block","card-header"],[1,"modal-header"],[1,"modal-title","pull-left"],["type","button","aria-label","Close",1,"btn-close","close","pull-right",3,"click"],["aria-hidden","true",1,"visually-hidden"],[1,"modal-body"]],template:function(o,i){if(1&o){const d=e.RV6();e.j41(0,"button",1),e.bIt("click",function(){e.eBV(d);const r=e.sdS(6);return e.Njj(i.openModal(r))}),e.EFF(1,"Open modal"),e.k0s(),e.nrm(2,"br")(3,"br"),e.DNE(4,et,2,1,"pre",2)(5,tt,8,0,"ng-template",null,0,e.C5r)}2&o&&(e.R7$(4),e.Y8G("ngForOf",i.messages))},dependencies:[c.Sq],styles:[".card[_ngcontent-%COMP%]{margin-bottom:.75rem;padding:8px}"]})}return n})();function nt(n,a){if(1&n){const t=e.RV6();e.j41(0,"div",2)(1,"p"),e.EFF(2,"Do you really want to close?"),e.k0s(),e.j41(3,"button",3),e.bIt("click",function(){e.eBV(t);const i=e.XpG();return e.Njj(i.confirm())}),e.EFF(4,"Yes"),e.k0s(),e.j41(5,"button",1),e.bIt("click",function(){e.eBV(t);const i=e.XpG();return e.Njj(i.decline())}),e.EFF(6,"No"),e.k0s()()}}let ne=(()=>{class n{constructor(t){this.modalService=t}openModalWithInterceptor(t){this.bsModalRef=this.modalService.show(ot,{closeInterceptor:()=>(this.confirmPromise=new Promise((i,d)=>{this.confirmResolve=i,this.confirmReject=d}),this.confirmModalRef=this.modalService.show(t,{class:"modal-sm"}),this.confirmPromise)}),this.bsModalRef.content.closeBtnName="Close"}confirm(){this.confirmResolve&&this.confirmResolve(),this.confirmModalRef?.hide()}decline(){this.confirmReject&&this.confirmReject(),this.confirmModalRef?.hide()}static#e=this.\u0275fac=function(o){return new(o||n)(e.rXU(p))};static#t=this.\u0275cmp=e.VBU({type:n,selectors:[["demo-modal-service-interceptor"]],decls:4,vars:0,consts:[["template",""],["type","button",1,"btn","btn-primary",3,"click"],[1,"modal-body","text-center"],["type","button",1,"btn","btn-default",3,"click"]],template:function(o,i){if(1&o){const d=e.RV6();e.j41(0,"button",1),e.bIt("click",function(){e.eBV(d);const r=e.sdS(3);return e.Njj(i.openModalWithInterceptor(r))}),e.EFF(1,"Create modal with close interceptor"),e.k0s(),e.DNE(2,nt,7,0,"ng-template",null,0,e.C5r)}},encapsulation:2})}return n})(),ot=(()=>{class n{constructor(t){this.bsModalRef=t}static#e=this.\u0275fac=function(o){return new(o||n)(e.rXU(y))};static#t=this.\u0275cmp=e.VBU({type:n,selectors:[["modal-content-with-interceptor"]],decls:11,vars:0,consts:[[1,"modal-header"],[1,"modal-title","pull-left"],["type","button","aria-label","Close",1,"close","btn-close","pull-right",3,"click"],["aria-hidden","true",1,"visually-hidden"],[1,"modal-body"],[1,"modal-footer"],["type","button",1,"btn","btn-default",3,"click"]],template:function(o,i){1&o&&(e.j41(0,"div",0)(1,"h4",1),e.EFF(2,"Modal with interceptor"),e.k0s(),e.j41(3,"button",2),e.bIt("click",function(){return null==i.bsModalRef?null:i.bsModalRef.hide()}),e.j41(4,"span",3),e.EFF(5,"\xd7"),e.k0s()()(),e.j41(6,"div",4),e.EFF(7,"This modal has closing interceptor"),e.k0s(),e.j41(8,"div",5)(9,"button",6),e.bIt("click",function(){return null==i.bsModalRef?null:i.bsModalRef.hide()}),e.EFF(10,"Close"),e.k0s()())},encapsulation:2})}return n})();const it=[{name:"Overview",anchor:"overview",tabName:"overview",outlet:f.xK,content:[{title:"Service examples",anchor:"service-section",description:"\n \n'},79811:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c="import { Component, TemplateRef } from '@angular/core';\nimport { BsModalRef, BsModalService } from 'ngx-bootstrap/modal';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-accessibility',\n templateUrl: './accessibility.html'\n})\nexport class DemoAccessibilityComponent {\n modalRef?: BsModalRef;\n constructor(private modalService: BsModalService) {}\n\n openModal(template: TemplateRef) {\n this.modalRef = this.modalService.show(template, {\n ariaDescribedby: 'my-modal-description',\n ariaLabelledBy: 'my-modal-title'\n });\n }\n}\n"},69995:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c='\n
\n
\n\n \n'},64123:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c="// @TODO: remove this and fix types\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { ChangeDetectorRef, Component, TemplateRef } from '@angular/core';\nimport { BsModalRef, BsModalService } from 'ngx-bootstrap/modal';\nimport { combineLatest, Subscription } from 'rxjs';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-modal-ref-events',\n templateUrl: './modal-ref-events.html',\n styles: [\n `\n .card {\n margin-bottom: 0.75rem;\n padding: 8px;\n }\n `\n ]\n})\nexport class DemoModalRefEventsComponent {\n modalRef?: BsModalRef;\n subscriptions = new Subscription();\n messages: string[] = [];\n\n constructor(private modalService: BsModalService, private changeDetection: ChangeDetectorRef) {}\n\n openModal(template: TemplateRef) {\n this.messages = [];\n\n this.modalRef = this.modalService.show(template);\n let _combine;\n if (this.modalRef?.onHide && this.modalRef?.onHidden) {\n _combine = combineLatest([this.modalRef.onHide, this.modalRef.onHidden]).subscribe(() =>\n this.changeDetection.markForCheck()\n );\n }\n\n if (this.modalRef?.onHide) {\n this.subscriptions.add(\n this.modalRef.onHide.subscribe((reason: string | any) => {\n if (typeof reason !== 'string') {\n reason = `onHide(), modalId is : ${reason.id}`;\n }\n const _reason = reason ? `, dismissed by ${reason}` : '';\n this.messages.push(`onHide event has been fired${_reason}`);\n })\n );\n }\n\n if (this.modalRef?.onHidden) {\n this.subscriptions.add(\n this.modalRef.onHidden.subscribe((reason: string | any) => {\n if (typeof reason !== 'string') {\n reason = `onHide(), modalId is : ${reason.id}`;\n }\n const _reason = reason ? `, dismissed by ${reason}` : '';\n this.messages.push(`onHidden event has been fired${_reason}`);\n this.unsubscribe();\n })\n );\n }\n\n if (_combine) {\n this.subscriptions.add(_combine);\n }\n }\n\n unsubscribe() {\n this.subscriptions.unsubscribe();\n }\n}\n"},61071:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c='\n\n \n'},52855:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c="import { Component, TemplateRef } from '@angular/core';\nimport { BsModalRef, BsModalService } from 'ngx-bootstrap/modal';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-modal-with-popups',\n templateUrl: './modal-with-popups.html'\n})\nexport class DemoModalWithPopupsComponent {\n modalRef?: BsModalRef;\n\n constructor(private modalService: BsModalService) {}\n\n openModal(template: TemplateRef) {\n this.modalRef = this.modalService.show(template);\n }\n}\n"},83503:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c='\n
\n\n\n \n'},58525:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c="import { Component, TemplateRef } from '@angular/core';\nimport { BsModalRef, BsModalService } from 'ngx-bootstrap/modal';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-modal-scrolling-long-content',\n templateUrl: './scrolling-long-content.html'\n})\nexport class DemoModalScrollingLongContentComponent {\n modalRef?: BsModalRef;\n items: number[];\n\n constructor(private modalService: BsModalService) {\n this.items = Array(15).fill(0);\n }\n\n openModal(template: TemplateRef) {\n this.modalRef = this.modalService.show(template);\n }\n}\n"},94831:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c='\n'},75287:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c='import { Component, OnInit } from \'@angular/core\';\nimport { BsModalRef, BsModalService, ModalOptions } from \'ngx-bootstrap/modal\';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: \'demo-modal-service-component\',\n templateUrl: \'./service-component.html\'\n})\nexport class DemoModalServiceFromComponent {\n bsModalRef?: BsModalRef;\n constructor(private modalService: BsModalService) {}\n\n openModalWithComponent() {\n const initialState: ModalOptions = {\n initialState: {\n list: [\'Open a modal with component\', \'Pass your data\', \'Do something else\', \'...\'],\n title: \'Modal with component\'\n }\n };\n this.bsModalRef = this.modalService.show(ModalContentComponent, initialState);\n this.bsModalRef.content.closeBtnName = \'Close\';\n }\n}\n\n/* This is a component which we pass in modal*/\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: \'modal-content\',\n template: `\n
\n\n \n'},53147:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c="import { Component, TemplateRef } from '@angular/core';\nimport { BsModalRef, BsModalService } from 'ngx-bootstrap/modal';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-modal-service-confirm-window',\n templateUrl: './service-confirm-window.html'\n})\nexport class DemoModalServiceConfirmWindowComponent {\n modalRef?: BsModalRef;\n message?: string;\n constructor(private modalService: BsModalService) {}\n\n openModal(template: TemplateRef) {\n this.modalRef = this.modalService.show(template, { class: 'modal-sm' });\n }\n\n confirm(): void {\n this.message = 'Confirmed!';\n this.modalRef?.hide();\n }\n\n decline(): void {\n this.message = 'Declined!';\n this.modalRef?.hide();\n }\n}\n"},25235:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c='\n
\n\n \n'},42699:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c="/* eslint-disable @typescript-eslint/no-explicit-any */ // TODO: remove this and fix types\nimport { ChangeDetectorRef, Component, TemplateRef } from '@angular/core';\nimport { BsModalRef, BsModalService } from 'ngx-bootstrap/modal';\nimport { combineLatest, Subscription } from 'rxjs';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-modal-service-events',\n templateUrl: './service-events.html',\n styles: [\n `\n .card {\n margin-bottom: 0.75rem;\n padding: 8px;\n }\n `\n ]\n})\nexport class DemoModalServiceEventsComponent {\n modalRef?: BsModalRef;\n subscriptions: Subscription = new Subscription();\n messages: string[] = [];\n\n constructor(private modalService: BsModalService, private changeDetection: ChangeDetectorRef) {}\n\n openModal(template: TemplateRef) {\n this.messages = [];\n\n const _combine = combineLatest([\n this.modalService.onShow,\n this.modalService.onShown,\n this.modalService.onHide,\n this.modalService.onHidden\n ]).subscribe(() => this.changeDetection.markForCheck());\n\n this.subscriptions.add(\n this.modalService.onShow.subscribe(() => {\n this.messages.push(`onShow event has been fired`);\n })\n );\n this.subscriptions.add(\n this.modalService.onShown.subscribe(() => {\n this.messages.push(`onShown event has been fired`);\n })\n );\n this.subscriptions.add(\n this.modalService.onHide.subscribe((reason: string | any) => {\n if (typeof reason !== 'string') {\n reason = `onHide(), modalId is : ${reason.id}`;\n }\n const _reason = reason ? `, dismissed by ${reason}` : '';\n this.messages.push(`onHide event has been fired${_reason}`);\n })\n );\n this.subscriptions.add(\n this.modalService.onHidden.subscribe((reason: string | any) => {\n if (typeof reason !== 'string') {\n reason = `onHide(), modalId is : ${reason.id}`;\n }\n const _reason = reason ? `, dismissed by ${reason}` : '';\n this.messages.push(`onHidden event has been fired${_reason}`);\n this.unsubscribe();\n })\n );\n\n this.subscriptions.add(_combine);\n\n this.modalRef = this.modalService.show(template);\n }\n\n unsubscribe() {\n this.subscriptions.unsubscribe();\n }\n}\n"},58127:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c='\n\n\n \n\n'},28983:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c='import { Component, TemplateRef } from \'@angular/core\';\nimport { BsModalService, BsModalRef } from \'ngx-bootstrap/modal\';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: \'demo-modal-service-interceptor\',\n templateUrl: \'./service-interceptor.html\'\n})\nexport class DemoModalServiceWithInterceptorComponent {\n bsModalRef?: BsModalRef;\n\n confirmModalRef?: BsModalRef;\n confirmResolve?: () => void;\n confirmReject?: () => void;\n confirmPromise?: Promise;\n\n constructor(private modalService: BsModalService) {}\n\n openModalWithInterceptor(confirmTemplate: TemplateRef) {\n const closeInterceptor = () => {\n this.confirmPromise = new Promise((resolve, reject) => {\n this.confirmResolve = resolve;\n this.confirmReject = reject;\n });\n this.confirmModalRef = this.modalService.show(confirmTemplate, { class: \'modal-sm\' });\n\n return this.confirmPromise;\n };\n this.bsModalRef = this.modalService.show(ModalContentWithInterceptorComponent, { closeInterceptor });\n this.bsModalRef.content.closeBtnName = \'Close\';\n }\n\n confirm(): void {\n if (this.confirmResolve) {\n this.confirmResolve();\n }\n this.confirmModalRef?.hide();\n }\n\n decline(): void {\n if (this.confirmReject) {\n this.confirmReject();\n }\n this.confirmModalRef?.hide();\n }\n}\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: \'modal-content-with-interceptor\',\n template: `\n \n \n\n\n \n'},29131:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c="import { Component, TemplateRef } from '@angular/core';\nimport { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-modal-service-nested',\n templateUrl: './service-nested.html'\n})\nexport class DemoModalServiceNestedComponent {\n modalRef?: BsModalRef | null;\n modalRef2?: BsModalRef;\n constructor(private modalService: BsModalService) {}\n\n openModal(template: TemplateRef) {\n this.modalRef = this.modalService.show(template, { id: 1, class: 'modal-lg' });\n }\n openModal2(template: TemplateRef) {\n this.modalRef2 = this.modalService.show(template, { id: 2, class: 'second' });\n }\n closeFirstModal() {\n if (!this.modalRef) {\n return;\n }\n\n this.modalRef.hide();\n this.modalRef = null;\n }\n closeModal(modalId?: number) {\n this.modalService.hide(modalId);\n }\n}\n"},67944:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c='\n\n\n \n'},46456:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c="import { Component, TemplateRef } from '@angular/core';\nimport { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-modal-change-class',\n templateUrl: './change-class.html'\n})\nexport class DemoModalServiceChangeClassComponent {\n modalRef?: BsModalRef;\n valueWidth = false;\n constructor(private modalService: BsModalService) {}\n\n openModal(template: TemplateRef) {\n this.modalRef = this.modalService.show(template, Object.assign({}, { class: 'modal-sm' }));\n }\n\n setModalClass() {\n this.valueWidth = !this.valueWidth;\n const modalWidth = this.valueWidth ? 'modal-lg' : 'modal-sm';\n this.modalRef?.setClass(modalWidth);\n }\n}\n"},80658:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c='\n
\n\n\n \n'},73806:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c="import { Component, TemplateRef } from '@angular/core';\nimport { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-modal-service-custom-css-class',\n templateUrl: './custom-css-class.html'\n})\nexport class DemoModalServiceCustomCSSClassComponent {\n modalRef?: BsModalRef;\n constructor(private modalService: BsModalService) {}\n\n openModalWithClass(template: TemplateRef) {\n this.modalRef = this.modalService.show(template, Object.assign({}, { class: 'gray modal-lg' }));\n }\n}\n"},32116:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c='\n
\n
\n\n\n\n \n'},84756:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c="import { Component, TemplateRef } from '@angular/core';\nimport { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-modal-service-disable-animation',\n templateUrl: './disable-animation.html'\n})\nexport class DemoModalServiceDisableAnimationComponent {\n modalRef?: BsModalRef;\n config = {\n animated: true\n };\n constructor(private modalService: BsModalService) {}\n\n openModal(template: TemplateRef) {\n this.modalRef = this.modalService.show(template, this.config);\n }\n}\n"},76820:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c='\n
\n
\n\n\n\n\n \n'},10804:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c="import { Component, TemplateRef } from '@angular/core';\nimport { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-modal-service-disable-backdrop',\n templateUrl: './disable-backdrop.html'\n})\nexport class DemoModalServiceDisableBackdropComponent {\n modalRef?: BsModalRef;\n config = {\n backdrop: true,\n ignoreBackdropClick: false\n };\n constructor(private modalService: BsModalService) {}\n\n openModal(template: TemplateRef) {\n this.modalRef = this.modalService.show(template, this.config);\n }\n}\n"},20740:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c='\n
\n
\n\n\n\n \n'},50692:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c="import { Component, TemplateRef } from '@angular/core';\nimport { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-modal-service-disable-esc-closing',\n templateUrl: './disable-esc-closing.html'\n})\nexport class DemoModalServiceDisableEscClosingComponent {\n modalRef?: BsModalRef;\n config = {\n keyboard: true\n };\n constructor(private modalService: BsModalService) {}\n\n openModal(template: TemplateRef) {\n this.modalRef = this.modalService.show(template, this.config);\n }\n}\n"},60989:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c='\n\n\n \n'},42025:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c="import { Component, TemplateRef } from '@angular/core';\nimport { BsModalRef, BsModalService } from 'ngx-bootstrap/modal';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-modal-service-static',\n templateUrl: './service-template.html'\n})\nexport class DemoModalServiceStaticComponent {\n modalRef?: BsModalRef;\n constructor(private modalService: BsModalService) {}\n\n openModal(template: TemplateRef) {\n this.modalRef = this.modalService.show(template);\n }\n}\n"},87727:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c='\x3c!--Large modal--\x3e\n
isAnimated input option",outlet:h},{title:"Events",anchor:"events",component:n(1143),html:n(65487),description:"Collapse directive exposes 4 events: collapses, that fires when a collapse was triggered (animation start),\n collapsed, that fires when a content was hidden (animation finished),\n expands, that fires when a expansion was triggered (animation start)\n and expanded, that fires when a content was shown",outlet:b},{title:"Manual toggle",anchor:"manual-toggle",component:n(28407),html:n(83983),outlet:v},{title:"Inline display",anchor:"inline-display",component:n(66649),html:n(19533),outlet:g},{title:"Accessibility",anchor:"accessibility",outlet:D}]},{name:"Installation",anchor:"api-reference",tabName:"api",usage:n(70976),importInfo:'ng add ngx-bootstrap --component collapse',outlet:r.Mg,content:[{title:"CollapseDirective",anchor:"collapse-directive",outlet:r.r2}]},{name:"Examples",anchor:"examples",tabName:"examples",outlet:r.xK,content:[{title:"Basic",anchor:"basic-ex",outlet:C},{title:"With animation",anchor:"animated-ex",outlet:h},{title:"Events",anchor:"events-ex",outlet:b},{title:"Manual toggle",anchor:"manual-toggle-ex",outlet:v},{title:"Inline display",anchor:"inline-display-ex",outlet:g}]}];var k=n(86223),B=n(52439);let F=(()=>{class t{constructor(){this.name="Collapse",this.src="https://github.com/valor-software/ngx-bootstrap/tree/development/src/collapse",this.componentContent=T}static#e=this.\u0275fac=function(l){return new(l||t)};static#n=this.\u0275cmp=e.VBU({type:t,selectors:[["collapse-section"]],decls:12,vars:4,consts:[[3,"name","src","componentContent"],[3,"content"]],template:function(l,s){1&l&&(e.j41(0,"demo-section",0)(1,"p"),e.EFF(2,"Collapse component allows you to toggle content on your pages with a bit of JavaScript and some classes. Flexible component that utilizes a handful of classes (from the "),e.j41(3,"strong"),e.EFF(4,"required transitions component"),e.k0s(),e.EFF(5,"("),e.j41(6,"em"),e.EFF(7,"not yet implemented"),e.k0s(),e.EFF(8,")) for easy toggle behavior."),e.k0s(),e.j41(9,"p"),e.EFF(10,"The easiest way to add the collapse component to your app (will be added to the root module)"),e.k0s(),e.nrm(11,"docs-section",1),e.k0s()),2&l&&(e.Y8G("name",s.name)("src",s.src)("componentContent",s.componentContent),e.R7$(11),e.Y8G("content",s.componentContent))},dependencies:[k.q,B.C],encapsulation:2,changeDetection:0})}return t})();const A=[{path:"",component:F}];let j=(()=>{class t{static#e=this.\u0275fac=function(l){return new(l||t)};static#n=this.\u0275mod=e.$C({type:t});static#t=this.\u0275inj=e.G2t({imports:[y.G,a.MD,f.YN,r.ky,E.iI.forChild(A)]})}return t})()},98255:(d,o,n)=>{n.r(o),n.d(o,{default:()=>a});const a='\n\n
\n
\n'},62359:(d,o,n)=>{n.r(o),n.d(o,{default:()=>a});const a="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'collapse-demo-animation',\n templateUrl: './animated.html'\n})\nexport class CollapseDemoAnimatedComponent {\n isCollapsed = false;\n}\n"},47203:(d,o,n)=>{n.r(o),n.d(o,{default:()=>a});const a='\nSome content
\n\n
\n
\n'},24891:(d,o,n)=>{n.r(o),n.d(o,{default:()=>a});const a="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'collapse-demo',\n templateUrl: './basic.html'\n})\nexport class CollapseDemoComponent {\n isCollapsed = false;\n}\n"},65487:(d,o,n)=>{n.r(o),n.d(o,{default:()=>a});const a='Some content
\n\n
\n\n \n
\n \n
\nEvent: {{message}}\n \n
\n\n
\n'},1143:(d,o,n)=>{n.r(o),n.d(o,{default:()=>a});const a="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'collapse-demo-events',\n templateUrl: './events.html'\n})\nexport class CollapseDemoEventsComponent {\n isCollapsed = false;\n message = 'expanded';\n\n collapsed(): void {\n this.message = 'collapsed';\n }\n\n collapses(): void {\n this.message = 'collapses';\n }\n\n expanded(): void {\n this.message = 'expanded';\n }\n\n expands(): void {\n this.message = 'expands';\n }\n}\n"},19533:(d,o,n)=>{n.r(o),n.d(o,{default:()=>a});const a='\n\nSome content
\n\n
\n
\n'},66649:(d,o,n)=>{n.r(o),n.d(o,{default:()=>a});const a="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'inline-display-demo',\n templateUrl: './inline-display.html'\n})\nexport class InlineDisplayDemoComponent {\n isCollapsed = false;\n}\n"},83983:(d,o,n)=>{n.r(o),n.d(o,{default:()=>a});const a='\n\nSome content
\n\n
\n
\n'},28407:(d,o,n)=>{n.r(o),n.d(o,{default:()=>a});const a="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'toggle-manual-demo',\n templateUrl: './toggle-manual.html'\n})\nexport class ToggleManualDemoComponent {\n isOpen = false;\n}\n"},70976:(d,o,n)=>{n.r(o),n.d(o,{default:()=>a});const a="### Standalone component usage\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\n\nimport { CollapseDirective } from 'ngx-bootstrap/collapse';\n\n@Component({\n imports: [\n BrowserAnimationsModule,\n CollapseDirective,\n ...\n ]\n})\nexport class AppComponent(){}\n\n\n### Module usage\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\n\nimport { CollapseModule } from 'ngx-bootstrap/collapse';\n\n@NgModule({\n imports: [\n BrowserAnimationsModule,\n CollapseModule,\n ...\n ]\n})\nexport class AppModule(){}\n\nAlso should be added web-animations-js polyfill for IE browser (Edge)\n"}}]);
\ No newline at end of file
diff --git a/673.247b21ee2f498a12.js b/673.247b21ee2f498a12.js
new file mode 100644
index 0000000000..df61606337
--- /dev/null
+++ b/673.247b21ee2f498a12.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkngx_bootstrap_docs=self.webpackChunkngx_bootstrap_docs||[]).push([[673],{92673:(r,i,o)=>{o.r(i),o.d(i,{AccordionSectionComponent:()=>j,DemoAccordionModule:()=>J});var a=o(84341),g=o(60177),U=o(8681),n=o(54438);let C=(()=>{class t{constructor(){this.closeOthers=!1,this.isAnimated=!1}static#n=this.\u0275fac=function(e){return new(e||t)};static#o=this.\u0275prov=n.jDH({token:t,factory:t.\u0275fac,providedIn:"root"})}return t})();const G=["*"];let d=(()=>{class t{constructor(c){this.isAnimated=!1,this.closeOthers=!1,this.groups=[],Object.assign(this,c)}closeOtherPanels(c){this.closeOthers&&this.groups.forEach(e=>{e!==c&&(e.isOpen=!1)})}addGroup(c){c.isAnimated=this.isAnimated,this.groups.push(c)}removeGroup(c){const e=this.groups.indexOf(c);-1!==e&&this.groups.splice(e,1)}static#n=this.\u0275fac=function(e){return new(e||t)(n.rXU(C))};static#o=this.\u0275cmp=n.VBU({type:t,selectors:[["accordion"]],hostAttrs:["role","tablist",1,"panel-group",2,"display","block"],hostVars:1,hostBindings:function(e,s){2&e&&n.BMQ("aria-multiselectable",s.closeOthers)},inputs:{isAnimated:"isAnimated",closeOthers:"closeOthers"},standalone:!0,features:[n.aNF],ngContentSelectors:G,decls:1,vars:0,template:function(e,s){1&e&&(n.NAR(),n.SdG(0))},encapsulation:2})}return t})();var k=o(65972),R=o(31029);const S=[[["","accordion-heading",""]],"*"],M=["[accordion-heading]","*"],L=t=>({"text-muted":t});function H(t,h){if(1&t&&(n.j41(0,"button",7),n.EFF(1),n.k0s()),2&t){const c=n.XpG();n.Y8G("ngClass",n.eq3(2,L,c.isDisabled)),n.R7$(),n.SpI(" ",c.heading," ")}}let l=(()=>{class t{get isOpen(){return this._isOpen}set isOpen(c){c!==this.isOpen&&(c&&this.accordion.closeOtherPanels(this),this._isOpen=c,Promise.resolve(null).then(()=>{this.isOpenChange.emit(c)}))}constructor(c){this.isAnimated=!1,this.panelClass="panel-default",this.isDisabled=!1,this.isOpenChange=new n.bkB,this._isOpen=!1,this.accordion=c}ngOnInit(){this.accordion.addGroup(this)}ngOnDestroy(){this.accordion.removeGroup(this)}toggleOpen(){this.isDisabled||(this.isOpen=!this.isOpen)}static#n=this.\u0275fac=function(e){return new(e||t)(n.rXU(d))};static#o=this.\u0275cmp=n.VBU({type:t,selectors:[["accordion-group"],["accordion-panel"]],hostAttrs:[1,"panel",2,"display","block"],hostVars:2,hostBindings:function(e,s){2&e&&n.AVh("panel-open",s.isOpen)},inputs:{heading:"heading",panelClass:"panelClass",isDisabled:"isDisabled",isOpen:"isOpen"},outputs:{isOpenChange:"isOpenChange"},standalone:!0,features:[n.aNF],ngContentSelectors:M,decls:9,vars:6,consts:[[1,"panel","card",3,"ngClass"],["role","tab",1,"panel-heading","card-header",3,"click","ngClass"],[1,"panel-title"],["role","button",1,"accordion-toggle"],["class","btn btn-link","type","button",3,"ngClass",4,"ngIf"],["role","tabpanel",1,"panel-collapse","collapse",3,"collapse","isAnimated"],[1,"panel-body","card-block","card-body"],["type","button",1,"btn","btn-link",3,"ngClass"]],template:function(e,s){1&e&&(n.NAR(S),n.j41(0,"div",0)(1,"div",1),n.bIt("click",function(){return s.toggleOpen()}),n.j41(2,"div",2)(3,"div",3),n.DNE(4,H,2,4,"button",4),n.SdG(5),n.k0s()()(),n.j41(6,"div",5)(7,"div",6),n.SdG(8,1),n.k0s()()()),2&e&&(n.Y8G("ngClass",s.panelClass),n.R7$(),n.Y8G("ngClass",s.isDisabled?"panel-disabled":"panel-enabled"),n.R7$(2),n.BMQ("aria-expanded",s.isOpen),n.R7$(),n.Y8G("ngIf",s.heading),n.R7$(2),n.Y8G("collapse",!s.isOpen)("isAnimated",s.isAnimated))},dependencies:[g.YU,g.bT,k.G,R.D],styles:["[_nghost-%COMP%] .card-header.panel-enabled[_ngcontent-%COMP%]{cursor:pointer}[_nghost-%COMP%] .card-header.panel-disabled[_ngcontent-%COMP%] .btn.btn-link[_ngcontent-%COMP%]{cursor:default;text-decoration:none}"]})}return t})(),x=(()=>{class t{static forRoot(){return t}static#n=this.\u0275fac=function(e){return new(e||t)};static#o=this.\u0275mod=n.$C({type:t});static#t=this.\u0275inj=n.G2t({})}return t})();var m=o(37472);let f=(()=>{class t{static#n=this.\u0275fac=function(e){return new(e||t)};static#o=this.\u0275cmp=n.VBU({type:t,selectors:[["demo-accordion-animation"]],decls:12,vars:1,consts:[[3,"isAnimated"],["heading","Static Header"],["heading","Another group"]],template:function(e,s){1&e&&(n.j41(0,"accordion",0)(1,"accordion-group",1),n.EFF(2," This content is straight in the template. "),n.k0s(),n.j41(3,"accordion-group",2)(4,"p"),n.EFF(5,"Some content"),n.k0s()(),n.j41(6,"accordion-group",2)(7,"p"),n.EFF(8,"Some content"),n.k0s()(),n.j41(9,"accordion-group",2)(10,"p"),n.EFF(11,"Some content"),n.k0s()()()),2&e&&n.Y8G("isAnimated",!0)},dependencies:[d,l],encapsulation:2})}return t})(),A=(()=>{class t{static#n=this.\u0275fac=function(e){return new(e||t)};static#o=this.\u0275cmp=n.VBU({type:t,selectors:[["demo-accordion-basic"]],decls:12,vars:0,consts:[["heading","Static Header"],["heading","Another group"]],template:function(e,s){1&e&&(n.j41(0,"accordion")(1,"accordion-group",0),n.EFF(2," This content is straight in the template. "),n.k0s(),n.j41(3,"accordion-group",1)(4,"p"),n.EFF(5,"Some content"),n.k0s()(),n.j41(6,"accordion-group",1)(7,"p"),n.EFF(8,"Some content"),n.k0s()(),n.j41(9,"accordion-group",1)(10,"p"),n.EFF(11,"Some content"),n.k0s()()())},dependencies:[d,l],encapsulation:2})}return t})();function X(){return Object.assign(new C,{closeOthers:!0})}let y=(()=>{class t{static#n=this.\u0275fac=function(e){return new(e||t)};static#o=this.\u0275cmp=n.VBU({type:t,selectors:[["demo-accordion-config"]],features:[n.Jv_([{provide:C,useFactory:X}])],decls:9,vars:1,consts:[[3,"isAnimated"],["heading","Header"],["heading","Content 1"],["heading","Content 2"]],template:function(e,s){1&e&&(n.j41(0,"accordion",0)(1,"accordion-group",1),n.EFF(2," This content is straight in the template. "),n.k0s(),n.j41(3,"accordion-group",2)(4,"p"),n.EFF(5,"Content 1"),n.k0s()(),n.j41(6,"accordion-group",3)(7,"p"),n.EFF(8,"Content 2"),n.k0s()()()),2&e&&n.Y8G("isAnimated",!0)},dependencies:[d,l],encapsulation:2})}return t})();var $=o(39555);let b=(()=>{class t{get _getBsVer(){return(0,$.Bu)()}static#n=this.\u0275fac=function(e){return new(e||t)};static#o=this.\u0275cmp=n.VBU({type:t,selectors:[["demo-accordion-custom-html"]],decls:13,vars:0,consts:[["accordion-heading","","type","button",1,"btn","btn-link","btn-block","justify-content-between","d-flex","w-100","shadow-none"],[1,"pull-left","float-left"],[1,"badge","badge-secondary","bg-secondary","float-right","pull-right"],["accordion-heading","","type","button",1,"btn","btn-link","shadow-none"],[1,"badge","badge-secondary","bg-secondary","center"]],template:function(e,s){1&e&&(n.j41(0,"accordion")(1,"accordion-group")(2,"button",0)(3,"div",1),n.EFF(4,"I can have markup!"),n.k0s(),n.j41(5,"span",2),n.EFF(6,"Some HTML here"),n.k0s()(),n.EFF(7," This is just some content to illustrate fancy headings. "),n.k0s(),n.j41(8,"accordion-group")(9,"button",3),n.EFF(10," I can have markup, too! "),n.k0s(),n.j41(11,"span",4),n.EFF(12,"And some HTML here"),n.k0s()()())},dependencies:[d,l],encapsulation:2})}return t})(),F=(()=>{class t{constructor(){this.isFirstDisabled=!1}static#n=this.\u0275fac=function(e){return new(e||t)};static#o=this.\u0275cmp=n.VBU({type:t,selectors:[["demo-accordion-disabled"]],decls:12,vars:1,consts:[["type","button",1,"btn","btn-primary","btn-sm",3,"click"],["heading","Static Header",3,"isDisabled"],["heading","Content 1"],["heading","Content 2"]],template:function(e,s){1&e&&(n.j41(0,"p")(1,"button",0),n.bIt("click",function(){return s.isFirstDisabled=!s.isFirstDisabled}),n.EFF(2," Enable / Disable first panel "),n.k0s()(),n.j41(3,"accordion")(4,"accordion-group",1),n.EFF(5," This content is straight in the template. "),n.k0s(),n.j41(6,"accordion-group",2)(7,"p"),n.EFF(8,"accordion 1"),n.k0s()(),n.j41(9,"accordion-group",3)(10,"p"),n.EFF(11,"accordion 2"),n.k0s()()()),2&e&&(n.R7$(4),n.Y8G("isDisabled",s.isFirstDisabled))},dependencies:[d,l],encapsulation:2})}return t})();function K(t,h){if(1&t&&(n.j41(0,"accordion-group",2),n.EFF(1),n.k0s()),2&t){const c=h.$implicit;n.Y8G("heading",c.title),n.R7$(),n.SpI(" ",null==c?null:c.content," ")}}let E=(()=>{class t{constructor(){this.groups=[{title:"Dynamic Group Header - 1",content:"Dynamic Group Body - 1"},{title:"Dynamic Group Header - 2",content:"Dynamic Group Body - 2"}]}addGroupItem(){this.groups.push({title:`Dynamic Group Header - ${this.groups.length+1}`,content:`Dynamic Group Body - ${this.groups.length+1}`})}static#n=this.\u0275fac=function(e){return new(e||t)};static#o=this.\u0275cmp=n.VBU({type:t,selectors:[["demo-accordion-dynamic"]],decls:5,vars:1,consts:[["type","button",1,"btn","btn-primary","btn-sm",3,"click"],[3,"heading",4,"ngFor","ngForOf"],[3,"heading"]],template:function(e,s){1&e&&(n.j41(0,"p")(1,"button",0),n.bIt("click",function(){return s.addGroupItem()}),n.EFF(2," Add Group Item "),n.k0s()(),n.j41(3,"accordion"),n.DNE(4,K,2,2,"accordion-group",1),n.k0s()),2&e&&(n.R7$(4),n.Y8G("ngForOf",s.groups))},dependencies:[d,l,g.Sq],encapsulation:2})}return t})(),D=(()=>{class t{constructor(){this.isOpen=!0}static#n=this.\u0275fac=function(e){return new(e||t)};static#o=this.\u0275cmp=n.VBU({type:t,selectors:[["demo-accordion-manual-toggle"]],decls:13,vars:1,consts:[["type","button",1,"btn","btn-primary","btn-sm",3,"click"],["heading","Content 1"],["heading","Content 2"],["heading","Last panel",3,"isOpen"]],template:function(e,s){1&e&&(n.j41(0,"p")(1,"button",0),n.bIt("click",function(){return s.isOpen=!s.isOpen}),n.EFF(2,"Toggle last panel "),n.k0s()(),n.j41(3,"accordion")(4,"accordion-group",1)(5,"p"),n.EFF(6,"accordion 1"),n.k0s()(),n.j41(7,"accordion-group",2)(8,"p"),n.EFF(9,"accordion 2"),n.k0s()(),n.j41(10,"accordion-group",3)(11,"p"),n.EFF(12,"accordion 3"),n.k0s()()()),2&e&&(n.R7$(10),n.Y8G("isOpen",s.isOpen))},dependencies:[d,l],encapsulation:2})}return t})(),O=(()=>{class t{constructor(){this.oneAtATime=!0}static#n=this.\u0275fac=function(e){return new(e||t)};static#o=this.\u0275cmp=n.VBU({type:t,selectors:[["demo-accordion-one-time"]],decls:13,vars:2,consts:[[1,"checkbox"],["type","checkbox",3,"ngModelChange","ngModel"],[3,"closeOthers"],["heading","Header"],["heading","Content 1"],["heading","Content 2"]],template:function(e,s){1&e&&(n.j41(0,"div",0)(1,"label")(2,"input",1),n.mxI("ngModelChange",function(u){return n.DH7(s.oneAtATime,u)||(s.oneAtATime=u),u}),n.k0s(),n.EFF(3," Open only one at a time "),n.k0s()(),n.j41(4,"accordion",2)(5,"accordion-group",3),n.EFF(6," This content is straight in the template. "),n.k0s(),n.j41(7,"accordion-group",4)(8,"p"),n.EFF(9,"Content 1"),n.k0s()(),n.j41(10,"accordion-group",5)(11,"p"),n.EFF(12,"Content 2"),n.k0s()()()),2&e&&(n.R7$(2),n.R50("ngModel",s.oneAtATime),n.R7$(2),n.Y8G("closeOthers",s.oneAtATime))},dependencies:[d,l,a.Zm,a.BC,a.vS],encapsulation:2})}return t})(),T=(()=>{class t{log(c){console.log("Accordion has been "+(c?"opened":"closed"))}static#n=this.\u0275fac=function(e){return new(e||t)};static#o=this.\u0275cmp=n.VBU({type:t,selectors:[["demo-accordion-open-event"]],decls:10,vars:0,consts:[["heading","Group without isOpenChange event listener"],["heading","Group with isOpenChange event listener",3,"isOpenChange"]],template:function(e,s){1&e&&(n.j41(0,"accordion")(1,"accordion-group",0)(2,"p"),n.EFF(3,"Some content"),n.k0s()(),n.j41(4,"accordion-group",1),n.bIt("isOpenChange",function(u){return s.log(u)}),n.j41(5,"p"),n.EFF(6,"Some content"),n.k0s()(),n.j41(7,"accordion-group",1),n.bIt("isOpenChange",function(u){return s.log(u)}),n.j41(8,"p"),n.EFF(9,"Some content"),n.k0s()()())},dependencies:[d,l],encapsulation:2})}return t})(),v=(()=>{class t{constructor(){this.customClass="customClass",this.isFirstOpen=!0}static#n=this.\u0275fac=function(e){return new(e||t)};static#o=this.\u0275cmp=n.VBU({type:t,selectors:[["demo-accordion-styling"]],decls:9,vars:2,consts:[["heading","Static Header, initially expanded",3,"panelClass","isOpen"],["heading","Content 1"],["heading","Content 2","panelClass","customClass"]],template:function(e,s){1&e&&(n.j41(0,"accordion")(1,"accordion-group",0),n.EFF(2," This content is straight in the template. "),n.k0s(),n.j41(3,"accordion-group",1)(4,"p"),n.EFF(5,"accordion 1"),n.k0s()(),n.j41(6,"accordion-group",2)(7,"p"),n.EFF(8,"accordion 2"),n.k0s()()()),2&e&&(n.R7$(),n.Y8G("panelClass",s.customClass)("isOpen",s.isFirstOpen))},dependencies:[d,l],encapsulation:2})}return t})(),B=(()=>{class t{constructor(){this.isFirstOpen=!0}static#n=this.\u0275fac=function(e){return new(e||t)};static#o=this.\u0275cmp=n.VBU({type:t,selectors:[["demo-accordion-opened"]],decls:9,vars:1,consts:[["heading","Content 1"],["heading","Initially expanded",3,"isOpen"],["heading","Content 2"]],template:function(e,s){1&e&&(n.j41(0,"accordion")(1,"accordion-group",0)(2,"p"),n.EFF(3,"accordion 1"),n.k0s()(),n.j41(4,"accordion-group",1),n.EFF(5," This content is straight in the template. "),n.k0s(),n.j41(6,"accordion-group",2)(7,"p"),n.EFF(8,"accordion 3"),n.k0s()()()),2&e&&(n.R7$(4),n.Y8G("isOpen",s.isFirstOpen))},dependencies:[d,l],encapsulation:2})}return t})();function W(t,h){if(1&t&&(n.j41(0,"div"),n.EFF(1),n.k0s()),2&t){const c=h.$implicit;n.R7$(),n.JRh(c)}}let P=(()=>{class t{constructor(){this.items=["Item 1","Item 2","Item 3"]}addItem(){this.items.push(`Item ${this.items.length+1}`)}removeItem(){this.items=this.items.slice(0,this.items.length-1)}static#n=this.\u0275fac=function(e){return new(e||t)};static#o=this.\u0275cmp=n.VBU({type:t,selectors:[["demo-accordion-dynamic-body"]],decls:15,vars:1,consts:[["heading","Dynamic Body Content"],["type","button",1,"btn","btn-primary","btn-sm",3,"click"],["type","button",1,"btn","btn-primary","btn-sm","ms-3","ml-3",3,"click"],[4,"ngFor","ngForOf"],["heading","Content 2"],["heading","Content 3"]],template:function(e,s){1&e&&(n.j41(0,"accordion")(1,"accordion-group",0)(2,"p"),n.EFF(3,"The body of the accordion group grows to fit the contents"),n.k0s(),n.j41(4,"button",1),n.bIt("click",function(){return s.addItem()}),n.EFF(5,"Add Item "),n.k0s(),n.j41(6,"button",2),n.bIt("click",function(){return s.removeItem()}),n.EFF(7,"Remove Item "),n.k0s(),n.DNE(8,W,2,1,"div",3),n.k0s(),n.j41(9,"accordion-group",4)(10,"p"),n.EFF(11,"accordion 2"),n.k0s()(),n.j41(12,"accordion-group",5)(13,"p"),n.EFF(14,"accordion 3"),n.k0s()()()),2&e&&(n.R7$(8),n.Y8G("ngForOf",s.items))},dependencies:[d,l,g.Sq],encapsulation:2})}return t})();const V=[{name:"Overview",anchor:"overview",tabName:"overview",outlet:m.xK,content:[{title:"Basic",anchor:"basic-accordion",description:"Some content
\nClick headers to expand/collapse content that is broken into logical sections, much\n like tabs.
",component:o(46856),html:o(86552),outlet:A},{title:"With animation",anchor:"animated-accordion",description:"Use input property or config property isAnimated to enable/disable animation
Accordion with isOpenChange event listener.
Some content
\nSome content
\nSome content
\nSome content
\nSome content
\nSome content
\nContent 1
\nContent 2
\nI can have markup!
\n Some HTML here\n \n This is just some content to illustrate fancy headings.\n \n \n
\n\naccordion 1
\naccordion 2
\n\n \n
\n\nThe body of the accordion group grows to fit the contents
\n \n \n{{item}}
\n accordion 2
\naccordion 3
\n\n \n
\n\naccordion 1
\naccordion 2
\naccordion 3
\n\n \n
\n\nContent 1
\nContent 2
\nSome content
\nSome content
\nSome content
\naccordion 1
\naccordion 3
\naccordion 1
\naccordion 2
\nBootstrap 4 doesn't have justified classes
",outlet:F},{title:"Custom class",anchor:"tabs-custom-class",component:n(4162),html:n(33526),outlet:v},{title:"Select event",anchor:"select-event",component:n(16784),html:n(37552),description:"You can subscribe to tab's select event
\n \n Basic content \n Basic content 1 \n Basic content 2 \n \n
\n\n'},9856:(c,s,n)=>{n.r(s),n.d(s,{default:()=>i});const i="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-tabs-basic',\n templateUrl: './basic.html'\n})\nexport class DemoTabsBasicComponent {}\n"},98418:(c,s,n)=>{n.r(s),n.d(s,{default:()=>i});const i='\n \n \n Tab 1\n \n \n \n Heading\n \n I\'ve got an HTML heading. Pretty cool!\n \n \n \n Tab 3\n \n Tab with html tags in heading\n \n \n
\n'},19203:(c,s,n)=>{n.r(s),n.d(s,{default:()=>i});const i="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-tabs-custom-template',\n templateUrl: './custom-template.html'\n})\nexport class DemoTabsCustomComponent {}\n"},11234:(c,s,n)=>{n.r(s),n.d(s,{default:()=>i});const i='\n
\n\n Static content \n Static content 1 \n Static content 2 \n Static content 3 \n \n
\n'},20882:(c,s,n)=>{n.r(s),n.d(s,{default:()=>i});const i="import { Component, ViewChild } from '@angular/core';\nimport { TabsetComponent } from 'ngx-bootstrap/tabs';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-tabs-disabled',\n templateUrl: './disabled.html'\n})\nexport class DemoTabsDisabledComponent {\n @ViewChild('staticTabs', { static: false }) staticTabs?: TabsetComponent;\n\n disableEnable() {\n if (this.staticTabs?.tabs[2]) {\n this.staticTabs.tabs[2].disabled = !this.staticTabs.tabs[2].disabled;\n }\n }\n}\n"},42648:(c,s,n)=>{n.r(s),n.d(s,{default:()=>i});const i='Tabs can be enabled or disabled by changing disabled input property
\n \n
\n\n
The Component inside the Tab is rendered, when the tab is activated and destroyed when the tab is left.
\n- \n
- {{\xa0message }} \n
\n
\n\n Static content \n \n {{tabz?.content}}\n \n \n
\n'},73860:(c,s,n)=>{n.r(s),n.d(s,{default:()=>i});const i="import { Component, ChangeDetectionStrategy } from '@angular/core';\n\ninterface ITab {\n title: string;\n content: string;\n removable: boolean;\n disabled: boolean;\n active?: boolean;\n customClass?: string;\n}\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-tabs-dynamic',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: './dynamic.html'\n})\nexport class DemoTabsDynamicComponent {\n tabs: ITab[] = [\n { title: 'Dynamic Title 1', content: 'Dynamic content 1', removable: false, disabled: false},\n { title: 'Dynamic Title 2', content: 'Dynamic content 2', removable: false, disabled: false},\n { title: 'Dynamic Title 3', content: 'Dynamic content 3', removable: true, disabled: false}\n ];\n\n addNewTab(): void {\n const newTabIndex = this.tabs.length + 1;\n this.tabs.push({\n title: `Dynamic Title ${newTabIndex}`,\n content: `Dynamic content ${newTabIndex}`,\n disabled: false,\n removable: true\n });\n }\n\n removeTabHandler(tab: ITab): void {\n this.tabs.splice(this.tabs.indexOf(tab), 1);\n console.log('Remove Tab handler');\n }\n}\n"},60496:(c,s,n)=>{n.r(s),n.d(s,{default:()=>i});const i='Change quantity of tabs by manipulating tabs array
\n \n \n\n
\n
\n\n Static content \n Static content 1 \n Static content 2 \n Static content 3 \n \n
\n\n'},54132:(c,s,n)=>{n.r(s),n.d(s,{default:()=>i});const i="import { Component, ViewChild } from '@angular/core';\nimport { TabsetComponent } from 'ngx-bootstrap/tabs';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-tabs-manual-selection',\n templateUrl: './manual-selection.html'\n})\nexport class DemoTabsManualSelectionComponent {\n @ViewChild('staticTabs', { static: false }) staticTabs?: TabsetComponent;\n\n selectTab(tabId: number) {\n if (this.staticTabs?.tabs[tabId]) {\n this.staticTabs.tabs[tabId].active = true;\n }\n }\n}\n"},94040:(c,s,n)=>{n.r(s),n.d(s,{default:()=>i});const i='You can select tabs directly from component
\n\n \n \n
\n\n
\n
\nEvent select is fired. The heading of the selected tab is: {{value}}\nTitle
\nLorem Ipsum is simply dummy text of the printing and typesetting industry.\n Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s,\n when an unknown printer took a galley of type and scrambled it to make a type specimen book.
\nTitle 2
\nIt has survived not only five centuries, but also the leap into electronic typesetting,\n remaining essentially unchanged. It was popularised in the 1960s with the release of\n Letraset sheets containing Lorem Ipsum passages
\nWrap the dropdown\u2019s toggle (your button or link) and the dropdown menu within\n dropdown. Dropdowns can be triggered from <a> or <button>\n elements to better fit your potential needs.
Any <button> can became a dropdown toggle with few markup changes.\n Here\u2019s how dropdown works with single button
isAnimated input or config option",outlet:R},{title:"Trigger by tag ",anchor:"anchor-trigger",component:o(30163),html:o(72043),outlet:y},{title:"Split button dropdowns",anchor:"split-button",component:o(121),html:o(46637),description:"Similarly, create split button dropdowns with virtually the same markup as single\n button dropdowns, but with the addition of .dropdown-toggle-split for proper spacing\n around the dropdown caret.
Dropdown can be triggered by show, hide and\n toggle methods from directive\n
\n Use method toggle(true) if you want to toggle the dropdown or toggle(false)\n if you want to only close opened dropdown.\n
Dropdown can be shown or hidden by changing isOpen input property
Use isDisabled property to make dropdown disabled.
Add a disabled class to <a> to make it as disabled.
By default, a dropdown menu is automatically positioned 100% from the top and along\n the left side of its parent. Add class .dropdown-menu-right to a dropdownMenu\n to right align the dropdown menu.
By default, a dropdown menu closes on document click, even if you clicked on an element inside the dropdown.\n Use [insideClick]="true" to allow click inside the dropdown
Append dropdown to body by adding container="body" to the parent element.
To make dropdown's menu appear above toggle element set dropup property as true
Separate groups of related menu items with a .dropdown-divider for bootstrap 4.
Dropdown allows you to use any html markup inside of it
",outlet:O},{title:"Configuring defaults",anchor:"config-defaults",component:o(71563),html:o(659),description:"It is possible to override default dropdown config partially or completely.
",outlet:U},{title:"Visibility Events",anchor:"visibility-events",component:o(75889),html:o(89653),description:"You can subscribe to dropdown's visibility events
",outlet:x},{title:"State change event",anchor:"state-change-event",component:o(33605),html:o(19657),description:"You can subscribe to dropdown's state change event (isOpenChange).
Use autoClose property to change dropdown's default behavior
\n \n \n
\n'},4401:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-dropdown-alignment',\n templateUrl: './menu-alignment.html'\n})\nexport class DemoDropdownAlignmentComponent {}\n"},72043:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r='\n Click me for a dropdown, yo!\n \n\n'},30163:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-dropdown-anchor-trigger',\n templateUrl: './anchor-trigger.html'\n})\nexport class DemoDropdownAnchorTriggerComponent {\n items: string[] = [\n 'The first choice!',\n 'And another choice for you.',\n 'but wait! A third!'\n ];\n\n onHidden(): void {\n console.log('Dropdown is hidden');\n }\n onShown(): void {\n console.log('Dropdown is shown');\n }\n isOpenChange(): void {\n console.log('Dropdown state is changed');\n }\n}\n"},67721:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r='\n \n \n
\n'},7653:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r="import { Component } from '@angular/core';\nimport { BsDropdownConfig } from 'ngx-bootstrap/dropdown';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-dropdown-animation',\n templateUrl: './animated.html',\n providers: [{ provide: BsDropdownConfig, useValue: { isAnimated: true, autoClose: true } }]\n})\nexport class DemoDropdownAnimatedComponent {}\n"},75593:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r='\n
\n'},67749:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-dropdown-autoclose',\n templateUrl: './autoclose.html'\n})\nexport class DemoDropdownAutoCloseComponent {}\n"},84325:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r='\n
\n Default behavior: dropdown closes after outside click or pressing ESC
\n\n \n \n
\n \n
\nThis dropdown won\'t be closed after outside click or pressing ESC
\n\n \n \n
\n \n \n \n
\n'},63521:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-dropdown-basic',\n templateUrl: './basic.html'\n})\nexport class DemoDropdownBasicComponent {}\n"},659:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r='\n \n \n
\n'},71563:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r="import { Component } from '@angular/core';\nimport { BsDropdownConfig } from 'ngx-bootstrap/dropdown';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-dropdown-config',\n templateUrl: './config.html',\n providers: [{ provide: BsDropdownConfig, useValue: { autoClose: false } }]\n})\nexport class DemoDropdownConfigComponent {}\n"},89049:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r='\n \n \n
\n'},10645:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-dropdown-container',\n templateUrl: './container.html'\n})\nexport class DemoDropdownContainerComponent {}\n"},5721:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r='\n \n \n
\n'},79861:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-dropdown-custom-html',\n templateUrl: './custom-html.html'\n})\nexport class DemoDropdownCustomHtmlComponent {}\n"},57745:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r='\n \n \n
\n'},93821:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-dropdown-disabled-item',\n templateUrl: './disabled-item.html'\n})\nexport class DemoDropdownDisabledItemComponent {}\n"},90273:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r='\n \n \n
\n\n'},30349:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-dropdown-disabled',\n templateUrl: './disabled-menu.html'\n})\nexport class DemoDropdownDisabledComponent {\n disabled = false;\n}\n"},62055:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r='\n \n \n
\n'},21951:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-dropdown-dropup',\n templateUrl: './dropup.html'\n})\nexport class DemoDropdownDropupComponent {\n isDropup = true;\n}\n"},78393:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r='\n \n \n
\n'},90325:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-dropdown-inside-click',\n templateUrl: './inside-click.html'\n})\nexport class DemoDropdownInsideClickComponent {}\n"},38329:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r='\n \n \n
\n'},74741:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-dropdown-menu-dividers',\n templateUrl: './menu-dividers.html'\n})\nexport class DemoDropdownMenuDividersComponent {}\n"},34111:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r='\n \n \n
\n'},41927:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-nested-dropdowns',\n templateUrl: './nested-dropdowns.html'\n})\nexport class DemoNestedDropdownsComponent {}\n"},46637:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r='\n \n \n \n
\n'},121:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-dropdown-split',\n templateUrl: './split.html'\n})\nexport class DemoDropdownSplitComponent {}\n"},19657:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r='\n
\n'},33605:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-dropdown-state-change-event',\n templateUrl: './state-change-event.html'\n})\nexport class DemoDropdownStateChangeEventComponent {\n text?: string;\n onOpenChange(data: boolean): void {\n this.text = data ? 'opened' : 'closed';\n }\n}\n"},32089:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r='\n
\n The dropdown is {{text}}\n \n
\n\n \n \n
\n \n \n \n
\n\n'},64309:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-dropdown-trigger-by-isopen',\n templateUrl: './trigger-by-isopen-property.html'\n})\nexport class DemoDropdownByIsOpenPropComponent {\n}\n"},84077:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r='\n \n \n
\n\n\n\n'},11513:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-dropdown-triggers-manual',\n templateUrl: './triggers-manual.html'\n})\nexport class DemoDropdownTriggersManualComponent {\n}\n"},89653:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r='\n
\n'},75889:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-dropdown-visibility-events',\n templateUrl: './visibility-events.html'\n})\nexport class DemoDropdownVisibilityEventsComponent {\n messages: string[] = [];\n message = 'onShown';\n\n handler(value: string): void {\n this.messages.push(`Event ${value} is fired`);\n this.messages = this.messages.length > 2 ? this.messages.slice(0, 1) : this.messages;\n }\n}\n"},74630:(l,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r="### Standalone component usage\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\n\nimport { BsDropdownModule } from 'ngx-bootstrap/datepicker';\n\n@Components({\n standalone: true,\n imports: [\n BrowserAnimationsModule,\n BsDropdownModule,\n ...\n ]\n})\nexport class AppComponents(){}\n\n\n### Module usage\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\n\nimport { BsDropdownModule } from 'ngx-bootstrap/dropdown';\n\n@NgModule({\n imports: [\n BrowserAnimationsModule,\n BsDropdownModule\n ]\n})\nexport class AppModule(){}\n\nAlso should be added web-animations-js polyfill for IE browser (Edge)\n"}}]);
\ No newline at end of file
diff --git a/750.5d2b2bc413efa2cd.js b/750.5d2b2bc413efa2cd.js
new file mode 100644
index 0000000000..c0e6f297a1
--- /dev/null
+++ b/750.5d2b2bc413efa2cd.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkngx_bootstrap_docs=self.webpackChunkngx_bootstrap_docs||[]).push([[750],{20750:(c,r,a)=>{a.r(r),a.d(r,{DemoProgressbarModule:()=>G,ProgressbarSectionComponent:()=>y});var i=a(60177),C=a(84341),P=a(8681),e=a(54438);let x=(()=>{class s{static forRoot(){return s}static#e=this.\u0275fac=function(n){return new(n||s)};static#t=this.\u0275mod=e.$C({type:s});static#n=this.\u0275inj=e.G2t({})}return s})();var l=a(37472);const F=["*"];let E=(()=>{class s{constructor(t,n){this.el=t,this.renderer=n,this.max=100,this.value=0,this.animate=!1,this.striped=!1,this.type="info",this.percent=100}ngOnChanges(t){(t.value||t.max)&&(this.percent=Number(t.value?.currentValue||this.value)/Number(t.max?.currentValue||this.max||100)*100),t.type&&this.applyTypeClasses()}applyTypeClasses(){if(this._prevType){const n=`bg-${this._prevType}`;this.renderer.removeClass(this.el.nativeElement,`progress-bar-${this._prevType}`),this.renderer.removeClass(this.el.nativeElement,n),this._prevType=void 0}if(this.type){const n=`bg-${this.type}`;this.renderer.addClass(this.el.nativeElement,`progress-bar-${this.type}`),this.renderer.addClass(this.el.nativeElement,n),this._prevType=this.type}}static#e=this.\u0275fac=function(n){return new(n||s)(e.rXU(e.aKT),e.rXU(e.sFG))};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["bar"]],hostAttrs:["role","progressbar","aria-valuemin","0"],hostVars:13,hostBindings:function(n,o){2&n&&(e.BMQ("aria-valuenow",o.value)("aria-valuetext",o.percent?o.percent.toFixed(0)+"%":"")("aria-valuemax",o.max),e.xc7("height","100","%")("width",o.percent,"%"),e.AVh("progress-bar",!0)("progress-bar-animated",o.animate)("progress-bar-striped",o.striped))},inputs:{max:"max",value:"value",animate:"animate",striped:"striped",type:"type"},standalone:!0,features:[e.OA$,e.aNF],ngContentSelectors:F,decls:1,vars:0,template:function(n,o){1&n&&(e.NAR(),e.SdG(0))},encapsulation:2,changeDetection:0})}return s})(),g=(()=>{class s{constructor(){this.animate=!1,this.max=100}static#e=this.\u0275fac=function(n){return new(n||s)};static#t=this.\u0275prov=e.jDH({token:s,factory:s.\u0275fac,providedIn:"root"})}return s})();const T=["*"];function k(s,d){1&s&&e.eu8(0)}function D(s,d){if(1&s&&(e.j41(0,"bar",3),e.SdG(1),e.k0s()),2&s){const t=e.XpG();e.Y8G("type",t.type)("value",t._value)("max",t.max)("animate",t.animate)("striped",t.striped)}}function S(s,d){if(1&s&&(e.j41(0,"bar",3),e.EFF(1),e.k0s()),2&s){const t=d.$implicit,n=e.XpG(2);e.Y8G("type",t.type)("value",t.value)("max",t.max||n.max)("animate",n.animate)("striped",n.striped),e.R7$(),e.JRh(t.label)}}function j(s,d){if(1&s&&e.DNE(0,S,2,6,"bar",4),2&s){const t=e.XpG();e.Y8G("ngForOf",t._values)}}let p=(()=>{class s{set value(t){this.isStacked=Array.isArray(t),"number"==typeof t?(this._value=t,this._values=void 0):(this._value=void 0,this._values=t)}constructor(t){this.max=100,this.animate=!1,this.striped=!1,this.isStacked=!1,this._value=0,Object.assign(this,t)}static#e=this.\u0275fac=function(n){return new(n||s)(e.rXU(g))};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["progressbar"]],hostVars:3,hostBindings:function(n,o){2&n&&(e.BMQ("max",o.max),e.AVh("progress",!0))},inputs:{max:"max",animate:"animate",striped:"striped",type:"type",value:"value"},standalone:!0,features:[e.aNF],ngContentSelectors:T,decls:5,vars:3,consts:[["NotStacked",""],["Stacked",""],[4,"ngIf","ngIfThen","ngIfElse"],[3,"type","value","max","animate","striped"],[3,"type","value","max","animate","striped",4,"ngFor","ngForOf"]],template:function(n,o){if(1&n&&(e.NAR(),e.DNE(0,k,1,0,"ng-container",2)(1,D,2,5,"ng-template",null,0,e.C5r)(3,j,1,1,"ng-template",null,1,e.C5r)),2&n){const m=e.sdS(2),u=e.sdS(4);e.Y8G("ngIf",!o.isStacked)("ngIfThen",m)("ngIfElse",u)}},dependencies:[i.bT,E,i.pM],styles:["[_nghost-%COMP%]{width:100%;display:flex}"],changeDetection:0})}return s})(),b=(()=>{class s{static#e=this.\u0275fac=function(n){return new(n||s)};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["demo-progressbar-static"]],decls:13,vars:7,consts:[[1,"row"],[1,"col-sm-4"],[1,"mb-2"],[3,"value"],["type","warning",3,"value","striped"],["type","danger",3,"max","value","striped","animate"]],template:function(n,o){1&n&&(e.j41(0,"div",0)(1,"div",1)(2,"div",2),e.nrm(3,"progressbar",3),e.k0s()(),e.j41(4,"div",1)(5,"div",2)(6,"progressbar",4),e.EFF(7,"22%"),e.k0s()()(),e.j41(8,"div",1)(9,"div",2)(10,"progressbar",5)(11,"i"),e.EFF(12,"166 / 200"),e.k0s()()()()()),2&n&&(e.R7$(3),e.Y8G("value",55),e.R7$(3),e.Y8G("value",22)("striped",!0),e.R7$(4),e.Y8G("max",200)("value",166)("striped",!0)("animate",!0))},dependencies:[p],encapsulation:2})}return s})(),h=(()=>{class s{constructor(){this.max=200,this.dynamic=0,this.type="info",this.random()}random(){const t=Math.floor(100*Math.random()+1);let n;n=t<25?"success":t<50?"info":t<75?"warning":"danger",this.dynamic=t,this.type=n}static#e=this.\u0275fac=function(n){return new(n||s)};static#t=this.\u0275cmp=e.VBU({type:s,selectors:[["demo-progressbar-dynamic"]],decls:19,vars:10,consts:[[1,"mb-2"],[3,"max","value"],[1,"text-nowrap"],["type","success",3,"animate","value"],[1,"mb-3"],[1,"progress-striped","active",3,"value","type"],["type","button",1,"btn","btn-sm","btn-primary",3,"click"]],template:function(n,o){1&n&&(e.j41(0,"div",0)(1,"progressbar",1)(2,"span",2),e.EFF(3),e.k0s()(),e.j41(4,"small")(5,"em"),e.EFF(6,"No animation"),e.k0s()()(),e.j41(7,"div",0)(8,"progressbar",3)(9,"b"),e.EFF(10),e.k0s()(),e.j41(11,"small")(12,"em"),e.EFF(13,"Object (changes type based on value)"),e.k0s()()(),e.j41(14,"div",4)(15,"progressbar",5),e.EFF(16),e.k0s()(),e.j41(17,"button",6),e.bIt("click",function(){return o.random()}),e.EFF(18,"Randomize"),e.k0s()),2&n&&(e.R7$(),e.Y8G("max",o.max)("value",o.dynamic),e.R7$(2),e.Lme("",o.dynamic," / ",o.max,""),e.R7$(5),e.Y8G("animate",!1)("value",o.dynamic),e.R7$(2),e.SpI("",o.dynamic,"%"),e.R7$(5),e.Y8G("value",o.dynamic)("type",o.type),e.R7$(),e.JRh(o.type))},dependencies:[p],encapsulation:2})}return s})(),v=(()=>{class s{constructor(){this.stacked=[],this.randomStacked()}randomStacked(){const t=["success","info","warning","danger"];this.stacked=[];const n=Math.floor(4*Math.random()+1);for(let o=0;o\n
\n {{message}}\n \n
\n\n \n \n
\n \n 136 / 150 \n
\n'},10096:(c,r,a)=>{a.r(r),a.d(r,{default:()=>i});const i="import { Component } from '@angular/core';\nimport { ProgressbarConfig } from 'ngx-bootstrap/progressbar';\n\n// such override allows to keep some initial values\n\nexport function getProgressbarConfig(): ProgressbarConfig {\n return Object.assign(new ProgressbarConfig(), { animate: true, striped: true, max: 150 });\n}\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-progressbar-config',\n templateUrl: './config.html',\n providers: [{ provide: ProgressbarConfig, useFactory: getProgressbarConfig }]\n})\nexport class DemoProgressbarConfigComponent {}\n"},83386:(c,r,a)=>{a.r(r),a.d(r,{default:()=>i});const i='\n \n {{dynamic}} / {{max}}\n \n No animation\n
\n\n {{dynamic}}% \n Object (changes type based on value)\n
\n\n {{type}} \n
\n\n'},17126:(c,r,a)=>{a.r(r),a.d(r,{default:()=>i});const i="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-progressbar-dynamic',\n templateUrl: './dynamic.html'\n})\nexport class DemoProgressbarDynamicComponent {\n max = 200;\n showWarning?: boolean;\n dynamic = 0;\n type: 'success' | 'info' | 'warning' | 'danger' = 'info';\n\n constructor() {\n this.random();\n }\n\n random(): void {\n const value = Math.floor(Math.random() * 100 + 1);\n let type: 'success' | 'info' | 'warning' | 'danger';\n\n if (value < 25) {\n type = 'success';\n } else if (value < 50) {\n type = 'info';\n } else if (value < 75) {\n type = 'warning';\n } else {\n type = 'danger';\n }\n\n this.dynamic = value;\n this.type = type;\n }\n}\n"},61110:(c,r,a)=>{a.r(r),a.d(r,{default:()=>i});const i='\n
\n'},47522:(c,r,a)=>{a.r(r),a.d(r,{default:()=>i});const i="import { Component } from '@angular/core';\nimport { ProgressbarType } from 'ngx-bootstrap/progressbar';\n\ninterface IStack {\n type: ProgressbarType;\n label: string;\n value: number;\n max: number;\n}\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-progressbar-stacked',\n templateUrl: './stacked.html'\n})\nexport class DemoProgressbarStackedComponent {\n type?: string;\n stacked: IStack[] = [];\n\n constructor() {\n this.randomStacked();\n }\n\n randomStacked(): void {\n const types = ['success', 'info', 'warning', 'danger'];\n\n this.stacked = [];\n const n = Math.floor(Math.random() * 4 + 1);\n for (let i = 0; i < n; i++) {\n const index = Math.floor(Math.random() * 4);\n const value = Math.floor(Math.random() * 27 + 3);\n this.stacked.push(\n
\n \n
\n \n \n
\n\n
\n'},72064:(c,r,a)=>{a.r(r),a.d(r,{default:()=>i});const i="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-progressbar-static',\n templateUrl: './static.html'\n})\nexport class DemoProgressbarStaticComponent {}\n"},92251:(c,r,a)=>{a.r(r),a.d(r,{default:()=>i});const i="### Standalone component usage\nimport { ProgressbarModule } from 'ngx-bootstrap/progressbar';\n\n@Component({\n standalone: true,\n imports: [ProgressbarModule,...]\n})\nexport class AppComponent(){}\n\n### Module usage\nimport { ProgressbarModule } from 'ngx-bootstrap/progressbar';\n\n@NgModule({\n imports: [ProgressbarModule,...]\n})\nexport class AppModule(){}\n"}}]);
\ No newline at end of file
diff --git a/842.64b3f95163885589.js b/842.64b3f95163885589.js
new file mode 100644
index 0000000000..693357447f
--- /dev/null
+++ b/842.64b3f95163885589.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkngx_bootstrap_docs=self.webpackChunkngx_bootstrap_docs||[]).push([[842],{34842:(a,n,o)=>{o.r(n),o.d(n,{DemoTooltipModule:()=>H,TooltipSectionComponent:()=>x});var s=o(60177),O=o(84341),j=o(8681),d=o(60944),m=o(37472),t=o(54438),u=o(69186);let b=(()=>{class e{static#t=this.\u0275fac=function(l){return new(l||e)};static#o=this.\u0275cmp=t.VBU({type:e,selectors:[["demo-tooltip-adaptive-position"]],decls:4,vars:2,consts:[["type","button","tooltip","Vivamus sagittis lacus vel augue laoreet rutrum faucibus.","placement","top",1,"btn","btn-default","btn-secondary","mb-2",3,"adaptivePosition"],["type","button","tooltip","Vivamus sagittis lacus vel augue laoreet rutrum faucibus.","placement","right",1,"btn","btn-default","btn-secondary","mb-2",3,"adaptivePosition"]],template:function(l,c){1&l&&(t.j41(0,"button",0),t.EFF(1," Tooltip on top\n"),t.k0s(),t.j41(2,"button",1),t.EFF(3," Tooltip on right\n"),t.k0s()),2&l&&(t.Y8G("adaptivePosition",!1),t.R7$(2),t.Y8G("adaptivePosition",!1))},dependencies:[u.d],encapsulation:2})}return e})(),g=(()=>{class e{static#t=this.\u0275fac=function(l){return new(l||e)};static#o=this.\u0275cmp=t.VBU({type:e,selectors:[["demo-tooltip-basic"]],decls:2,vars:0,consts:[["type","button","tooltip","Vivamus sagittis lacus vel augue laoreet rutrum faucibus.",1,"btn","btn-primary"]],template:function(l,c){1&l&&(t.j41(0,"button",0),t.EFF(1," Simple demo\n"),t.k0s())},dependencies:[u.d],encapsulation:2})}return e})(),f=(()=>{class e{static#t=this.\u0275fac=function(l){return new(l||e)};static#o=this.\u0275cmp=t.VBU({type:e,selectors:[["demo-tooltip-class"]],decls:2,vars:0,consts:[["type","button","tooltip","Vivamus sagittis lacus vel augue laoreet rutrum faucibus.","containerClass","customClass",1,"btn","btn-primary"]],template:function(l,c){1&l&&(t.j41(0,"button",0),t.EFF(1," Demo with custom class\n"),t.k0s())},dependencies:[u.d],encapsulation:2})}return e})();function R(){return Object.assign(new d.iJ,{placement:"right",container:"body",delay:500})}let y=(()=>{class e{static#t=this.\u0275fac=function(l){return new(l||e)};static#o=this.\u0275cmp=t.VBU({type:e,selectors:[["demo-tooltip-config"]],features:[t.Jv_([{provide:d.iJ,useFactory:R}])],decls:2,vars:0,consts:[["type","button","tooltip","Vivamus sagittis lacus vel augue laoreet rutrum faucibus.",1,"btn","btn-primary"]],template:function(l,c){1&l&&(t.j41(0,"button",0),t.EFF(1," Preconfigured tooltip\n"),t.k0s())},dependencies:[u.d],encapsulation:2})}return e})(),h=(()=>{class e{static#t=this.\u0275fac=function(l){return new(l||e)};static#o=this.\u0275cmp=t.VBU({type:e,selectors:[["demo-tooltip-container"]],decls:6,vars:0,consts:[[1,"row",2,"position","relative","overflow","hidden","padding-top","10px"],[1,"col-xs-12","col-12"],["type","button","tooltip","Vivamus sagittis lacus vel augue laoreet rutrum faucibus.",1,"btn","btn-danger"],["type","button","tooltip","Vivamus sagittis lacus vel augue laoreet rutrum faucibus.","container","body",1,"btn","btn-success"]],template:function(l,c){1&l&&(t.j41(0,"div",0)(1,"div",1)(2,"button",2),t.EFF(3," Default tooltip "),t.k0s(),t.j41(4,"button",3),t.EFF(5," Tooltip appended to body "),t.k0s()()())},dependencies:[u.d],encapsulation:2})}return e})();function L(e,B){if(1&e&&t.EFF(0),2&e){const i=t.XpG();t.SpI("Just another: ",i.content,"")}}let T=(()=>{class e{constructor(){this.content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."}static#t=this.\u0275fac=function(l){return new(l||e)};static#o=this.\u0275cmp=t.VBU({type:e,selectors:[["demo-tooltip-custom-content"]],decls:4,vars:1,consts:[["tolTemplate",""],["type","button",1,"btn","btn-warning",3,"tooltip"]],template:function(l,c){if(1&l&&(t.DNE(0,L,1,1,"ng-template",null,0,t.C5r),t.j41(2,"button",1),t.EFF(3," TemplateRef binding\n"),t.k0s()),2&l){const p=t.sdS(1);t.R7$(2),t.Y8G("tooltip",p)}},dependencies:[u.d],encapsulation:2})}return e})(),C=(()=>{class e{static#t=this.\u0275fac=function(l){return new(l||e)};static#o=this.\u0275cmp=t.VBU({type:e,selectors:[["demo-tooltip-delay"]],decls:2,vars:1,consts:[["type","button","tooltip","Vivamus sagittis lacus vel augue laoreet rutrum faucibus.",1,"btn","btn-primary",3,"delay"]],template:function(l,c){1&l&&(t.j41(0,"button",0),t.EFF(1," Tooltip with 0.5sec delay\n"),t.k0s()),2&l&&t.Y8G("delay",500)},dependencies:[u.d],encapsulation:2})}return e})(),v=(()=>{class e{static#t=this.\u0275fac=function(l){return new(l||e)};static#o=this.\u0275cmp=t.VBU({type:e,selectors:[["demo-tooltip-dismiss"]],decls:2,vars:0,consts:[["type","button","tooltip","Vivamus sagittis lacus vel augue laoreet rutrum faucibus.","triggers","focus",1,"btn","btn-success"]],template:function(l,c){1&l&&(t.j41(0,"button",0),t.EFF(1," Dismissible tooltip\n"),t.k0s())},dependencies:[u.d],encapsulation:2})}return e})(),E=(()=>{class e{constructor(){this.content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."}static#t=this.\u0275fac=function(l){return new(l||e)};static#o=this.\u0275cmp=t.VBU({type:e,selectors:[["demo-tooltip-dynamic"]],decls:2,vars:1,consts:[["type","button",1,"btn","btn-info",3,"tooltip"]],template:function(l,c){1&l&&(t.j41(0,"button",0),t.EFF(1," Simple binding\n"),t.k0s()),2&l&&t.Y8G("tooltip",c.content)},dependencies:[u.d],encapsulation:2})}return e})();function M(e,B){if(1&e&&(t.EFF(0,"Here we go: "),t.nrm(1,"div",2)),2&e){const i=t.XpG();t.R7$(),t.Y8G("innerHtml",i.html,t.npT)}}let D=(()=>{class e{constructor(){this.html='Never trust not sanitized HTML!!!'}static#t=this.\u0275fac=function(l){return new(l||e)};static#o=this.\u0275cmp=t.VBU({type:e,selectors:[["demo-tooltip-dynamic-html"]],decls:4,vars:1,consts:[["popTemplate",""],["type","button",1,"btn","btn-success",3,"tooltip"],[3,"innerHtml"]],template:function(l,c){if(1&l&&(t.DNE(0,M,2,1,"ng-template",null,0,t.C5r),t.j41(2,"button",1),t.EFF(3," Show me tooltip with html\n"),t.k0s()),2&l){const p=t.sdS(1);t.R7$(2),t.Y8G("tooltip",p)}},dependencies:[u.d],encapsulation:2})}return e})(),F=(()=>{class e{static#t=this.\u0275fac=function(l){return new(l||e)};static#o=this.\u0275cmp=t.VBU({type:e,selectors:[["demo-tooltip-placement"]],decls:10,vars:0,consts:[["type","button","tooltip","Vivamus sagittis lacus vel augue laoreet rutrum faucibus.","placement","top",1,"btn","btn-default","btn-secondary","mb-2"],["type","button","tooltip","Vivamus sagittis lacus vel augue laoreet rutrum faucibus.","placement","right",1,"btn","btn-default","btn-secondary","mb-2"],["type","button","tooltip","Vivamus sagittis lacus vel augue laoreet rutrum faucibus.","placement","auto",1,"btn","btn-default","btn-secondary","mb-2"],["type","button","tooltip","Vivamus sagittis lacus vel augue laoreet rutrum faucibus.","placement","left",1,"btn","btn-default","btn-secondary","mb-2"],["type","button","tooltip","Vivamus sagittis lacus vel augue laoreet rutrum faucibus.","placement","bottom",1,"btn","btn-default","btn-secondary","mb-2"]],template:function(l,c){1&l&&(t.j41(0,"button",0),t.EFF(1," Tooltip on top\n"),t.k0s(),t.j41(2,"button",1),t.EFF(3," Tooltip on right\n"),t.k0s(),t.j41(4,"button",2),t.EFF(5," Tooltip auto\n"),t.k0s(),t.j41(6,"button",3),t.EFF(7," Tooltip on left\n"),t.k0s(),t.j41(8,"button",4),t.EFF(9," Tooltip on bottom\n"),t.k0s())},dependencies:[u.d],encapsulation:2})}return e})(),P=(()=>{class e{static#t=this.\u0275fac=function(l){return new(l||e)};static#o=this.\u0275cmp=t.VBU({type:e,selectors:[["demo-tooltip-styling-local"]],decls:2,vars:0,consts:[["type","button","tooltip","Vivamus sagittis lacus vel augue laoreet rutrum faucibus.",1,"btn","btn-info"]],template:function(l,c){1&l&&(t.j41(0,"button",0),t.EFF(1," I have component level styling\n"),t.k0s())},dependencies:[u.d],styles:["[_nghost-%COMP%] .tooltip-inner[_ngcontent-%COMP%]{background-color:#009688;color:#fff}[_nghost-%COMP%] .tooltip.top[_ngcontent-%COMP%] .tooltip-arrow[_ngcontent-%COMP%]:before, [_nghost-%COMP%] .tooltip.top[_ngcontent-%COMP%] .tooltip-arrow[_ngcontent-%COMP%]{border-top-color:#009688}"]})}return e})(),A=(()=>{class e{static#t=this.\u0275fac=function(l){return new(l||e)};static#o=this.\u0275cmp=t.VBU({type:e,selectors:[["demo-tooltip-triggers-custom"]],decls:11,vars:0,consts:[[1,"row"],[1,"col-xs-6","col-6"],["type","button","tooltip","I will hide on click","triggers","mouseenter:click",1,"btn","btn-info"],["type","button","tooltip","I will hide on click","triggers","click",1,"btn","btn-info"]],template:function(l,c){1&l&&(t.j41(0,"div",0)(1,"div",1)(2,"p"),t.EFF(3,"Desktop"),t.k0s(),t.j41(4,"button",2),t.EFF(5," Hover over me! "),t.k0s()(),t.j41(6,"div",1)(7,"p"),t.EFF(8,"Mobile"),t.k0s(),t.j41(9,"button",3),t.EFF(10," Click on me! "),t.k0s()()())},dependencies:[u.d],encapsulation:2})}return e})(),U=(()=>{class e{static#t=this.\u0275fac=function(l){return new(l||e)};static#o=this.\u0275cmp=t.VBU({type:e,selectors:[["demo-tooltip-triggers-manual"]],decls:10,vars:0,consts:[["pop","bs-tooltip"],["tooltip","Hello there! I was triggered manually","triggers",""],["type","button",1,"btn","btn-success",3,"click"],["type","button",1,"btn","btn-warning",3,"click"],["type","button",1,"btn","btn-info",3,"click"]],template:function(l,c){if(1&l){const p=t.RV6();t.j41(0,"p")(1,"span",1,0),t.EFF(3," This text has attached tooltip "),t.k0s()(),t.j41(4,"button",2),t.bIt("click",function(){t.eBV(p);const r=t.sdS(2);return t.Njj(r.show())}),t.EFF(5," Show\n"),t.k0s(),t.j41(6,"button",3),t.bIt("click",function(){t.eBV(p);const r=t.sdS(2);return t.Njj(r.hide())}),t.EFF(7," Hide\n"),t.k0s(),t.j41(8,"button",4),t.bIt("click",function(){t.eBV(p);const r=t.sdS(2);return t.Njj(r.toggle())}),t.EFF(9," Toggle\n"),t.k0s()}},dependencies:[u.d],encapsulation:2})}return e})();const S=[{name:"Overview",anchor:"overview",tabName:"overview",outlet:m.xK,content:[{title:"Basic",anchor:"basic",component:o(31217),html:o(2549),outlet:g},{title:"Placement",anchor:"placement",component:o(50962),html:o(63657),description:"\n
\n \n
\n \n
\n \n 22% \n
\n \n
\n\n 166 / 200 \n
\n Four positioning options are available: top, right,\n bottom, and left. Besides that, auto option may be\n used to detect a position that fits the component on the screen.
You can disable adaptive position via adaptivePosition input or config option
Use the focus trigger to dismiss tooltips on the next click\n that the user makes.
Pass a string as tooltip content
",outlet:E},{title:"Custom content template",anchor:"custom-content-template",component:o(21085),html:o(32241),description:'Create <ng-template #myId> with any html allowed by Angular,\n and provide template ref [tooltip]="myId" as tooltip content
By using [innerHtml] inside ng-template you\n can display any dynamic html
When you have some styles on a parent element that interfere with a tooltip,\n you\u2019ll want to specify a container="body" so that the tooltip\u2019s HTML will be\n appended to body. This will help to avoid rendering problems in more complex components\n (like our input groups, button groups, etc) or inside elements with overflow: hidden
You can manage tooltip using its show(), hide() and toggle() methods.\n If you want to manage tooltip\'s state manually, use triggers=""
Hold on cursor above button for 0,5 second or more to see delayed tooltip
",outlet:C}]},{name:"Installation",anchor:"api-reference",tabName:"api",outlet:m.Mg,usage:o(4470),importInfo:'ng add ngx-bootstrap --component tooltip',content:[{title:"TooltipDirective",anchor:"tooltip-directive",outlet:m.r2},{title:"TooltipConfig",anchor:"tooltip-config",outlet:m.TJ}]},{name:"Examples",anchor:"examples",tabName:"examples",outlet:m.xK,content:[{title:"Basic",anchor:"basic-ex",outlet:g},{title:"Placement",anchor:"placement-ex",outlet:F},{title:"Disable adaptive position",anchor:"adaptive-position-ex",outlet:b},{title:"Dismiss on next click",anchor:"dismiss-ex",outlet:v},{title:"Dynamic Content",anchor:"dynamic-content-ex",outlet:E},{title:"Custom content template",anchor:"custom-content-template-ex",outlet:T},{title:"Dynamic Html",anchor:"dynamic-html-ex",outlet:D},{title:"Append to body",anchor:"append-to-body-ex",outlet:h},{title:"Configuring defaults",anchor:"config-defaults-ex",outlet:y},{title:"Custom triggers",anchor:"triggers-custom-ex",outlet:A},{title:"Manual triggering",anchor:"triggers-manual-ex",outlet:U},{title:"Component level styling",anchor:"styling-local-ex",outlet:P},{title:"Custom class",anchor:"custom-class-ex",outlet:f},{title:"Tooltip with delay",anchor:"tooltip-delay-ex",outlet:C}]}];var K=o(86223),X=o(52439);let x=(()=>{class e{constructor(){this.name="Tooltip",this.src="https://github.com/valor-software/ngx-bootstrap/tree/development/src/tooltip",this.componentContent=S}static#t=this.\u0275fac=function(l){return new(l||e)};static#o=this.\u0275cmp=t.VBU({type:e,selectors:[["tooltip-section"]],decls:6,vars:4,consts:[[3,"name","src","componentContent"],[3,"content"]],template:function(l,c){1&l&&(t.j41(0,"demo-section",0)(1,"p"),t.EFF(2,"Inspired by the excellent Tipsy jQuery plugin written by Jason Frame. Tooltips are an updated version, which don\u2019t rely on images, use CSS3 for animations, and much more."),t.k0s(),t.j41(3,"p"),t.EFF(4,"The easiest way to add the tooltip component to your app (will be added to the root module)"),t.k0s(),t.nrm(5,"docs-section",1),t.k0s()),2&l&&(t.Y8G("name",c.name)("src",c.src)("componentContent",c.componentContent),t.R7$(5),t.Y8G("content",c.componentContent))},dependencies:[K.q,X.C],encapsulation:2,changeDetection:0})}return e})();const W=[{path:"",component:x}];let H=(()=>{class e{static#t=this.\u0275fac=function(l){return new(l||e)};static#o=this.\u0275mod=t.$C({type:e});static#n=this.\u0275inj=t.G2t({imports:[s.MD,O.YN,m.ky,d.Ss,j.iI.forChild(W)]})}return e})()},28053:(a,n,o)=>{o.r(n),o.d(n,{default:()=>s});const s='\n\n\n'},16881:(a,n,o)=>{o.r(n),o.d(n,{default:()=>s});const s="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-tooltip-adaptive-position',\n templateUrl: './adaptive-position.html'\n})\nexport class DemoTooltipAdaptivePositionComponent {}\n"},2549:(a,n,o)=>{o.r(n),o.d(n,{default:()=>s});const s='\n\n'},31217:(a,n,o)=>{o.r(n),o.d(n,{default:()=>s});const s="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-tooltip-basic',\n templateUrl: './basic.html'\n})\nexport class DemoTooltipBasicComponent {}\n"},84457:(a,n,o)=>{o.r(n),o.d(n,{default:()=>s});const s='\n\n'},13925:(a,n,o)=>{o.r(n),o.d(n,{default:()=>s});const s="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-tooltip-class',\n templateUrl: './class.html'\n})\nexport class DemoTooltipClassComponent {}\n"},64803:(a,n,o)=>{o.r(n),o.d(n,{default:()=>s});const s='\n'},37947:(a,n,o)=>{o.r(n),o.d(n,{default:()=>s});const s="import { Component } from '@angular/core';\nimport { TooltipConfig } from 'ngx-bootstrap/tooltip';\n\n// such override allows to keep some initial values\n\nexport function getAlertConfig(): TooltipConfig {\n return Object.assign(new TooltipConfig(), {\n placement: 'right',\n container: 'body',\n delay: 500\n });\n}\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-tooltip-config',\n templateUrl: './config.html',\n providers: [{ provide: TooltipConfig, useFactory: getAlertConfig }]\n})\nexport class DemoTooltipConfigComponent {}\n"},64265:(a,n,o)=>{o.r(n),o.d(n,{default:()=>s});const s='\n\n'},61285:(a,n,o)=>{o.r(n),o.d(n,{default:()=>s});const s="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-tooltip-container',\n templateUrl: './container.html'\n})\nexport class DemoTooltipContainerComponent {}\n"},32241:(a,n,o)=>{o.r(n),o.d(n,{default:()=>s});const s='\n
\n'},46797:(a,n,o)=>{o.r(n),o.d(n,{default:()=>s});const s="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-tooltip-triggers-custom',\n templateUrl: './triggers-custom.html'\n})\nexport class DemoTooltipTriggersCustomComponent {}\n"},15997:(a,n,o)=>{o.r(n),o.d(n,{default:()=>s});const s='\n
\n\n Desktop
\n \n\n
\nMobile
\n \n\n \n This text has attached tooltip\n \n
\n\n\n\n\n\n'},67113:(a,n,o)=>{o.r(n),o.d(n,{default:()=>s});const s="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-tooltip-triggers-manual',\n templateUrl: './triggers-manual.html'\n})\nexport class DemoTooltipTriggersManualComponent {}\n"},4470:(a,n,o)=>{o.r(n),o.d(n,{default:()=>s});const s="### Standalone component usage\nimport { TooltipModule } from 'ngx-bootstrap/timepicker';\n\n@Component({\n standalone: true,\n imports: [TooltipModule,...]\n})\nexport class AppComponent(){}\n\n### Module usage\nimport { TooltipModule } from 'ngx-bootstrap/tooltip';\n\n@NgModule({\n imports: [TooltipModule,...]\n})\nexport class AppModule(){}\n"}}]); \ No newline at end of file diff --git a/90.b2ebde120ef580f4.js b/90.b2ebde120ef580f4.js new file mode 100644 index 0000000000..c371ce7725 --- /dev/null +++ b/90.b2ebde120ef580f4.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkngx_bootstrap_docs=self.webpackChunkngx_bootstrap_docs||[]).push([[90],{41090:(g,s,i)=>{i.r(s),i.d(s,{DemoRatingModule:()=>G,RatingSectionComponent:()=>F});var r=i(60177),d=i(84341),E=i(8681),n=i(54438);let R=(()=>{class e{constructor(){this.ariaLabel="rating"}static#n=this.\u0275fac=function(o){return new(o||e)};static#t=this.\u0275prov=n.jDH({token:e,factory:e.\u0275fac,providedIn:"root"})}return e})();const T=(e,m)=>({index:e,value:m});function _(e,m){1&e&&n.EFF(0),2&e&&n.JRh(m.indexEnter to select the value, after this, the rating state will be changed to readonly.",anchor:"select-on-enter",component:i(51709),html:i(60561),outlet:v},{title:"Configuring defaults",anchor:"demo-rating-config",component:i(40011),html:i(12499),outlet:b}]},{name:"Installation",anchor:"api-reference",tabName:"api",usage:i(48710),importInfo:'ng add ngx-bootstrap --component rating',outlet:h.Mg,content:[{title:"RatingComponent",anchor:"rating-component",outlet:h.r2},{title:"RatingConfig",anchor:"rating-config",outlet:h.TJ}]},{name:"Examples",anchor:"examples",tabName:"examples",outlet:h.xK,content:[{title:"Basic rating",anchor:"rating-basic-ex",outlet:f},{title:"Dynamic rating",anchor:"rating-dynamic-ex",outlet:C},{title:"Custom icons",anchor:"rating-custom-ex",outlet:y},{title:"Select on enter",anchor:"select-on-enter-ex",outlet:v},{title:"Configuring defaults",anchor:"demo-rating-config-ex",outlet:b}]}];var L=i(86223),V=i(52439);let F=(()=>{class e{constructor(){this.name="Rating",this.src="https://github.com/valor-software/ngx-bootstrap/tree/development/src/rating",this.componentContent=U}static#n=this.\u0275fac=function(o){return new(o||e)};static#t=this.\u0275cmp=n.VBU({type:e,selectors:[["rating-section"]],decls:6,vars:4,consts:[[3,"name","src","componentContent"],[3,"content"]],template:function(o,t){1&o&&(n.j41(0,"demo-section",0)(1,"p"),n.EFF(2,"Rating component that will take care of visualising a star rating bar"),n.k0s(),n.j41(3,"p"),n.EFF(4,"The easiest way to add the rating component to your app (will be added to the root module)"),n.k0s(),n.nrm(5,"docs-section",1),n.k0s()),2&o&&(n.Y8G("name",t.name)("src",t.src)("componentContent",t.componentContent),n.R7$(5),n.Y8G("content",t.componentContent))},dependencies:[L.q,V.C],encapsulation:2,changeDetection:0})}return e})();const P=[{path:"",component:F}];let G=(()=>{class e{static#n=this.\u0275fac=function(o){return new(o||e)};static#t=this.\u0275mod=n.$C({type:e});static#e=this.\u0275inj=n.G2t({imports:[r.MD,d.YN,h.ky,M,E.iI.forChild(P)]})}return e})()},28581:(g,s,i)=>{i.r(s),i.d(s,{default:()=>r});const r='\n
'},25153:(g,s,i)=>{i.r(s),i.d(s,{default:()=>r});const r="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-rating-basic',\n templateUrl: './basic.html'\n})\nexport class DemoRatingBasicComponent {\n max = 10;\n rate = 7;\n isReadonly = true;\n}\n"},12499:(g,s,i)=>{i.r(s),i.d(s,{default:()=>r});const r='Rate: {{rate}} \n\n
\n'},40011:(g,s,i)=>{i.r(s),i.d(s,{default:()=>r});const r="import { Component } from '@angular/core';\nimport { RatingConfig } from 'ngx-bootstrap/rating';\n\n// such override allows to keep some initial values\nexport function getRatingConfig(): RatingConfig {\n return Object.assign(new RatingConfig(), { ariaLabel: 'My Rating' });\n}\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-rating-config',\n templateUrl: './config.html',\n providers: [{ provide: RatingConfig, useFactory: getRatingConfig }]\n})\nexport class DemoRatingConfigComponent {\n max = 10;\n rate = 7;\n}\n"},13921:(g,s,i)=>{i.r(s),i.d(s,{default:()=>r});const r='Rate: {{rate}} \n\n {{index < value ? \'☑\' : \'☐\'}} \n
\n\n\n
\n (Rate: {{x}})\n \n \n \n \n
\n'},48205:(g,s,i)=>{i.r(s),i.d(s,{default:()=>r});const r="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-rating-custom',\n templateUrl: './custom.html'\n})\nexport class DemoRatingCustomComponent {\n x = 5;\n y = 2;\n}\n"},96521:(g,s,i)=>{i.r(s),i.d(s,{default:()=>r});const r='\n
\n (Rate: {{y}}) \n \n
\n\n\n\n'},99461:(g,s,i)=>{i.r(s),i.d(s,{default:()=>r});const r="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-rating-dynamic',\n templateUrl: './dynamic.html'\n})\nexport class DemoRatingDynamicComponent {\n max = 10;\n rate = 7;\n isReadonly = false;\n\n overStar: number | undefined;\n percent = 0;\n\n hoveringOver(value: number): void {\n this.overStar = value;\n this.percent = (value / this.max) * 100;\n }\n\n resetStar(): void {\n this.overStar = void 0;\n }\n}\n"},60561:(g,s,i)=>{i.r(s),i.d(s,{default:()=>r});const r='Rate: {{rate}}; Readonly is: {{isReadonly}}; Hovering over: {{overStar || "none"}}\n\n
\n\n\n'},51709:(g,s,i)=>{i.r(s),i.d(s,{default:()=>r});const r="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-select-on-enter',\n templateUrl: './select-on-enter.html'\n})\nexport class DemoRatingSelectOnEnterComponent {\n max = 10;\n rate = 7;\n isReadonly = false;\n\n confirmSelection(event: KeyboardEvent) {\n if (event.keyCode === 13 || event.key === 'Enter') {\n this.isReadonly = true;\n }\n }\n\n resetStars() {\n this.rate = 0;\n this.isReadonly = false;\n }\n}\n"},48710:(g,s,i)=>{i.r(s),i.d(s,{default:()=>r});const r="### Standalone component usage\nimport { RatingModule } from 'ngx-bootstrap/rating';\n\n@Component({\n standalone: true,\n imports: [RatingModule,...]\n})\nexport class AppComponent(){}\n\n### Module usage\nimport { RatingModule } from 'ngx-bootstrap/rating';\n\n@NgModule({\n imports: [RatingModule,...]\n})\nexport class AppModule(){}\n"}}]);
\ No newline at end of file
diff --git a/923.ecdd7d193645065c.js b/923.ecdd7d193645065c.js
new file mode 100644
index 0000000000..34f2eee823
--- /dev/null
+++ b/923.ecdd7d193645065c.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkngx_bootstrap_docs=self.webpackChunkngx_bootstrap_docs||[]).push([[923],{11304:(u,l,s)=>{s.r(l),s.d(l,{DemoModalModule:()=>rt,ModalSectionComponent:()=>oe});var c=s(60177),ie=s(84341),se=s(8681),e=s(54438);let y=(()=>{class n{constructor(){this.hide=()=>{},this.setClass=()=>{}}static#e=this.\u0275fac=function(o){return new(o||n)};static#t=this.\u0275prov=e.jDH({token:n,factory:n.\u0275fac,providedIn:"platform"})}return n})(),S=(()=>{class n{static#e=this.\u0275fac=function(o){return new(o||n)};static#t=this.\u0275prov=e.jDH({token:n,factory:n.\u0275fac,providedIn:"platform"})}return n})();const g={backdrop:!0,keyboard:!0,focus:!0,show:!1,ignoreBackdropClick:!1,class:"",animated:!0,initialState:{},closeInterceptor:void 0},E=new e.nKC("override-default-config"),b_OPEN="modal-open";var M=s(36941),h=s(39555);let F=(()=>{class n{get isAnimated(){return this._isAnimated}set isAnimated(t){this._isAnimated=t}get isShown(){return this._isShown}set isShown(t){this._isShown=t,t?this.renderer.addClass(this.element.nativeElement,"show"):this.renderer.removeClass(this.element.nativeElement,"show")}constructor(t,o){this._isAnimated=!1,this._isShown=!1,this.element=t,this.renderer=o}ngOnInit(){this.isAnimated&&(this.renderer.addClass(this.element.nativeElement,"fade"),h.Aq.reflow(this.element.nativeElement)),this.isShown=!0}static#e=this.\u0275fac=function(o){return new(o||n)(e.rXU(e.aKT),e.rXU(e.sFG))};static#t=this.\u0275cmp=e.VBU({type:n,selectors:[["bs-modal-backdrop"]],hostAttrs:[1,"modal-backdrop"],standalone:!0,features:[e.aNF],decls:0,vars:0,template:function(o,i){},encapsulation:2})}return n})(),le=1,p=(()=>{class n{constructor(t,o,i){this.clf=o,this.modalDefaultOption=i,this.onShow=new e.bkB,this.onShown=new e.bkB,this.onHide=new e.bkB,this.onHidden=new e.bkB,this.isBodyOverflowing=!1,this.originalBodyPadding=0,this.scrollbarWidth=0,this.modalsCount=0,this.lastHiddenId=0,this.loaders=[],this._focusEl=null,this._backdropLoader=this.clf.createLoader(),this._renderer=t.createRenderer(null,null),this.config=i?Object.assign({},g,i):g}show(t,o){this._focusEl=h.Al.activeElement,this.modalsCount++,this._createLoaders();const i=o?.id||le++;return this.config=this.modalDefaultOption?Object.assign({},g,this.modalDefaultOption,o):Object.assign({},g,o),this.config.id=i,this._showBackdrop(),this.lastDismissReason=void 0,this._showModal(t)}hide(t){this.lastHiddenId!==t&&(this.lastHiddenId=t,(1===this.modalsCount||null==t)&&(this._hideBackdrop(),this.resetScrollbar()),this.modalsCount=this.modalsCount>=1&&null!=t?this.modalsCount-1:0,setTimeout(()=>{this._hideModal(t),this.removeLoaders(t)},this.config.animated?150:0),this._focusEl&&this._focusEl.focus())}_showBackdrop(){const t=!0===this.config.backdrop||"static"===this.config.backdrop,o=!this.backdropRef||!this.backdropRef.instance.isShown;1===this.modalsCount&&(this.removeBackdrop(),t&&o&&(this._backdropLoader.attach(F).to("body").show({isAnimated:this.config.animated}),this.backdropRef=this._backdropLoader._componentRef))}_hideBackdrop(){this.backdropRef&&(this.backdropRef.instance.isShown=!1,setTimeout(()=>this.removeBackdrop(),this.config.animated?150:0))}_showModal(t){const o=this.loaders[this.loaders.length-1];if(this.config&&this.config.providers)for(const m of this.config.providers)o.provide(m);const i=new y,d=o.provide({provide:S,useValue:this.config}).provide({provide:y,useValue:i}).attach(Se).to("body");return i.hide=()=>this.hide(i.id),i.setClass=m=>{d.instance&&(d.instance.config.class=m)},i.onHidden=new e.bkB,i.onHide=new e.bkB,this.copyEvent(o.onBeforeHide,i.onHide),this.copyEvent(o.onHidden,i.onHidden),d.show({content:t,isAnimated:this.config.animated,initialState:this.config.initialState,bsModalService:this,id:this.config.id}),d.instance&&(d.instance.level=this.getModalsCount(),i.content=o.getInnerComponent(),i.id=d.instance.config?.id),i}_hideModal(t){if(null!=t){const o=this.loaders.findIndex(d=>d.instance?.config.id===t),i=this.loaders[o];i&&i.hide(t)}else this.loaders.forEach(o=>{o.instance&&o.hide(o.instance.config.id)})}getModalsCount(){return this.modalsCount}setDismissReason(t){this.lastDismissReason=t}removeBackdrop(){this._renderer.removeClass(h.Al.body,b_OPEN),this._renderer.setStyle(h.Al.body,"overflow-y",""),this._backdropLoader.hide(),this.backdropRef=void 0}checkScrollbar(){this.isBodyOverflowing=h.Al.body.clientWidthRating: {{rate}}; Readonly is: {{isReadonly}};\nOpen a modal from service.
\nTo be able to open modals from service, inject BsModalService to your constructor.
Then, call\n .show() method of modal service. Pass a TemplateRef or a component as a first argument and\n config as a second (optionally).
.show() method returns an instance of BsModalRef\n class with .hide() method and content property where you'll find a component\n which you've passed to service.
Creating a modal with component just as easy as it is with template. Just pass your component\n in .show() method as in example, and don't forget to include your component to\n entryComponents of your NgModule
If you passed a component\n to .show() you can get access to opened modal by injecting BsModalRef. Also you can pass data\n in your modal by adding initialState field in config. See example for more info
Nested modals are supported
",outlet:x},{title:"Scrolling long content",anchor:"scrolling-long-content",component:s(58525),html:s(31121),outlet:ee},{title:"Events",anchor:"service-events",component:s(42699),html:s(25235),description:"\nModal service events. Modal service exposes 4 events: onShow, onShown,\n onHide, onHidden.\n See usage example below.
onHide and onHidden events emit dismiss reason. Possible values are\n backdrop-click, esc or {id: number | string} if modal was closed by direct call of\n hide() method
Modal ref events. ModalRef exposes 2 events: onHide and onHidden. Note,\n onShow and onShown are not options because they have already fired by the time\n the ModalRef is created.\n See usage example below.
onHide and onHidden events emit dismiss reason. Possible values are\n backdrop-click, esc or {id: number | string} if modal was closed by direct call of\n hide() method
Modal with opportunity to confirm or decline.
There is possibility to add custom css class to a modal.\n See the demo below to learn how to use it
",outlet:U},{title:"Animation option",anchor:"service-disable-animation",component:s(84756),html:s(32116),description:"There is animation option that you can configure.
",outlet:W},{title:"Esc closing option",anchor:"service-disable-esc-closing",component:s(50692),html:s(20740),description:"There is closing by Esc button option that you can configure.
",outlet:L},{title:"Modal window with tooltip and popover",anchor:"modal-with-popups",component:s(52855),html:s(61071),description:"Tooltips and popovers can be placed within modals as needed. When modals are closed, any tooltips and popovers within are also automatically dismissed.
There is backdrop options that you can configure.
",outlet:X},{title:"Change class",anchor:"change-class",component:s(46456),html:s(67944),description:"Calling setClass method to change modal's window class
",outlet:K},{title:"Close interceptor",anchor:"service-with-interceptor",component:s(28983),html:s(58127),description:"When opening a modal with a component, you can provide an interceptor which will be triggered\n whenever the modal try to close, allowing you to block the disappearance of a modal.
",outlet:ne},{title:"Directive examples",anchor:"directive-section",description:"Also you can use directive instead of service. See the demos below
"},{title:"Static modal",anchor:"directive-static",component:s(93205),html:s(50073),outlet:G},{title:"Optional sizes",anchor:"directive-sizes",component:s(30359),html:s(87727),outlet:z},{title:"Child modal",anchor:"directive-child",component:s(40759),html:s(847),description:"Control modal from parent component
",outlet:J},{title:"Nested modals",anchor:"directive-nested",component:s(40535),html:s(83503),description:"Open a modal from another modal
",outlet:Y},{title:"Modal events",anchor:"directive-events",component:s(90187),html:s(79795),description:"ModalDirective exposes 4 events: onShow, onShown,\n onHide, onHidden. See usage example below.
\n $event is an instance of ModalDirective. There you may\n find some useful properties like isShown, dismissReason, etc.\n
For example, you may want to know which one of user's actions caused closing of a modal.\n Just get the value of dismissReason,
possible values are backdrop-click,\n esc or null if modal was closed by direct call of hide() method
Show modal right after it has been initialized. This allows you to keep DOM clean by only\n appending visible modals to the DOM using *ngIf directive.
It can also be useful if you want your modal component to perform some initialization operations, but\n want to defer that until user actually sees modal content. I.e. for a "Select e-mail recipient" modal\n you might want to defer recipient list loading until the modal is shown.
',outlet:Z},{title:"Accessibility",anchor:"accessibility",component:s(79811),html:s(54491),description:'\n\n Be sure to add id="" attribute to your title and description\n in the template to make your modal works according to accessibility. The aria-labelledby\n attribute establishes relationships between the modal and its title (only if the title has id attribute). The element\n containing the modal\'s description is referenced by aria-describedby attribute.\n The dialog does not need aria-describedby since there is no static\n text that describes it.\n
\n Use modal options to set aria-labelledby and\n aria-describedby attributes.\n
\n
\n Modal title
\n \n\n
\n\n This is a modal.\n
\n \n
\n'},73363:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c="import { Component, ViewChild } from '@angular/core';\nimport { ModalDirective } from 'ngx-bootstrap/modal';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-modal-auto-shown',\n templateUrl: './auto-shown.html'\n})\nexport class DemoAutoShownModalComponent {\n @ViewChild('autoShownModal', { static: false }) autoShownModal?: ModalDirective;\n isModalShown = false;\n\n showModal(): void {\n this.isModalShown = true;\n }\n\n hideModal(): void {\n this.autoShownModal?.hide();\n }\n\n onHidden(): void {\n this.isModalShown = false;\n }\n}\n"},847:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c='\n\n \n
\n\n
\n'},40759:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c="import { Component, ViewChild } from '@angular/core';\nimport { ModalDirective } from 'ngx-bootstrap/modal';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-modal-child',\n templateUrl: './child.html'\n})\nexport class DemoModalChildComponent {\n @ViewChild('childModal', { static: false }) childModal?: ModalDirective;\n\n showChildModal(): void {\n this.childModal?.show();\n }\n\n hideChildModal(): void {\n this.childModal?.hide();\n }\n}\n"},79795:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c='\n\n \n
\n\n
{{message}}\n\n\n
\n'},90187:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c="import { Component, ViewChild } from '@angular/core';\nimport { ModalDirective } from 'ngx-bootstrap/modal';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-modal-events',\n templateUrl: './events.html',\n styles: [`\n .card {\n margin-bottom: 0.75rem;\n padding: 8px;\n }\n `]\n})\nexport class DemoModalEventsComponent {\n @ViewChild(ModalDirective, { static: false }) modal?: ModalDirective;\n messages?: string[];\n\n showModal() {\n this.messages = [];\n this.modal?.show();\n }\n handler(type: string, $event: ModalDirective) {\n this.messages?.push(\n `event ${type} is fired${$event.dismissReason\n ? ', dismissed by ' + $event.dismissReason\n : ''}`\n );\n }\n}\n"},48067:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c='\n\n \n
\n\n
{{message}}\n\n
\n Modal
\n \n\n This is a modal\n
\n\n
\n Modal
\n \n\n
\nLorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque delectus enim esse excepturi, impedit,\n iste magnam officia optio, quam quis quisquam saepe sint unde velit vitae! Animi in iusto ut?
\n \n \n\n
\n\n\n \n
\n\n
\n\n\n \n
\n\n
\n'},40535:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-modal-nested',\n templateUrl: './nested.html'\n})\nexport class DemoModalNestedComponent {}\n"},31121:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c='\n\n \n
\n\n\n
\n
\n Modal
\n \n\n
\nLorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque delectus enim esse excepturi, impedit,\n iste magnam officia optio, quam quis quisquam saepe sint unde velit vitae! Animi in iusto ut?
\n\n
\n {{ title }}
\n \n\n
\n \n `\n})\nexport class ModalContentComponent implements OnInit {\n title?: string;\n closeBtnName?: string;\n list: string[] = [];\n\n constructor(public bsModalRef: BsModalRef) {}\n\n ngOnInit() {\n this.list.push(\'PROFIT!!!\');\n }\n}\n'},21795:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c='\n- \n
- {{ item }} \n
\n
{{message}}\n\n
\nDo you want to confirm?
\n \n \n\n
{{message}}\n\n
\n Modal
\n \n\n This is a modal\n
\n\n
\nDo you really want to close?
\n \n \n\n
\n Modal with interceptor
\n \nThis modal has closing interceptor
\n \n `\n})\nexport class ModalContentWithInterceptorComponent {\n constructor(public bsModalRef: BsModalRef) {}\n}\n'},47571:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c='\n\n\n
\n First modal
\n \n\n This is a first modal
\n \n \n \n
\n\n \n \n \n
\n
\n Second modal
\n \n\n This is nested modal.
\n \n \n \n
\n\n \n \n \n
\n
\n Modal
\n \n\n This is a modal.\n
\n \n\n\n
\n
\n Modal
\n \n\n Just a modal with a bunch of words inside, nothing serious.\n
\n\n
\n\n\n
\n
\n Modal
\n \n\n Just a modal with a bunch of words inside, nothing serious.\n
\n\n
\n\n\n\n
\n
\n Modal
\n \n\n Just a modal with a bunch of words inside, nothing serious.\n
\n\n
\n\n\n
\n
\n Modal
\n \n\n Just a modal with a bunch of words inside, nothing serious.\n
\n\n
\n Modal
\n \n\n This is a modal.\n
\nSmall modal window have small width on screens only above 768px(boostrap3) and 576px(bootstrap4)
\n\n\n\n
\n\n\n\x3c!--Small modal--\x3e\n\n\n\n \n
\n\n
\n'},30359:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-modal-sizes',\n templateUrl: './sizes.html'\n})\nexport class DemoModalSizesComponent {}\n"},50073:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c='\n\n\n \n
\n\n
\n'},93205:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c="import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'demo-modal-static',\n templateUrl: './static.html'\n})\nexport class DemoModalStaticComponent {}\n"},69236:(u,l,s)=>{s.r(l),s.d(l,{default:()=>c});const c="### Standalone component usage\nimport { ModalModule, BsModalService } from 'ngx-bootstrap/modal';\n\n@Component({\n standalone: true,\n imports: [ModalModule,...], // module can be optional\n providers: [BsModalService]\n})\nexport class AppComponent(){}\n\n### Module usage\nimport { ModalModule } from 'ngx-bootstrap/modal';\n\n@NgModule({\n imports: [ModalModule,...],\n providers: [BsModalService]\n})\nexport class AppModule(){}\n"}}]);
\ No newline at end of file
diff --git a/assets/json/current-version.json b/assets/json/current-version.json
index 51e97297c7..468bce7d10 100644
--- a/assets/json/current-version.json
+++ b/assets/json/current-version.json
@@ -1,3 +1,3 @@
{
- "version": "18.0.2"
+ "version": "18.1.0"
}
diff --git a/assets/json/versions.json b/assets/json/versions.json
index 9bb9fde72f..db63b8c433 100644
--- a/assets/json/versions.json
+++ b/assets/json/versions.json
@@ -24,6 +24,11 @@
"url": "ngx-bootstrap/old/12.0.0",
"unprefixedUrl": "old/12.0.0"
},
+ {
+ "version": "18.0.2",
+ "url": "ngx-bootstrap/old/18.0.2",
+ "unprefixedUrl": "old/18.0.2"
+ },
{
"version": "2.0.5",
"url": "ngx-bootstrap/old/2.0.5",
diff --git a/common.6efc397583999d80.js b/common.6efc397583999d80.js
new file mode 100644
index 0000000000..1b74cb0eb9
--- /dev/null
+++ b/common.6efc397583999d80.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkngx_bootstrap_docs=self.webpackChunkngx_bootstrap_docs||[]).push([[76],{31029:(u,c,t)=>{t.d(c,{D:()=>a});var r=t(54438),o=t(49969);const n="400ms cubic-bezier(0.4,0.0,0.2,1)",i=[(0,o.iF)({height:0,visibility:"hidden"}),(0,o.i0)(n,(0,o.iF)({height:"*",visibility:"visible"}))],_=[(0,o.iF)({height:"*",visibility:"visible"}),(0,o.i0)(n,(0,o.iF)({height:0,visibility:"hidden"}))];let a=(()=>{class s{set display(l){this._display=l,"none"!==l?this.isAnimated?this.toggle():this.show():this.hide()}set collapse(l){this.collapseNewValue=l,(!this._player||this._isAnimationDone)&&(this.isExpanded=l,this.toggle())}get collapse(){return this.isExpanded}constructor(l,p,h){this._el=l,this._renderer=p,this.collapsed=new r.bkB,this.collapses=new r.bkB,this.expanded=new r.bkB,this.expands=new r.bkB,this.isExpanded=!0,this.collapseNewValue=!0,this.isCollapsed=!1,this.isCollapse=!0,this.isCollapsing=!1,this.isAnimated=!1,this._display="block",this._stylesLoaded=!1,this._COLLAPSE_ACTION_NAME="collapse",this._EXPAND_ACTION_NAME="expand",this._factoryCollapseAnimation=h.build(_),this._factoryExpandAnimation=h.build(i)}ngAfterViewChecked(){this._stylesLoaded=!0,this._player&&this._isAnimationDone&&(this._player.reset(),this._renderer.setStyle(this._el.nativeElement,"height","*"))}toggle(){this.isExpanded?this.hide():this.show()}hide(){this.isCollapsing=!0,this.isExpanded=!1,this.isCollapsed=!0,this.isCollapsing=!1,this.collapses.emit(this),this._isAnimationDone=!1,this.animationRun(this.isAnimated,this._COLLAPSE_ACTION_NAME)(()=>{this._isAnimationDone=!0,this.collapseNewValue!==this.isCollapsed&&this.isAnimated?this.show():(this.collapsed.emit(this),this._renderer.setStyle(this._el.nativeElement,"display","none"))})}show(){this._renderer.setStyle(this._el.nativeElement,"display",this._display),this.isCollapsing=!0,this.isExpanded=!0,this.isCollapsed=!1,this.isCollapsing=!1,this.expands.emit(this),this._isAnimationDone=!1,this.animationRun(this.isAnimated,this._EXPAND_ACTION_NAME)(()=>{this._isAnimationDone=!0,this.collapseNewValue!==this.isCollapsed&&this.isAnimated?this.hide():(this.expanded.emit(this),this._renderer.removeStyle(this._el.nativeElement,"overflow"))})}animationRun(l,p){if(!l||!this._stylesLoaded)return e=>e();this._renderer.setStyle(this._el.nativeElement,"overflow","hidden"),this._renderer.addClass(this._el.nativeElement,"collapse");const h=p===this._EXPAND_ACTION_NAME?this._factoryExpandAnimation:this._factoryCollapseAnimation;return this._player&&this._player.reset(),this._player=h.create(this._el.nativeElement),this._player.play(),e=>this._player?.onDone(e)}static#t=this.\u0275fac=function(p){return new(p||s)(r.rXU(r.aKT),r.rXU(r.sFG),r.rXU(o.S6))};static#e=this.\u0275dir=r.FsC({type:s,selectors:[["","collapse",""]],hostVars:9,hostBindings:function(p,h){2&p&&(r.BMQ("aria-hidden",h.isCollapsed),r.AVh("collapse",h.isCollapse)("in",h.isExpanded)("show",h.isExpanded)("collapsing",h.isCollapsing))},inputs:{display:"display",isAnimated:"isAnimated",collapse:"collapse"},outputs:{collapsed:"collapsed",collapses:"collapses",expanded:"expanded",expands:"expands"},exportAs:["bs-collapse"],standalone:!0})}return s})()},65972:(u,c,t)=>{t.d(c,{G:()=>n}),t(31029);var o=t(54438);let n=(()=>{class i{static forRoot(){return i}static#t=this.\u0275fac=function(s){return new(s||i)};static#e=this.\u0275mod=o.$C({type:i});static#i=this.\u0275inj=o.G2t({})}return i})()},71432:(u,c,t)=>{t.d(c,{as:()=>_.a,k0:()=>i}),t(64458);var o=t(60177),n=t(54438);let i=(()=>{class s{static forRoot(){return s}static#t=this.\u0275fac=function(p){return new(p||s)};static#e=this.\u0275mod=n.$C({type:s});static#i=this.\u0275inj=n.G2t({imports:[o.MD]})}return s})();var _=t(53593);t(29374)},29374:(u,c,t)=>{t.d(c,{y:()=>v});var r=t(39555),o=t(35990),n=t(60177),i=t(54438),_=t(53593);const a=["*"];function s(l,p){if(1&l&&(i.j41(0,"h3",3),i.EFF(1),i.k0s()),2&l){const h=i.XpG();i.R7$(),i.JRh(h.title)}}let v=(()=>{class l{set placement(h){this._placement=this._bsVersions.isBs5?o.Rz[h]:h}get _bsVersions(){return(0,r.Bu)()}constructor(h){this._placement="top",Object.assign(this,h)}checkMarginNecessity(){return(0,o.ow)(this._placement)}static#t=this.\u0275fac=function(e){return new(e||l)(i.rXU(_.a))};static#e=this.\u0275cmp=i.VBU({type:l,selectors:[["popover-container"]],hostAttrs:["role","tooltip",2,"display","block","position","absolute"],hostVars:7,hostBindings:function(e,d){2&e&&(i.BMQ("id",d.popoverId),i.HbH("popover in popover-"+d._placement+" bs-popover-"+d._placement+" "+d._placement+" "+d.containerClass+" "+d.checkMarginNecessity()),i.AVh("show",!d._bsVersions.isBs3)("bs3",d._bsVersions.isBs3))},inputs:{placement:"placement",title:"title"},standalone:!0,features:[i.aNF],ngContentSelectors:a,decls:4,vars:1,consts:[[1,"popover-arrow","arrow"],["class","popover-title popover-header",4,"ngIf"],[1,"popover-content","popover-body"],[1,"popover-title","popover-header"]],template:function(e,d){1&e&&(i.NAR(),i.nrm(0,"div",0),i.DNE(1,s,2,1,"h3",1),i.j41(2,"div",2),i.SdG(3),i.k0s()),2&e&&(i.R7$(),i.Y8G("ngIf",d.title))},dependencies:[n.bT],styles:[".popover.bottom[_nghost-%COMP%] > .arrow[_ngcontent-%COMP%]{margin-left:-4px}[_nghost-%COMP%] .popover-arrow[_ngcontent-%COMP%]{position:absolute}"],changeDetection:0})}return l})()},53593:(u,c,t)=>{t.d(c,{a:()=>o});var r=t(54438);let o=(()=>{class n{constructor(){this.adaptivePosition=!0,this.placement="top",this.triggers="click",this.outsideClick=!1,this.delay=0}static#t=this.\u0275fac=function(a){return new(a||n)};static#e=this.\u0275prov=r.jDH({token:n,factory:n.\u0275fac,providedIn:"root"})}return n})()},64458:(u,c,t)=>{t.d(c,{H:()=>l});var r=t(53593),o=t(36941),n=t(29374),i=t(35990),_=t(41584),a=t(39555),s=t(54438);let v=0,l=(()=>{class p{get isOpen(){return this._popover.isShown}set isOpen(e){e?this.show():this.hide()}constructor(e,d,m,f,g,y){this._elementRef=d,this._renderer=m,this._positionService=y,this.popoverId=v++,this.adaptivePosition=!0,this.placement="top",this.outsideClick=!1,this.triggers="click",this.containerClass="",this.delay=0,this._isInited=!1,this._popover=g.createLoader(d,f,m).provide({provide:r.a,useValue:e}),Object.assign(this,e),this.onShown=this._popover.onShown,this.onHidden=this._popover.onHidden,typeof window<"u"&&d.nativeElement.addEventListener("click",function(){try{d.nativeElement.focus()}catch{return}})}setAriaDescribedBy(){this._ariaDescribedby=this.isOpen?`ngx-popover-${this.popoverId}`:void 0,this._ariaDescribedby?(this._popover.instance&&(this._popover.instance.popoverId=this._ariaDescribedby),this._renderer.setAttribute(this._elementRef.nativeElement,"aria-describedby",this._ariaDescribedby)):this._renderer.removeAttribute(this._elementRef.nativeElement,"aria-describedby")}show(){if(this._popover.isShown||!this.popover||this._delayTimeoutId)return;this._positionService.setOptions({modifiers:{flip:{enabled:this.adaptivePosition},preventOverflow:{enabled:this.adaptivePosition,boundariesElement:this.boundariesElement||"scrollParent"}}});const e=()=>{this._delayTimeoutId&&(this._delayTimeoutId=void 0),this._popover.attach(n.y).to(this.container).position({attachment:this.placement}).show({content:this.popover,context:this.popoverContext,placement:this.placement,title:this.popoverTitle,containerClass:this.containerClass}),!this.adaptivePosition&&this._popover._componentRef&&(this._positionService.calcPosition(),this._positionService.deletePositionElement(this._popover._componentRef.location)),this.isOpen=!0,this.setAriaDescribedBy()},d=()=>{this._popoverCancelShowFn&&this._popoverCancelShowFn()};if(this.delay){const m=(0,_.O)(this.delay).subscribe(()=>{e(),d()});this.triggers&&(0,a.Zu)(this.triggers).forEach(f=>{f.close&&(this._popoverCancelShowFn=this._renderer.listen(this._elementRef.nativeElement,f.close,()=>{m.unsubscribe(),d()}))})}else e()}hide(){this._delayTimeoutId&&(clearTimeout(this._delayTimeoutId),this._delayTimeoutId=void 0),this.isOpen&&(this._popover.hide(),this.setAriaDescribedBy(),this.isOpen=!1)}toggle(){if(this.isOpen)return this.hide();this.show()}ngOnInit(){this._isInited||(this._isInited=!0,this._popover.listen({triggers:this.triggers,outsideClick:this.outsideClick,show:()=>this.show(),hide:()=>this.hide()}))}ngOnDestroy(){this._popover.dispose()}static#t=this.\u0275fac=function(d){return new(d||p)(s.rXU(r.a),s.rXU(s.aKT),s.rXU(s.sFG),s.rXU(s.c1b),s.rXU(o.Li),s.rXU(i.DF))};static#e=this.\u0275dir=s.FsC({type:p,selectors:[["","popover",""]],inputs:{adaptivePosition:"adaptivePosition",boundariesElement:"boundariesElement",popover:"popover",popoverContext:"popoverContext",popoverTitle:"popoverTitle",placement:"placement",outsideClick:"outsideClick",triggers:"triggers",container:"container",containerClass:"containerClass",isOpen:"isOpen",delay:"delay"},outputs:{onShown:"onShown",onHidden:"onHidden"},exportAs:["bs-popover"],standalone:!0,features:[s.Jv_([i.DF,o.Li])]})}return p})()},60944:(u,c,t)=>{t.d(c,{iJ:()=>a.i,Ss:()=>_}),t(88694),t(69186);var n=t(60177),i=t(54438);let _=(()=>{class s{static forRoot(){return s}static#t=this.\u0275fac=function(p){return new(p||s)};static#e=this.\u0275mod=i.$C({type:s});static#i=this.\u0275inj=i.G2t({imports:[n.MD]})}return s})();var a=t(92465)},88694:(u,c,t)=>{t.d(c,{y:()=>a});var r=t(39555),o=t(35990),n=t(54438),i=t(92465);const _=["*"];let a=(()=>{class s{get _bsVersions(){return(0,r.Bu)()}constructor(l){Object.assign(this,l)}ngAfterViewInit(){this.classMap={in:!1,fade:!1},this.placement&&(this._bsVersions.isBs5&&(this.placement=o.Rz[this.placement]),this.classMap[this.placement]=!0),this.classMap[`tooltip-${this.placement}`]=!0,this.classMap.in=!0,this.animation&&(this.classMap.fade=!0),this.containerClass&&(this.classMap[this.containerClass]=!0)}static#t=this.\u0275fac=function(p){return new(p||s)(n.rXU(i.i))};static#e=this.\u0275cmp=n.VBU({type:s,selectors:[["bs-tooltip-container"]],hostAttrs:["role","tooltip"],hostVars:3,hostBindings:function(p,h){2&p&&(n.BMQ("id",h.id),n.HbH("show tooltip in tooltip-"+h.placement+" bs-tooltip-"+h.placement+" "+h.placement+" "+h.containerClass))},standalone:!0,features:[n.aNF],ngContentSelectors:_,decls:3,vars:0,consts:[[1,"tooltip-arrow","arrow"],[1,"tooltip-inner"]],template:function(p,h){1&p&&(n.NAR(),n.nrm(0,"div",0),n.j41(1,"div",1),n.SdG(2),n.k0s())},styles:[".tooltip[_nghost-%COMP%]{display:block;pointer-events:none;position:absolute}.tooltip[_nghost-%COMP%] .tooltip-arrow[_ngcontent-%COMP%]{position:absolute}"],changeDetection:0})}return s})()},92465:(u,c,t)=>{t.d(c,{i:()=>o});var r=t(54438);let o=(()=>{class n{constructor(){this.adaptivePosition=!0,this.placement="top",this.triggers="hover focus",this.delay=0}static#t=this.\u0275fac=function(a){return new(a||n)};static#e=this.\u0275prov=r.jDH({token:n,factory:n.\u0275fac,providedIn:"root"})}return n})()},69186:(u,c,t)=>{t.d(c,{d:()=>p});var r=t(31635),o=t(54438),n=t(88694),i=t(92465),_=t(36941),a=t(39555),s=t(35990),v=t(41584);let l=0;class p{get isOpen(){return this._tooltip.isShown}set isOpen(e){e?this.show():this.hide()}set htmlContent(e){(0,a.mc)("tooltipHtml was deprecated, please use `tooltip` instead"),this.tooltip=e}set _placement(e){(0,a.mc)("tooltipPlacement was deprecated, please use `placement` instead"),this.placement=e}set _isOpen(e){(0,a.mc)("tooltipIsOpen was deprecated, please use `isOpen` instead"),this.isOpen=e}get _isOpen(){return(0,a.mc)("tooltipIsOpen was deprecated, please use `isOpen` instead"),this.isOpen}set _enable(e){(0,a.mc)("tooltipEnable was deprecated, please use `isDisabled` instead"),this.isDisabled=!e}get _enable(){return(0,a.mc)("tooltipEnable was deprecated, please use `isDisabled` instead"),this.isDisabled}set _appendToBody(e){(0,a.mc)('tooltipAppendToBody was deprecated, please use `container="body"` instead'),this.container=e?"body":this.container}get _appendToBody(){return(0,a.mc)('tooltipAppendToBody was deprecated, please use `container="body"` instead'),"body"===this.container}set _popupClass(e){(0,a.mc)("tooltipClass deprecated")}set _tooltipContext(e){(0,a.mc)("tooltipContext deprecated")}set _tooltipPopupDelay(e){(0,a.mc)("tooltipPopupDelay is deprecated, use `delay` instead"),this.delay=e}get _tooltipTrigger(){return(0,a.mc)("tooltipTrigger was deprecated, please use `triggers` instead"),this.triggers}set _tooltipTrigger(e){(0,a.mc)("tooltipTrigger was deprecated, please use `triggers` instead"),this.triggers=(e||"").toString()}constructor(e,d,m,f,g,y){this._elementRef=f,this._renderer=g,this._positionService=y,this.tooltipId=l++,this.adaptivePosition=!0,this.tooltipChange=new o.bkB,this.placement="top",this.triggers="hover focus",this.containerClass="",this.isDisabled=!1,this.delay=0,this.tooltipAnimation=!0,this.tooltipFadeDuration=150,this.tooltipStateChanged=new o.bkB,this._tooltip=d.createLoader(this._elementRef,e,this._renderer).provide({provide:i.i,useValue:m}),Object.assign(this,m),this.onShown=this._tooltip.onShown,this.onHidden=this._tooltip.onHidden}ngOnInit(){this._tooltip.listen({triggers:this.triggers,show:()=>this.show()}),this.tooltipChange.subscribe(e=>{e||this._tooltip.hide()}),this.onShown.subscribe(()=>{this.setAriaDescribedBy()}),this.onHidden.subscribe(()=>{this.setAriaDescribedBy()})}setAriaDescribedBy(){this._ariaDescribedby=this.isOpen?`tooltip-${this.tooltipId}`:void 0,this._ariaDescribedby?this._renderer.setAttribute(this._elementRef.nativeElement,"aria-describedby",this._ariaDescribedby):this._renderer.removeAttribute(this._elementRef.nativeElement,"aria-describedby")}toggle(){if(this.isOpen)return this.hide();this.show()}show(){if(this._positionService.setOptions({modifiers:{flip:{enabled:this.adaptivePosition},preventOverflow:{enabled:this.adaptivePosition,boundariesElement:this.boundariesElement||"scrollParent"}}}),this.isOpen||this.isDisabled||this._delayTimeoutId||!this.tooltip)return;const e=()=>{this._delayTimeoutId&&(this._delayTimeoutId=void 0),this._tooltip.attach(n.y).to(this.container).position({attachment:this.placement}).show({content:this.tooltip,placement:this.placement,containerClass:this.containerClass,id:`tooltip-${this.tooltipId}`})},d=()=>{this._tooltipCancelShowFn&&this._tooltipCancelShowFn()};this.delay?(this._delaySubscription&&this._delaySubscription.unsubscribe(),this._delaySubscription=(0,v.O)(this.delay).subscribe(()=>{e(),d()}),this.triggers&&(0,a.Zu)(this.triggers).forEach(m=>{m.close&&(this._tooltipCancelShowFn=this._renderer.listen(this._elementRef.nativeElement,m.close,()=>{this._delaySubscription?.unsubscribe(),d()}))})):e()}hide(){this._delayTimeoutId&&(clearTimeout(this._delayTimeoutId),this._delayTimeoutId=void 0),this._tooltip.isShown&&(this._tooltip.instance?.classMap&&(this._tooltip.instance.classMap.in=!1),setTimeout(()=>{this._tooltip.hide()},this.tooltipFadeDuration))}ngOnDestroy(){this._tooltip.dispose(),this.tooltipChange.unsubscribe(),this._delaySubscription&&this._delaySubscription.unsubscribe(),this.onShown.unsubscribe(),this.onHidden.unsubscribe()}static#t=this.\u0275fac=function(d){return new(d||p)(o.rXU(o.c1b),o.rXU(_.Li),o.rXU(i.i),o.rXU(o.aKT),o.rXU(o.sFG),o.rXU(s.DF))};static#e=this.\u0275dir=o.FsC({type:p,selectors:[["","tooltip",""],["","tooltipHtml",""]],inputs:{adaptivePosition:"adaptivePosition",tooltip:"tooltip",placement:"placement",triggers:"triggers",container:"container",containerClass:"containerClass",boundariesElement:"boundariesElement",isOpen:"isOpen",isDisabled:"isDisabled",delay:"delay",htmlContent:[0,"tooltipHtml","htmlContent"],_placement:[0,"tooltipPlacement","_placement"],_isOpen:[0,"tooltipIsOpen","_isOpen"],_enable:[0,"tooltipEnable","_enable"],_appendToBody:[0,"tooltipAppendToBody","_appendToBody"],tooltipAnimation:"tooltipAnimation",_popupClass:[0,"tooltipClass","_popupClass"],_tooltipContext:[0,"tooltipContext","_tooltipContext"],_tooltipPopupDelay:[0,"tooltipPopupDelay","_tooltipPopupDelay"],tooltipFadeDuration:"tooltipFadeDuration",_tooltipTrigger:[0,"tooltipTrigger","_tooltipTrigger"]},outputs:{tooltipChange:"tooltipChange",onShown:"onShown",onHidden:"onHidden",tooltipStateChanged:"tooltipStateChanged"},exportAs:["bs-tooltip"],standalone:!0,features:[o.Jv_([_.Li,s.DF])]})}(0,r.Cg)([(0,a.Yr)(),(0,r.Sn)("design:type",Object)],p.prototype,"tooltip",void 0)},41584:(u,c,t)=>{t.d(c,{O:()=>_});var r=t(71985),o=t(43236),n=t(79470);function _(a=0,s,v=o.b){let l=-1;return null!=s&&((0,n.m)(s)?v=s:l=s),new r.c(p=>{let h=function i(a){return a instanceof Date&&!isNaN(a)}(a)?+a-v.now():a;h<0&&(h=0);let e=0;return v.schedule(function(){p.closed||(p.next(e++),0<=l?this.schedule(void 0,l):p.complete())},h)})}},43236:(u,c,t)=>{t.d(c,{E:()=>n,b:()=>i});var r=t(96780);const n=new(t(13604).q)(r.R),i=n}}]);
\ No newline at end of file
diff --git a/index.html b/index.html
index 33379db855..e35597a6a0 100644
--- a/index.html
+++ b/index.html
@@ -52,5 +52,5 @@
-\n \n
\n