{"version":3,"file":"src_app_views_ui-elements_modal_demo-modal_module_ts.js","mappings":"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","sources":["./src/app/views/ui-elements/modal/demo-modal.module.ts","./src/app/views/ui-elements/modal/demo-modal.routes.ts","./src/app/views/ui-elements/modal/demos/accessibility/accessibility.ts","./src/app/views/ui-elements/modal/demos/accessibility/accessibility.html","./src/app/views/ui-elements/modal/demos/auto-shown/auto-shown.ts","./src/app/views/ui-elements/modal/demos/auto-shown/auto-shown.html","./src/app/views/ui-elements/modal/demos/child/child.ts","./src/app/views/ui-elements/modal/demos/child/child.html","./src/app/views/ui-elements/modal/demos/events/events.ts","./src/app/views/ui-elements/modal/demos/events/events.html","./src/app/views/ui-elements/modal/demos/modal-ref-events/modal-ref-events.ts","./src/app/views/ui-elements/modal/demos/modal-ref-events/modal-ref-events.html","./src/app/views/ui-elements/modal/demos/modal-with-popups/modal-with-popups.ts","./src/app/views/ui-elements/modal/demos/modal-with-popups/modal-with-popups.html","./src/app/views/ui-elements/modal/demos/nested/nested.ts","./src/app/views/ui-elements/modal/demos/nested/nested.html","./src/app/views/ui-elements/modal/demos/scrolling-long-content/scrolling-long-content.ts","./src/app/views/ui-elements/modal/demos/scrolling-long-content/scrolling-long-content.html","./src/app/views/ui-elements/modal/demos/service-component/service-component.ts","./src/app/views/ui-elements/modal/demos/service-component/service-component.html","./src/app/views/ui-elements/modal/demos/service-confirm-window/service-confirm-window.ts","./src/app/views/ui-elements/modal/demos/service-confirm-window/service-confirm-window.html","./src/app/views/ui-elements/modal/demos/service-events/service-events.ts","./src/app/views/ui-elements/modal/demos/service-events/service-events.html","./src/app/views/ui-elements/modal/demos/service-nested/service-nested.ts","./src/app/views/ui-elements/modal/demos/service-nested/service-nested.html","./src/app/views/ui-elements/modal/demos/service-options/change-class/change-class.ts","./src/app/views/ui-elements/modal/demos/service-options/change-class/change-class.html","./src/app/views/ui-elements/modal/demos/service-options/custom-css-class/custom-css-class.ts","./src/app/views/ui-elements/modal/demos/service-options/custom-css-class/custom-css-class.html","./src/app/views/ui-elements/modal/demos/service-options/disable-animation/disable-animation.ts","./src/app/views/ui-elements/modal/demos/service-options/disable-animation/disable-animation.html","./src/app/views/ui-elements/modal/demos/service-options/disable-backdrop/disable-backdrop.ts","./src/app/views/ui-elements/modal/demos/service-options/disable-backdrop/disable-backdrop.html","./src/app/views/ui-elements/modal/demos/service-options/disable-esc-closing/disable-esc-closing.ts","./src/app/views/ui-elements/modal/demos/service-options/disable-esc-closing/disable-esc-closing.html","./src/app/views/ui-elements/modal/demos/service-template/service-template.ts","./src/app/views/ui-elements/modal/demos/service-template/service-template.html","./src/app/views/ui-elements/modal/demos/sizes/sizes.ts","./src/app/views/ui-elements/modal/demos/sizes/sizes.html","./src/app/views/ui-elements/modal/demos/static/static.ts","./src/app/views/ui-elements/modal/demos/static/static.html","./src/app/views/ui-elements/modal/modal-section.component.ts","./src/app/views/ui-elements/modal/modal-section.component.html","./src/app/views/ui-elements/modal/modal-section.list.ts","webpack:///./src/app/views/ui-elements/modal/demos/accessibility/accessibility.html?7182","webpack:///./src/app/views/ui-elements/modal/demos/accessibility/accessibility.ts?6d84","webpack:///./src/app/views/ui-elements/modal/demos/auto-shown/auto-shown.html?79eb","webpack:///./src/app/views/ui-elements/modal/demos/auto-shown/auto-shown.ts?dcc4","webpack:///./src/app/views/ui-elements/modal/demos/child/child.html?ab50","webpack:///./src/app/views/ui-elements/modal/demos/child/child.ts?6ba8","webpack:///./src/app/views/ui-elements/modal/demos/events/events.html?8cf7","webpack:///./src/app/views/ui-elements/modal/demos/events/events.ts?0769","webpack:///./src/app/views/ui-elements/modal/demos/modal-ref-events/modal-ref-events.html?fae5","webpack:///./src/app/views/ui-elements/modal/demos/modal-ref-events/modal-ref-events.ts?13d8","webpack:///./src/app/views/ui-elements/modal/demos/modal-with-popups/modal-with-popups.html?1e7c","webpack:///./src/app/views/ui-elements/modal/demos/modal-with-popups/modal-with-popups.ts?48e8","webpack:///./src/app/views/ui-elements/modal/demos/nested/nested.html?77f9","webpack:///./src/app/views/ui-elements/modal/demos/nested/nested.ts?7a45","webpack:///./src/app/views/ui-elements/modal/demos/scrolling-long-content/scrolling-long-content.html?ea61","webpack:///./src/app/views/ui-elements/modal/demos/scrolling-long-content/scrolling-long-content.ts?ebb8","webpack:///./src/app/views/ui-elements/modal/demos/service-component/service-component.html?a9bf","webpack:///./src/app/views/ui-elements/modal/demos/service-component/service-component.ts?e131","webpack:///./src/app/views/ui-elements/modal/demos/service-confirm-window/service-confirm-window.html?2d1a","webpack:///./src/app/views/ui-elements/modal/demos/service-confirm-window/service-confirm-window.ts?57a7","webpack:///./src/app/views/ui-elements/modal/demos/service-events/service-events.html?79bf","webpack:///./src/app/views/ui-elements/modal/demos/service-events/service-events.ts?6489","webpack:///./src/app/views/ui-elements/modal/demos/service-nested/service-nested.html?cb57","webpack:///./src/app/views/ui-elements/modal/demos/service-nested/service-nested.ts?3baa","webpack:///./src/app/views/ui-elements/modal/demos/service-options/change-class/change-class.html?69d5","webpack:///./src/app/views/ui-elements/modal/demos/service-options/change-class/change-class.ts?1cf7","webpack:///./src/app/views/ui-elements/modal/demos/service-options/custom-css-class/custom-css-class.html?5e26","webpack:///./src/app/views/ui-elements/modal/demos/service-options/custom-css-class/custom-css-class.ts?6772","webpack:///./src/app/views/ui-elements/modal/demos/service-options/disable-animation/disable-animation.html?8600","webpack:///./src/app/views/ui-elements/modal/demos/service-options/disable-animation/disable-animation.ts?a20a","webpack:///./src/app/views/ui-elements/modal/demos/service-options/disable-backdrop/disable-backdrop.html?f278","webpack:///./src/app/views/ui-elements/modal/demos/service-options/disable-backdrop/disable-backdrop.ts?8621","webpack:///./src/app/views/ui-elements/modal/demos/service-options/disable-esc-closing/disable-esc-closing.html?37c4","webpack:///./src/app/views/ui-elements/modal/demos/service-options/disable-esc-closing/disable-esc-closing.ts?fd90","webpack:///./src/app/views/ui-elements/modal/demos/service-template/service-template.html?4871","webpack:///./src/app/views/ui-elements/modal/demos/service-template/service-template.ts?0096","webpack:///./src/app/views/ui-elements/modal/demos/sizes/sizes.html?1ea1","webpack:///./src/app/views/ui-elements/modal/demos/sizes/sizes.ts?0306","webpack:///./src/app/views/ui-elements/modal/demos/static/static.html?4342","webpack:///./src/app/views/ui-elements/modal/demos/static/static.ts?6025","./src/app/views/ui-elements/modal/docs/usage.md"],"sourcesContent":["import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { RouterModule } from '@angular/router';\r\nimport { ModalModule } from 'ngx-bootstrap/modal';\r\n\r\nimport { DocsModule } from '@app/shared/components/docs';\r\nimport { ModalSectionComponent } from './modal-section.component';\r\nimport { DEMO_COMPONENTS } from './demos';\r\nimport { routes } from './demo-modal.routes';\r\nimport { ModalContentComponent } from './demos/service-component/service-component';\r\nimport { PopoverModule } from 'ngx-bootstrap/popover';\r\nimport { TooltipModule } from 'ngx-bootstrap/tooltip';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    ModalSectionComponent,\r\n    ModalContentComponent,\r\n    ...DEMO_COMPONENTS\r\n  ],\r\n  imports: [\r\n    ModalModule.forRoot(),\r\n    PopoverModule.forRoot(),\r\n    TooltipModule.forRoot(),\r\n    CommonModule,\r\n    FormsModule,\r\n    DocsModule,\r\n    RouterModule.forChild(routes)\r\n  ],\r\n  exports: [ModalSectionComponent],\r\n  entryComponents: [ModalContentComponent, ...DEMO_COMPONENTS]\r\n})\r\nexport class DemoModalModule {}\r\n","import { ModalSectionComponent } from './modal-section.component';\r\n\r\nexport const routes = [{ path: '', component: ModalSectionComponent }];\r\n","import { Component, TemplateRef } from '@angular/core';\r\nimport { BsModalRef, BsModalService } from 'ngx-bootstrap/modal';\r\n\r\n@Component({\r\n  selector: 'demo-accessibility',\r\n  templateUrl: './accessibility.html'\r\n})\r\nexport class DemoAccessibilityComponent {\r\n  modalRef: BsModalRef;\r\n  constructor(private modalService: BsModalService) {}\r\n\r\n  openModal(template: TemplateRef<any>) {\r\n    this.modalRef = this.modalService.show(template, {\r\n      ariaDescribedby: 'my-modal-description',\r\n      ariaLabelledBy: 'my-modal-title'\r\n    });\r\n  }\r\n}\r\n","<button type=\"button\" class=\"btn btn-primary\" (click)=\"openModal(template)\">Create template modal</button>\r\n\r\n<ng-template #template>\r\n  <div class=\"modal-header\">\r\n    <h4 class=\"modal-title pull-left\" id=\"my-modal-title\">Modal title</h4>\r\n    <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"modalRef.hide()\">\r\n      <span aria-hidden=\"true\">&times;</span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body\">\r\n    <div id=\"my-modal-description\">\r\n      This is a modal.\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n","import { Component, ViewChild } from '@angular/core';\r\nimport { ModalDirective } from 'ngx-bootstrap/modal';\r\n\r\n@Component({\r\n  selector: 'demo-modal-auto-shown',\r\n  templateUrl: './auto-shown.html'\r\n})\r\nexport class DemoAutoShownModalComponent {\r\n  @ViewChild('autoShownModal', { static: false }) autoShownModal: ModalDirective;\r\n  isModalShown = false;\r\n\r\n  showModal(): void {\r\n    this.isModalShown = true;\r\n  }\r\n\r\n  hideModal(): void {\r\n    this.autoShownModal.hide();\r\n  }\r\n\r\n  onHidden(): void {\r\n    this.isModalShown = false;\r\n  }\r\n}\r\n","<button type=\"button\" class=\"btn btn-primary\" (click)=\"showModal()\">Render auto-shown modal</button>\r\n<div *ngIf=\"isModalShown\" [config]=\"{ show: true }\" (onHidden)=\"onHidden()\" bsModal #autoShownModal=\"bs-modal\"\r\n     class=\"modal fade\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"dialog-auto-name\">\r\n  <div class=\"modal-dialog modal-sm\">\r\n    <div class=\"modal-content\">\r\n      <div class=\"modal-header\">\r\n        <h4 id=\"dialog-auto-name\" class=\"modal-title pull-left\">Auto shown modal</h4>\r\n        <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"hideModal()\">\r\n          <span aria-hidden=\"true\">&times;</span>\r\n        </button>\r\n      </div>\r\n      <div class=\"modal-body\">\r\n        <p>I am a modal that is shown right after initialization!</p>\r\n        <p>I wasn't present in DOM until you clicked the button</p>\r\n        <p>When you close me, I'll be removed from the DOM</p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","import { Component, ViewChild } from '@angular/core';\r\nimport { ModalDirective } from 'ngx-bootstrap/modal';\r\n\r\n@Component({\r\n  selector: 'demo-modal-child',\r\n  templateUrl: './child.html'\r\n})\r\nexport class DemoModalChildComponent {\r\n  @ViewChild('childModal', { static: false }) childModal: ModalDirective;\r\n\r\n  showChildModal(): void {\r\n    this.childModal.show();\r\n  }\r\n\r\n  hideChildModal(): void {\r\n    this.childModal.hide();\r\n  }\r\n}\r\n","<button type=\"button\" class=\"btn btn-primary\" (click)=\"showChildModal()\">Open child modal</button>\r\n<div bsModal #childModal=\"bs-modal\" class=\"modal fade\" tabindex=\"-1\"\r\n     role=\"dialog\" aria-labelledby=\"dialog-child-name\">\r\n  <div class=\"modal-dialog modal-sm\">\r\n    <div class=\"modal-content\">\r\n      <div class=\"modal-header\">\r\n        <h4 id=\"dialog-child-name\" class=\"modal-title pull-left\">Child modal</h4>\r\n        <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"hideChildModal()\">\r\n          <span aria-hidden=\"true\">&times;</span>\r\n        </button>\r\n      </div>\r\n      <div class=\"modal-body\">\r\n        I am a child modal, opened from parent component!\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","import { Component, ViewChild } from '@angular/core';\r\nimport { ModalDirective } from 'ngx-bootstrap/modal';\r\n\r\n@Component({\r\n  selector: 'demo-modal-events',\r\n  templateUrl: './events.html',\r\n  styles: [`\r\n    .card {\r\n      margin-bottom: 0.75rem;\r\n      padding: 8px;\r\n    }\r\n  `]\r\n})\r\nexport class DemoModalEventsComponent {\r\n  @ViewChild(ModalDirective, { static: false }) modal: ModalDirective;\r\n  messages: string[];\r\n\r\n  showModal() {\r\n    this.messages = [];\r\n    this.modal.show();\r\n  }\r\n  handler(type: string, $event: ModalDirective) {\r\n    this.messages.push(\r\n      `event ${type} is fired${$event.dismissReason\r\n        ? ', dismissed by ' + $event.dismissReason\r\n        : ''}`\r\n    );\r\n  }\r\n}\r\n","<button type=\"button\" class=\"btn btn-primary\" (click)=\"showModal()\">Open a modal</button>\r\n<br><br>\r\n<pre class=\"card card-block card-header\" *ngFor=\"let message of messages\">{{message}}</pre>\r\n\r\n<div class=\"modal fade\" bsModal #modal=\"bs-modal\"\r\n     tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"dialog-events-name\"\r\n     (onShow)=\"handler('onShow', $event)\"\r\n     (onShown)=\"handler('onShown', $event)\"\r\n     (onHide)=\"handler('onHide', $event)\"\r\n     (onHidden)=\"handler('onHidden', $event)\">\r\n  <div class=\"modal-dialog modal-sm\">\r\n    <div class=\"modal-content\">\r\n      <div class=\"modal-header\">\r\n        <h4 id=\"dialog-events-name\" class=\"modal-title pull-left\">Modal</h4>\r\n        <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"modal.hide()\">\r\n          <span aria-hidden=\"true\">&times;</span>\r\n        </button>\r\n      </div>\r\n      <div class=\"modal-body\">\r\n        Just another modal <br>\r\n        Click <b>&times;</b>, press <code>Esc</code> or click on backdrop to close modal.\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","import { ChangeDetectorRef, Component, TemplateRef } from '@angular/core';\r\nimport { BsModalRef, BsModalService } from 'ngx-bootstrap/modal';\r\nimport { combineLatest, Subscription } from 'rxjs';\r\n\r\n@Component({\r\n  selector: 'demo-modal-ref-events',\r\n  templateUrl: './modal-ref-events.html',\r\n  styles: [`\r\n    .card {\r\n      margin-bottom: 0.75rem;\r\n      padding: 8px;\r\n    }\r\n  `]\r\n})\r\nexport class DemoModalRefEventsComponent {\r\n  modalRef: BsModalRef;\r\n  subscriptions: Subscription[] = [];\r\n  messages: string[] = [];\r\n\r\n  constructor(private modalService: BsModalService, private changeDetection: ChangeDetectorRef) {\r\n  }\r\n\r\n  openModal(template: TemplateRef<any>) {\r\n    this.messages = [];\r\n\r\n    this.modalRef = this.modalService.show(template);\r\n\r\n    const _combine = combineLatest(\r\n      this.modalRef.onHide,\r\n      this.modalRef.onHidden\r\n    ).subscribe(() => this.changeDetection.markForCheck());\r\n\r\n    this.subscriptions.push(\r\n      this.modalRef.onHide.subscribe((reason: string | any) => {\r\n        if (typeof reason !== 'string') {\r\n          reason = `onHide(), modalId is : ${reason.id}`;\r\n        }\r\n        const _reason = reason ? `, dismissed by ${reason}` : '';\r\n        this.messages.push(`onHide event has been fired${_reason}`);\r\n      })\r\n    );\r\n    this.subscriptions.push(\r\n      this.modalRef.onHidden.subscribe((reason: string | any) => {\r\n        if (typeof reason !== 'string') {\r\n          reason = `onHide(), modalId is : ${reason.id}`;\r\n        }\r\n        const _reason = reason ? `, dismissed by ${reason}` : '';\r\n        this.messages.push(`onHidden event has been fired${_reason}`);\r\n        this.unsubscribe();\r\n      })\r\n    );\r\n\r\n    this.subscriptions.push(_combine);\r\n  }\r\n\r\n  unsubscribe() {\r\n    this.subscriptions.forEach((subscription: Subscription) => {\r\n      subscription.unsubscribe();\r\n    });\r\n    this.subscriptions = [];\r\n  }\r\n}\r\n","<button type=\"button\" class=\"btn btn-primary\" (click)=\"openModal(template)\">Open modal</button>\r\n<br><br>\r\n<pre class=\"card card-block card-header\" *ngFor=\"let message of messages\">{{message}}</pre>\r\n<ng-template #template>\r\n  <div class=\"modal-header\">\r\n    <h4 class=\"modal-title pull-left\">Modal</h4>\r\n    <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"modalRef.hide()\">\r\n      <span aria-hidden=\"true\">&times;</span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body\">\r\n    This is a modal\r\n  </div>\r\n</ng-template>\r\n","import { Component, TemplateRef } from '@angular/core';\r\nimport { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';\r\n\r\n@Component({\r\n  selector: 'demo-modal-with-popups',\r\n  templateUrl: './modal-with-popups.html'\r\n})\r\nexport class DemoModalWithPopupsComponent {\r\n  modalRef: BsModalRef;\r\n\r\n  constructor(private modalService: BsModalService) {}\r\n\r\n  openModal(template: TemplateRef<any>) {\r\n    this.modalRef = this.modalService.show(template);\r\n  }\r\n}\r\n","<button type=\"button\" class=\"btn btn-primary\" (click)=\"openModal(template)\">Open modal</button>\r\n<ng-template #template>\r\n  <div class=\"modal-header\">\r\n    <h4 class=\"modal-title pull-left\">Modal</h4>\r\n    <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"modalRef.hide()\">\r\n      <span aria-hidden=\"true\">&times;</span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body\">\r\n    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque delectus enim esse excepturi, impedit,\r\n      iste magnam officia optio, quam quis quisquam saepe sint unde velit vitae! Animi in iusto ut?</p>\r\n      <button type=\"button\" class=\"btn btn-primary\" popover=\"Vivamus sagittis\">popover</button>\r\n      <button type=\"button\" class=\"btn btn-primary\" tooltip=\"Vivamus sagittis\">tooltip</button>\r\n  </div>\r\n</ng-template>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'demo-modal-nested',\r\n  templateUrl: './nested.html'\r\n})\r\nexport class DemoModalNestedComponent {}\r\n","<button type=\"button\" class=\"btn btn-primary\" (click)=\"parentModal.show()\">Open parent modal</button>\r\n<div class=\"modal fade\" bsModal #parentModal=\"bs-modal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"dialog-nested-name1\">\r\n  <div class=\"modal-dialog modal-lg\">\r\n    <div class=\"modal-content\">\r\n      <div class=\"modal-header\">\r\n        <h4 id=\"dialog-nested-name1\" class=\"modal-title pull-left\">First modal</h4>\r\n        <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"parentModal.hide()\">\r\n          <span aria-hidden=\"true\">&times;</span>\r\n        </button>\r\n      </div>\r\n      <div class=\"modal-body\">\r\n        <button type=\"button\" class=\"btn btn-primary\" (click)=\"childModal.show()\">Open second modal</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"modal fade\" bsModal #childModal=\"bs-modal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"dialog-nested-name2\">\r\n  <div class=\"modal-dialog\">\r\n    <div class=\"modal-content\">\r\n      <div class=\"modal-header\">\r\n        <h4 id=\"dialog-nested-name2\" class=\"modal-title pull-left\">Second modal</h4>\r\n        <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"childModal.hide()\">\r\n          <span aria-hidden=\"true\">&times;</span>\r\n        </button>\r\n      </div>\r\n      <div class=\"modal-body\">\r\n        This is second modal <br>\r\n        <button type=\"button\" class=\"btn btn-primary\" (click)=\"thirdModal.show()\">Open third modal</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"modal fade\" bsModal #thirdModal=\"bs-modal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"dialog-nested-name3\">\r\n  <div class=\"modal-dialog modal-sm\">\r\n    <div class=\"modal-content\">\r\n      <div class=\"modal-header\">\r\n        <h4 id=\"dialog-nested-name3\" class=\"modal-title pull-left\">Third modal</h4>\r\n        <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"thirdModal.hide()\">\r\n          <span aria-hidden=\"true\">&times;</span>\r\n        </button>\r\n      </div>\r\n      <div class=\"modal-body\">\r\n        This is third modal <br>\r\n        Click <b>&times;</b> to close modal.\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","import { Component, TemplateRef } from '@angular/core';\r\nimport { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';\r\n\r\n@Component({\r\n  selector: 'demo-modal-scrolling-long-content',\r\n  templateUrl: './scrolling-long-content.html'\r\n})\r\nexport class DemoModalScrollingLongContentComponent {\r\n  modalRef: BsModalRef;\r\n  items: any[];\r\n\r\n  constructor(private modalService: BsModalService) {\r\n    this.items = Array(15).fill(0);\r\n  }\r\n\r\n  openModal(template: TemplateRef<any>) {\r\n    this.modalRef = this.modalService.show(template);\r\n  }\r\n}\r\n","<button type=\"button\" class=\"btn btn-primary\" (click)=\"openModal(template)\">Open modal</button>\r\n<br>\r\n\r\n<ng-template #template>\r\n  <div class=\"modal-header\">\r\n    <h4 class=\"modal-title pull-left\">Modal</h4>\r\n    <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"modalRef.hide()\">\r\n      <span aria-hidden=\"true\">&times;</span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body\">\r\n    <p *ngFor=\"let item of items\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque delectus enim esse excepturi, impedit,\r\n      iste magnam officia optio, quam quis quisquam saepe sint unde velit vitae! Animi in iusto ut?</p>\r\n  </div>\r\n</ng-template>\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';\r\n\r\n@Component({\r\n  selector: 'demo-modal-service-component',\r\n  templateUrl: './service-component.html'\r\n})\r\nexport class DemoModalServiceFromComponent {\r\n  bsModalRef: BsModalRef;\r\n  constructor(private modalService: BsModalService) {}\r\n\r\n  openModalWithComponent() {\r\n    const initialState = {\r\n      list: [\r\n        'Open a modal with component',\r\n        'Pass your data',\r\n        'Do something else',\r\n        '...'\r\n      ],\r\n      title: 'Modal with component'\r\n    };\r\n    this.bsModalRef = this.modalService.show(ModalContentComponent, {initialState});\r\n    this.bsModalRef.content.closeBtnName = 'Close';\r\n  }\r\n}\r\n\r\n/* This is a component which we pass in modal*/\r\n\r\n@Component({\r\n  selector: 'modal-content',\r\n  template: `\r\n    <div class=\"modal-header\">\r\n      <h4 class=\"modal-title pull-left\">{{title}}</h4>\r\n      <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"bsModalRef.hide()\">\r\n        <span aria-hidden=\"true\">&times;</span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body\">\r\n      <ul *ngIf=\"list.length\">\r\n        <li *ngFor=\"let item of list\">{{item}}</li>\r\n      </ul>\r\n    </div>\r\n    <div class=\"modal-footer\">\r\n      <button type=\"button\" class=\"btn btn-default\" (click)=\"bsModalRef.hide()\">{{closeBtnName}}</button>\r\n    </div>\r\n  `\r\n})\r\n\r\nexport class ModalContentComponent implements OnInit {\r\n  title: string;\r\n  closeBtnName: string;\r\n  list: any[] = [];\r\n\r\n  constructor(public bsModalRef: BsModalRef) {}\r\n\r\n  ngOnInit() {\r\n    this.list.push('PROFIT!!!');\r\n  }\r\n}\r\n","<button type=\"button\" class=\"btn btn-primary\" (click)=\"openModalWithComponent()\">Create modal with component</button>\r\n","import { Component, TemplateRef } from '@angular/core';\r\nimport { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';\r\n\r\n@Component({\r\n  selector: 'demo-modal-service-confirm-window',\r\n  templateUrl: './service-confirm-window.html'\r\n})\r\nexport class DemoModalServiceConfirmWindowComponent {\r\n  modalRef: BsModalRef;\r\n  message: string;\r\n  constructor(private modalService: BsModalService) {}\r\n\r\n  openModal(template: TemplateRef<any>) {\r\n    this.modalRef = this.modalService.show(template, {class: 'modal-sm'});\r\n  }\r\n\r\n  confirm(): void {\r\n    this.message = 'Confirmed!';\r\n    this.modalRef.hide();\r\n  }\r\n\r\n  decline(): void {\r\n    this.message = 'Declined!';\r\n    this.modalRef.hide();\r\n  }\r\n}\r\n","<button type=\"button\" class=\"btn btn-primary\" (click)=\"openModal(template)\">Open modal</button>\r\n<br><br>\r\n<pre class=\"card card-block card-header\">{{message}}</pre>\r\n<ng-template #template>\r\n  <div class=\"modal-body text-center\">\r\n    <p>Do you want to confirm?</p>\r\n    <button type=\"button\" class=\"btn btn-default\" (click)=\"confirm()\" >Yes</button>\r\n    <button type=\"button\" class=\"btn btn-primary\" (click)=\"decline()\" >No</button>\r\n  </div>\r\n</ng-template>\r\n","import { ChangeDetectorRef, Component, TemplateRef } from '@angular/core';\r\nimport { BsModalRef, BsModalService } from 'ngx-bootstrap/modal';\r\nimport { combineLatest, Subscription } from 'rxjs';\r\n\r\n@Component({\r\n  selector: 'demo-modal-service-events',\r\n  templateUrl: './service-events.html',\r\n  styles: [`\r\n    .card {\r\n      margin-bottom: 0.75rem;\r\n      padding: 8px;\r\n    }\r\n  `]\r\n})\r\nexport class DemoModalServiceEventsComponent {\r\n  modalRef: BsModalRef;\r\n  subscriptions: Subscription[] = [];\r\n  messages: string[] = [];\r\n\r\n  constructor(private modalService: BsModalService, private changeDetection: ChangeDetectorRef) {\r\n  }\r\n\r\n  openModal(template: TemplateRef<any>) {\r\n    this.messages = [];\r\n\r\n    const _combine = combineLatest(\r\n      this.modalService.onShow,\r\n      this.modalService.onShown,\r\n      this.modalService.onHide,\r\n      this.modalService.onHidden\r\n    ).subscribe(() => this.changeDetection.markForCheck());\r\n\r\n    this.subscriptions.push(\r\n      this.modalService.onShow.subscribe(() => {\r\n        this.messages.push(`onShow event has been fired`);\r\n      })\r\n    );\r\n    this.subscriptions.push(\r\n      this.modalService.onShown.subscribe(() => {\r\n        this.messages.push(`onShown event has been fired`);\r\n      })\r\n    );\r\n    this.subscriptions.push(\r\n      this.modalService.onHide.subscribe((reason: string | any) => {\r\n        if (typeof reason !== 'string') {\r\n          reason = `onHide(), modalId is : ${reason.id}`;\r\n        }\r\n        const _reason = reason ? `, dismissed by ${reason}` : '';\r\n        this.messages.push(`onHide event has been fired${_reason}`);\r\n      })\r\n    );\r\n    this.subscriptions.push(\r\n      this.modalService.onHidden.subscribe((reason: string | any) => {\r\n        if (typeof reason !== 'string') {\r\n          reason = `onHide(), modalId is : ${reason.id}`;\r\n        }\r\n        const _reason = reason ? `, dismissed by ${reason}` : '';\r\n        this.messages.push(`onHidden event has been fired${_reason}`);\r\n        this.unsubscribe();\r\n      })\r\n    );\r\n\r\n    this.subscriptions.push(_combine);\r\n\r\n    this.modalRef = this.modalService.show(template);\r\n  }\r\n\r\n  unsubscribe() {\r\n    this.subscriptions.forEach((subscription: Subscription) => {\r\n      subscription.unsubscribe();\r\n    });\r\n    this.subscriptions = [];\r\n  }\r\n}\r\n","<button type=\"button\" class=\"btn btn-primary\" (click)=\"openModal(template)\">Open modal</button>\r\n<br><br>\r\n<pre class=\"card card-block card-header\" *ngFor=\"let message of messages\">{{message}}</pre>\r\n<ng-template #template>\r\n  <div class=\"modal-header\">\r\n    <h4 class=\"modal-title pull-left\">Modal</h4>\r\n    <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"modalRef.hide()\">\r\n      <span aria-hidden=\"true\">&times;</span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body\">\r\n    This is a modal\r\n  </div>\r\n</ng-template>\r\n","import { Component, TemplateRef } from '@angular/core';\r\nimport { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';\r\n\r\n@Component({\r\n  selector: 'demo-modal-service-nested',\r\n  templateUrl: './service-nested.html'\r\n})\r\nexport class DemoModalServiceNestedComponent {\r\n  modalRef: BsModalRef | null;\r\n  modalRef2: BsModalRef;\r\n  constructor(private modalService: BsModalService) {}\r\n\r\n  openModal(template: TemplateRef<any>) {\r\n    this.modalRef = this.modalService.show(template, { id: 1, class: 'modal-lg' });\r\n  }\r\n  openModal2(template: TemplateRef<any>) {\r\n    this.modalRef2 = this.modalService.show(template, {id: 2, class: 'second' });\r\n  }\r\n  closeFirstModal() {\r\n    if (!this.modalRef) {\r\n      return;\r\n    }\r\n\r\n    this.modalRef.hide();\r\n    this.modalRef = null;\r\n  }\r\n  closeModal(modalId?: number){\r\n    this.modalService.hide(modalId);\r\n  }\r\n}\r\n","<button type=\"button\" class=\"btn btn-primary\" (click)=\"openModal(template)\">Open first modal</button>\r\n\r\n<ng-template #template>\r\n  <div class=\"modal-header\">\r\n    <h4 class=\"modal-title pull-left\">First modal</h4>\r\n    <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"modalRef.hide()\">\r\n      <span aria-hidden=\"true\">&times;</span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body\">\r\n    This is a first modal<br />\r\n    <button type=\"button\" class=\"btn btn-primary\" (click)=\"openModal2(templateNested)\">Open second modal</button>\r\n    <button type=\"button\" class=\"btn btn-primary\" (click)=\"closeModal(1)\">Close self</button>\r\n    <button type=\"button\" class=\"btn btn-primary\" (click)=\"closeModal()\">Close all modal</button>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #templateNested>\r\n  <div class=\"modal-header\">\r\n    <h4 class=\"modal-title pull-left\">Second modal</h4>\r\n    <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"modalRef2.hide()\">\r\n      <span aria-hidden=\"true\">&times;</span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body\">\r\n    This is nested modal.<br />\r\n    <button *ngIf=\"modalRef\" type=\"button\" class=\"btn btn-danger\" (click)=\"closeFirstModal()\">Close first modal</button>\r\n    <button type=\"button\" class=\"btn btn-danger\" (click)=\"closeModal(2)\">Close self</button>\r\n    <button type=\"button\" class=\"btn btn-danger\" (click)=\"closeModal()\">Close all modal</button>\r\n  </div>\r\n</ng-template>\r\n","import { Component, TemplateRef } from '@angular/core';\r\nimport { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';\r\n\r\n@Component({\r\n  selector: 'demo-modal-change-class',\r\n  templateUrl: './change-class.html'\r\n})\r\nexport class DemoModalServiceChangeClassComponent {\r\n  modalRef: BsModalRef;\r\n  valueWidth = false;\r\n  constructor(private modalService: BsModalService) {}\r\n\r\n  openModal(template: TemplateRef<any>) {\r\n    this.modalRef = this.modalService.show(\r\n      template,\r\n      Object.assign({}, { class: 'modal-sm' })\r\n    );\r\n  }\r\n\r\n  setModalClass() {\r\n    this.valueWidth = !this.valueWidth;\r\n    const modalWidth = this.valueWidth ? 'modal-lg' : 'modal-sm';\r\n    this.modalRef.setClass(modalWidth);\r\n  }\r\n}\r\n","<button type=\"button\" class=\"btn btn-primary\" (click)=\"openModal(template)\">Create template modal</button>\r\n\r\n<ng-template #template>\r\n  <div class=\"modal-header\">\r\n    <h4 class=\"modal-title pull-left\">Modal</h4>\r\n    <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"modalRef.hide()\">\r\n      <span aria-hidden=\"true\">&times;</span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body\">\r\n    This is a modal.\r\n  </div>\r\n  <button type=\"button\" class=\"btn\" (click)=\"setModalClass()\">Change width</button>\r\n</ng-template>\r\n","import { Component, TemplateRef } from '@angular/core';\r\nimport { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';\r\n\r\n@Component({\r\n  selector: 'demo-modal-service-custom-css-class',\r\n  templateUrl: './custom-css-class.html'\r\n})\r\nexport class DemoModalServiceCustomCSSClassComponent {\r\n  modalRef: BsModalRef;\r\n  constructor(private modalService: BsModalService) {}\r\n\r\n  openModalWithClass(template: TemplateRef<any>) {\r\n    this.modalRef = this.modalService.show(\r\n      template,\r\n      Object.assign({}, { class: 'gray modal-lg' })\r\n    );\r\n  }\r\n}\r\n","<button type=\"button\" class=\"btn btn-primary\" (click)=\"openModalWithClass(template)\">Open modal with custom css class</button>\r\n<br>\r\n\r\n<ng-template #template>\r\n  <div class=\"modal-header\">\r\n    <h4 class=\"modal-title pull-left\">Modal</h4>\r\n    <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"modalRef.hide()\">\r\n      <span aria-hidden=\"true\">&times;</span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body\">\r\n    Just a modal with a bunch of words inside, nothing serious.\r\n  </div>\r\n</ng-template>\r\n","import { Component, TemplateRef } from '@angular/core';\r\nimport { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';\r\n\r\n@Component({\r\n  selector: 'demo-modal-service-disable-animation',\r\n  templateUrl: './disable-animation.html'\r\n})\r\nexport class DemoModalServiceDisableAnimationComponent {\r\n  modalRef: BsModalRef;\r\n  config = {\r\n    animated: true\r\n  };\r\n  constructor(private modalService: BsModalService) {}\r\n\r\n  openModal(template: TemplateRef<any>) {\r\n    this.modalRef = this.modalService.show(template, this.config);\r\n  }\r\n}\r\n","<button type=\"button\" class=\"btn btn-primary\" (click)=\"openModal(template)\">Open modal</button>\r\n<br>\r\n<br>\r\n<button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"config.animated = !config.animated\">{{config.animated ? 'Disable' : 'Enable'}} animation</button>\r\n\r\n<ng-template #template>\r\n  <div class=\"modal-header\">\r\n    <h4 class=\"modal-title pull-left\">Modal</h4>\r\n    <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"modalRef.hide()\">\r\n      <span aria-hidden=\"true\">&times;</span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body\">\r\n    Just a modal with a bunch of words inside, nothing serious.\r\n  </div>\r\n</ng-template>\r\n","import { Component, TemplateRef } from '@angular/core';\r\nimport { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';\r\n\r\n@Component({\r\n  selector: 'demo-modal-service-disable-backdrop',\r\n  templateUrl: './disable-backdrop.html'\r\n})\r\nexport class DemoModalServiceDisableBackdropComponent {\r\n  modalRef: BsModalRef;\r\n  config = {\r\n    backdrop: true,\r\n    ignoreBackdropClick: false\r\n  };\r\n  constructor(private modalService: BsModalService) {}\r\n\r\n  openModal(template: TemplateRef<any>) {\r\n    this.modalRef = this.modalService.show(template, this.config);\r\n  }\r\n}\r\n","<button type=\"button\" class=\"btn btn-primary\" (click)=\"openModal(template)\">Open modal</button>\r\n<br>\r\n<br>\r\n<button type=\"button\" class=\"btn btn-primary btn-sm me-2\" (click)=\"config.backdrop = !config.backdrop\">{{config.backdrop ? 'Disable' : 'Enable'}} backdrop</button>\r\n<button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"config.ignoreBackdropClick = !config.ignoreBackdropClick\">{{!config.ignoreBackdropClick ? 'Disable' : 'Enable'}} backdrop click</button>\r\n\r\n<ng-template #template>\r\n  <div class=\"modal-header\">\r\n    <h4 class=\"modal-title pull-left\">Modal</h4>\r\n    <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"modalRef.hide()\">\r\n      <span aria-hidden=\"true\">&times;</span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body\">\r\n    Just a modal with a bunch of words inside, nothing serious.\r\n  </div>\r\n</ng-template>\r\n","import { Component, TemplateRef } from '@angular/core';\r\nimport { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';\r\n\r\n@Component({\r\n  selector: 'demo-modal-service-disable-esc-closing',\r\n  templateUrl: './disable-esc-closing.html'\r\n})\r\nexport class DemoModalServiceDisableEscClosingComponent {\r\n  modalRef: BsModalRef;\r\n  config = {\r\n    keyboard: true\r\n  };\r\n  constructor(private modalService: BsModalService) {}\r\n\r\n  openModal(template: TemplateRef<any>) {\r\n    this.modalRef = this.modalService.show(template, this.config);\r\n  }\r\n}\r\n","<button type=\"button\" class=\"btn btn-primary\" (click)=\"openModal(template)\">Open modal</button>\r\n<br>\r\n<br>\r\n<button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"config.keyboard = !config.keyboard\">{{config.keyboard ? 'Disable' : 'Enable'}} Esc</button>\r\n\r\n<ng-template #template>\r\n  <div class=\"modal-header\">\r\n    <h4 class=\"modal-title pull-left\">Modal</h4>\r\n    <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"modalRef.hide()\">\r\n      <span aria-hidden=\"true\">&times;</span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body\">\r\n    Just a modal with a bunch of words inside, nothing serious.\r\n  </div>\r\n</ng-template>\r\n","import { Component, TemplateRef } from '@angular/core';\r\nimport { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';\r\n\r\n@Component({\r\n  selector: 'demo-modal-service-static',\r\n  templateUrl: './service-template.html'\r\n})\r\nexport class DemoModalServiceStaticComponent {\r\n  modalRef: BsModalRef;\r\n  constructor(private modalService: BsModalService) {}\r\n\r\n  openModal(template: TemplateRef<any>) {\r\n    this.modalRef = this.modalService.show(template);\r\n  }\r\n}\r\n","<button type=\"button\" class=\"btn btn-primary\" (click)=\"openModal(template)\">Create template modal</button>\r\n\r\n<ng-template #template>\r\n  <div class=\"modal-header\">\r\n    <h4 class=\"modal-title pull-left\">Modal</h4>\r\n    <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"modalRef.hide()\">\r\n      <span aria-hidden=\"true\">&times;</span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body\">\r\n    This is a modal.\r\n  </div>\r\n</ng-template>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'demo-modal-sizes',\r\n  templateUrl: './sizes.html'\r\n})\r\nexport class DemoModalSizesComponent {}\r\n","<!--Large modal-->\r\n<p>Small modal window have small width on screens only above 768px(boostrap3) and 576px(bootstrap4)</p>\r\n<button class=\"btn btn-primary me-2\" (click)=\"lgModal.show()\">Large modal</button>\r\n\r\n<div bsModal #lgModal=\"bs-modal\" class=\"modal fade\" tabindex=\"-1\"\r\n     role=\"dialog\" aria-labelledby=\"dialog-sizes-name1\">\r\n  <div class=\"modal-dialog modal-lg\">\r\n    <div class=\"modal-content\">\r\n      <div class=\"modal-header\">\r\n        <h4 id=\"dialog-sizes-name1\" class=\"modal-title pull-left\">Large modal</h4>\r\n        <button type=\"button\" class=\"close pull-right\" (click)=\"lgModal.hide()\" aria-label=\"Close\">\r\n          <span aria-hidden=\"true\">&times;</span>\r\n        </button>\r\n      </div>\r\n      <div class=\"modal-body\">\r\n        ...\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n<!--Small modal-->\r\n<button type=\"button\" class=\"btn btn-primary\" (click)=\"smModal.show()\">Small modal</button>\r\n\r\n<div bsModal #smModal=\"bs-modal\" class=\"modal fade\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"dialog-sizes-name2\">\r\n  <div class=\"modal-dialog modal-sm\">\r\n    <div class=\"modal-content\">\r\n      <div class=\"modal-header\">\r\n        <h4 id=\"dialog-sizes-name2\" class=\"modal-title pull-left\">Small modal</h4>\r\n        <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"smModal.hide()\">\r\n          <span aria-hidden=\"true\">&times;</span>\r\n        </button>\r\n      </div>\r\n      <div class=\"modal-body\">\r\n        ...\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'demo-modal-static',\r\n  templateUrl: './static.html'\r\n})\r\nexport class DemoModalStaticComponent {}\r\n","<button type=\"button\" class=\"btn btn-primary\" (click)=\"staticModal.show()\">Static modal</button>\r\n\r\n<div class=\"modal fade\" bsModal #staticModal=\"bs-modal\" [config]=\"{backdrop: 'static'}\"\r\n     tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"dialog-static-name\">\r\n  <div class=\"modal-dialog modal-sm\">\r\n    <div class=\"modal-content\">\r\n      <div class=\"modal-header\">\r\n        <h4 id=\"dialog-static-name\" class=\"modal-title pull-left\">Static modal</h4>\r\n        <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"staticModal.hide()\">\r\n          <span aria-hidden=\"true\">&times;</span>\r\n        </button>\r\n      </div>\r\n      <div class=\"modal-body\">\r\n        This is static modal, backdrop click will not close it.\r\n        Click <b>&times;</b> to close modal.\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\r\n\r\nimport { demoComponentContent } from './modal-section.list';\r\nimport { ContentSection } from '@app/shared/components/docs/models/content-section.model';\r\n\r\n@Component({\r\n  selector: 'modal-section',\r\n  templateUrl: './modal-section.component.html',\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class ModalSectionComponent {\r\n  name = 'Modals';\r\n  src = 'https://github.com/valor-software/ngx-bootstrap/tree/development/src/modal';\r\n  componentContent: ContentSection[] = demoComponentContent;\r\n}\r\n","<demo-section [name]=\"name\" [src]=\"src\" [componentContent]=\"componentContent\">\r\n  <p>Modals are streamlined, but flexible, dialog prompts with the minimum required functionality\r\n  and smart defaults.</p>\r\n  <p>The easiest way to add the modals component to your app (will be added to the root module)</p>\r\n  <pre class=\"prettyprint lang-bash prettyprinted\"><span class=\"pln\">ng add ngx</span><span class=\"pun\">-</span><span class=\"pln\">bootstrap </span> --component <span class=\"pln\">modals</span></pre>\r\n  <docs-section [content]=\"componentContent\"></docs-section>\r\n</demo-section>\r\n","import { DemoModalServiceStaticComponent } from './demos/service-template/service-template';\r\nimport { DemoModalServiceFromComponent } from './demos/service-component/service-component';\r\nimport { DemoModalServiceNestedComponent } from './demos/service-nested/service-nested';\r\nimport { DemoModalServiceEventsComponent } from './demos/service-events/service-events';\r\nimport { DemoModalServiceDisableAnimationComponent } from './demos/service-options/disable-animation/disable-animation';\r\nimport { DemoModalServiceCustomCSSClassComponent } from './demos/service-options/custom-css-class/custom-css-class';\r\nimport { DemoModalServiceDisableEscClosingComponent } from './demos/service-options/disable-esc-closing/disable-esc-closing';\r\nimport { DemoModalServiceDisableBackdropComponent } from './demos/service-options/disable-backdrop/disable-backdrop';\r\nimport { DemoModalServiceConfirmWindowComponent } from './demos/service-confirm-window/service-confirm-window';\r\nimport { DemoModalServiceChangeClassComponent } from './demos/service-options/change-class/change-class';\r\n\r\nimport { DemoModalStaticComponent } from './demos/static/static';\r\nimport { DemoModalSizesComponent } from './demos/sizes/sizes';\r\nimport { DemoModalChildComponent } from './demos/child/child';\r\nimport { DemoModalNestedComponent } from './demos/nested/nested';\r\nimport { DemoModalEventsComponent } from './demos/events/events';\r\nimport { DemoAutoShownModalComponent } from './demos/auto-shown/auto-shown';\r\nimport { DemoAccessibilityComponent } from './demos/accessibility/accessibility';\r\nimport { DemoModalWithPopupsComponent } from './demos/modal-with-popups/modal-with-popups';\r\n\r\nimport { ContentSection } from '@app/shared/components/docs/models/content-section.model';\r\nimport { DemoTopSectionComponent } from '@app/shared/components/docs/demo-section-components/demo-top-section';\r\nimport { ExamplesComponent } from '@app/shared/components/docs/demo-section-components/demo-examples-section';\r\nimport { ApiSectionsComponent } from '@app/shared/components/docs/demo-section-components/demo-api-section';\r\n\r\nimport {\r\n  NgApiDocComponent,\r\n  NgApiDocClassComponent,\r\n  NgApiDocConfigComponent\r\n} from '@app/shared/components/docs/api-docs';\r\nimport { DemoModalScrollingLongContentComponent } from './demos/scrolling-long-content/scrolling-long-content';\r\nimport { DemoModalRefEventsComponent } from './demos/modal-ref-events/modal-ref-events';\r\n\r\nexport const demoComponentContent: ContentSection[] = [\r\n  {\r\n    name: 'Usage',\r\n    anchor: 'usage',\r\n    outlet: DemoTopSectionComponent,\r\n    content: {\r\n      doc: require('!!raw-loader!./docs/usage.md')\r\n    }\r\n  },\r\n  {\r\n    name: 'Service examples',\r\n    anchor: 'service-section',\r\n    outlet: ExamplesComponent,\r\n    description: `\r\n      <p>Open a modal from service.</p>\r\n      <p>To be able to open modals from service, inject <code>BsModalService</code> to your constructor.<br>Then, call\r\n      <code>.show()</code> method of modal service. Pass a <code>TemplateRef</code> or a component as a first argument and\r\n      config as a second (optionally). <br> <code>.show()</code> method returns an instance of <code>BsModalRef</code>\r\n      class with <code>.hide()</code> method and <code>content</code> property where you'll find a component\r\n      which you've passed to service.</p>`,\r\n    content: [\r\n      {\r\n        title: 'Template',\r\n        anchor: 'service-template',\r\n        component: require('!!raw-loader!./demos/service-template/service-template.ts'),\r\n        html: require('!!raw-loader!./demos/service-template/service-template.html'),\r\n        outlet: DemoModalServiceStaticComponent\r\n      },\r\n      {\r\n        title: 'Component',\r\n        anchor: 'service-component',\r\n        component: require('!!raw-loader!./demos/service-component/service-component.ts'),\r\n        html: require('!!raw-loader!./demos/service-component/service-component.html'),\r\n        description: `<p>Creating a modal with component just as easy as it is with template. Just pass your component\r\n          in <code>.show()</code> method as in example, and don't forget to include your component to\r\n          <code>entryComponents</code> of your <code>NgModule</code><br> If you passed a component\r\n          to <code>.show()</code> you can get access to opened modal by injecting <code>BsModalRef</code>. Also you can pass data\r\n          in your modal by adding <code>initialState</code> field in config. See example for more info</p>`,\r\n        outlet: DemoModalServiceFromComponent\r\n      },\r\n      {\r\n        title: 'Nested',\r\n        anchor: 'service-nested',\r\n        component: require('!!raw-loader!./demos/service-nested/service-nested.ts'),\r\n        html: require('!!raw-loader!./demos/service-nested/service-nested.html'),\r\n        description: `<p>Nested modals are supported</p>`,\r\n        outlet: DemoModalServiceNestedComponent\r\n      },\r\n      {\r\n        title: 'Scrolling long content',\r\n        anchor: 'scrolling-long-content',\r\n        component: require('!!raw-loader!./demos/scrolling-long-content/scrolling-long-content.ts'),\r\n        html: require('!!raw-loader!./demos/scrolling-long-content/scrolling-long-content.html'),\r\n        outlet: DemoModalScrollingLongContentComponent\r\n      },\r\n      {\r\n        title: 'Events',\r\n        anchor: 'service-events',\r\n        component: require('!!raw-loader!./demos/service-events/service-events.ts'),\r\n        html: require('!!raw-loader!./demos/service-events/service-events.html'),\r\n        description: `\r\n          <p>Modal service events. Modal service exposes 4 events: <code>onShow</code>, <code>onShown</code>,\r\n          <code>onHide</code>, <code>onHidden</code>.\r\n          See usage example below.</p>\r\n          <p><code>onHide</code> and <code>onHidden</code> events emit dismiss reason. Possible values are\r\n          <code>backdrop-click</code>, <code>esc</code> or <code>{id: number}</code> if modal was closed by direct call of\r\n          <code>hide()</code> method</p>`,\r\n        outlet: DemoModalServiceEventsComponent\r\n      },\r\n      {\r\n        title: 'ModalRef Events',\r\n        anchor: 'modal-ref-events',\r\n        component: require('!!raw-loader!./demos/modal-ref-events/modal-ref-events.ts'),\r\n        html: require('!!raw-loader!./demos/modal-ref-events/modal-ref-events.html'),\r\n        description: `\r\n          <p>Modal ref events. ModalRef exposes 2 events: <code>onHide</code> and <code>onHidden</code>. Note,\r\n          <code>onShow</code> and <code>onShown</code> are not options because they have already fired by the time\r\n          the ModalRef is created.\r\n          See usage example below.</p>\r\n          <p><code>onHide</code> and <code>onHidden</code> events emit dismiss reason. Possible values are\r\n          <code>backdrop-click</code>, <code>esc</code> or <code>{id: number}</code> if modal was closed by direct call of\r\n          <code>hide()</code> method</p>`,\r\n        outlet: DemoModalRefEventsComponent\r\n      },\r\n      {\r\n        title: 'Confirm Window',\r\n        anchor: 'confirm-window',\r\n        component: require('!!raw-loader!./demos/service-confirm-window/service-confirm-window.ts'),\r\n        html: require('!!raw-loader!./demos/service-confirm-window/service-confirm-window.html'),\r\n        description: `<p>Modal with opportunity to <code>confirm</code> or <code>decline</code>.</p>`,\r\n        outlet: DemoModalServiceConfirmWindowComponent\r\n      },\r\n      {\r\n        title: 'Сustom css class',\r\n        anchor: 'service-custom-css-class',\r\n        component: require('!!raw-loader!./demos/service-options/custom-css-class/custom-css-class.ts'),\r\n        html: require('!!raw-loader!./demos/service-options/custom-css-class/custom-css-class.html'),\r\n        description: `<p>There is possibility to add custom css class to a modal.\r\n          See the demo below to learn how to use it</p>`,\r\n        outlet: DemoModalServiceCustomCSSClassComponent\r\n      },\r\n      {\r\n        title: 'Animation option',\r\n        anchor: 'service-disable-animation',\r\n        component: require('!!raw-loader!./demos/service-options/disable-animation/disable-animation.ts'),\r\n        html: require('!!raw-loader!./demos/service-options/disable-animation/disable-animation.html'),\r\n        description: `<p>There is animation option that you can configure.</p>`,\r\n        outlet: DemoModalServiceDisableAnimationComponent\r\n      },\r\n      {\r\n        title: 'Esc closing option',\r\n        anchor: 'service-disable-esc-closing',\r\n        component: require('!!raw-loader!./demos/service-options/disable-esc-closing/disable-esc-closing.ts'),\r\n        html: require('!!raw-loader!./demos/service-options/disable-esc-closing/disable-esc-closing.html'),\r\n        description: `<p>There is closing by Esc button option that you can configure.</p>`,\r\n        outlet: DemoModalServiceDisableEscClosingComponent\r\n      },\r\n      {\r\n        title: 'Modal window with tooltip and popover',\r\n        anchor: 'modal-with-popups',\r\n        component: require('!!raw-loader!./demos/modal-with-popups/modal-with-popups.ts'),\r\n        html: require('!!raw-loader!./demos/modal-with-popups/modal-with-popups.html'),\r\n        description: `<p><code>Tooltips</code> and <code>popovers</code> can be placed within modals as needed. When modals are closed, any <code>tooltips</code> and <code>popovers</code> within are also automatically dismissed.</p>`,\r\n        outlet: DemoModalWithPopupsComponent\r\n      },\r\n      {\r\n        title: 'Backdrop options',\r\n        anchor: 'service-disable-backdrop',\r\n        component: require('!!raw-loader!./demos/service-options/disable-backdrop/disable-backdrop.ts'),\r\n        html: require('!!raw-loader!./demos/service-options/disable-backdrop/disable-backdrop.html'),\r\n        description: `<p>There is backdrop options that you can configure.</p>`,\r\n        outlet: DemoModalServiceDisableBackdropComponent\r\n      },\r\n      {\r\n        title: 'Change class',\r\n        anchor: 'change-class',\r\n        component: require('!!raw-loader!./demos/service-options/change-class/change-class.ts'),\r\n        html: require('!!raw-loader!./demos/service-options/change-class/change-class.html'),\r\n        description: `<p>Calling setClass method to change modal's window class</p>`,\r\n        outlet: DemoModalServiceChangeClassComponent\r\n      }\r\n    ]\r\n  },\r\n  {\r\n    name: 'Directive examples',\r\n    anchor: 'directive-section',\r\n    outlet: ExamplesComponent,\r\n    description: `<p>Also you can use directive instead of service. See the demos below </p>`,\r\n    content: [\r\n      {\r\n        title: 'Static modal',\r\n        anchor: 'directive-static',\r\n        component: require('!!raw-loader!./demos/static/static.ts'),\r\n        html: require('!!raw-loader!./demos/static/static.html'),\r\n        outlet: DemoModalStaticComponent\r\n      },\r\n      {\r\n        title: 'Optional sizes',\r\n        anchor: 'directive-sizes',\r\n        component: require('!!raw-loader!./demos/sizes/sizes.ts'),\r\n        html: require('!!raw-loader!./demos/sizes/sizes.html'),\r\n        outlet: DemoModalSizesComponent\r\n      },\r\n      {\r\n        title: 'Child modal',\r\n        anchor: 'directive-child',\r\n        component: require('!!raw-loader!./demos/child/child.ts'),\r\n        html: require('!!raw-loader!./demos/child/child.html'),\r\n        description: `<p>Control modal from parent component</p>`,\r\n        outlet: DemoModalChildComponent\r\n      },\r\n      {\r\n        title: 'Nested modals',\r\n        anchor: 'directive-nested',\r\n        component: require('!!raw-loader!./demos/nested/nested.ts'),\r\n        html: require('!!raw-loader!./demos/nested/nested.html'),\r\n        description: `<p>Open a modal from another modal</p>`,\r\n        outlet: DemoModalNestedComponent\r\n      },\r\n      {\r\n        title: 'Modal events',\r\n        anchor: 'directive-events',\r\n        component: require('!!raw-loader!./demos/events/events.ts'),\r\n        html: require('!!raw-loader!./demos/events/events.html'),\r\n        description: `<p><code>ModalDirective</code> exposes 4 events: <code>onShow</code>, <code>onShown</code>,\r\n          <code>onHide</code>, <code>onHidden</code>. See usage example below.<br>\r\n          <code>$event</code> is an instance of <code>ModalDirective</code>. There you may\r\n          find some useful properties like <code>isShown</code>, <code>dismissReason</code>, etc.\r\n          <br>For example, you may want to know which one of user's actions caused closing of a modal.\r\n          Just get the value of <code>dismissReason</code>,<br> possible values are <code>backdrop-click</code>,\r\n          <code>esc</code> or <code>null</code> if modal was closed by direct call of <code>hide()</code> method</p>`,\r\n        outlet: DemoModalEventsComponent\r\n      },\r\n      {\r\n        title: 'Auto shown modal',\r\n        anchor: 'directive-auto-shown',\r\n        component: require('!!raw-loader!./demos/auto-shown/auto-shown.ts'),\r\n        html: require('!!raw-loader!./demos/auto-shown/auto-shown.html'),\r\n        description: `\r\n          <p>Show modal right after it has been initialized. This allows you to keep DOM clean by only\r\n          appending visible modals to the DOM using <code>*ngIf</code> directive.</p>\r\n          <p>It can also be useful if you want your modal component to perform some initialization operations, but\r\n          want to defer that until user actually sees modal content. I.e. for a \"Select e-mail recipient\" modal\r\n          you might want to defer recipient list loading until the modal is shown.</p>`,\r\n        outlet: DemoAutoShownModalComponent\r\n      },\r\n      {\r\n        title: 'Accessibility',\r\n        anchor: 'accessibility',\r\n        component: require('!!raw-loader!./demos/accessibility/accessibility.ts'),\r\n        html: require('!!raw-loader!./demos/accessibility/accessibility.html'),\r\n        description: `\r\n        <p>\r\n          Be sure to add <code class=\"highlighter-rouge\">id=\"\"</code> attribute to your title and description\r\n          in the template to make your modal works according to accessibility. The <code class=\"highlighter-rouge\">aria-labelledby</code>\r\n          attribute establishes relationships between the modal and its title (only if the title has id attribute). The element\r\n          containing the modal's description is referenced by <code class=\"highlighter-rouge\">aria-describedby</code> attribute.\r\n          The dialog does not need <code class=\"highlighter-rouge\">aria-describedby</code> since there is no static\r\n          text that describes it.\r\n        </p>\r\n        <p>\r\n        Use modal options to set <code class=\"highlighter-rouge\">aria-labelledby</code> and\r\n        <code class=\"highlighter-rouge\">aria-describedby</code> attributes.\r\n        </p>\r\n        `,\r\n        outlet: DemoAccessibilityComponent\r\n      }\r\n    ]\r\n  },\r\n  {\r\n    name: 'API Reference',\r\n    anchor: 'api-reference',\r\n    outlet: ApiSectionsComponent,\r\n    content: [\r\n      {\r\n        title: 'ModalDirective',\r\n        anchor: 'modal-directive',\r\n        outlet: NgApiDocComponent\r\n      },\r\n      {\r\n        title: 'ModalBackdropComponent',\r\n        anchor: 'modal-backdrop-component',\r\n        outlet: NgApiDocComponent\r\n      },\r\n      {\r\n        title: 'BsModalService',\r\n        anchor: 'bs-modal-service',\r\n        outlet: NgApiDocClassComponent\r\n      },\r\n      {\r\n        title: 'BsModalRef',\r\n        anchor: 'bs-modal-ref',\r\n        outlet: NgApiDocClassComponent\r\n      },\r\n      {\r\n        title: 'ModalOptions',\r\n        anchor: 'modal-options',\r\n        outlet: NgApiDocConfigComponent\r\n      }\r\n    ]\r\n  }\r\n];\r\n","export default \"<button type=\\\"button\\\" class=\\\"btn btn-primary\\\" (click)=\\\"openModal(template)\\\">Create template modal</button>\\r\\n\\r\\n<ng-template #template>\\r\\n  <div class=\\\"modal-header\\\">\\r\\n    <h4 class=\\\"modal-title pull-left\\\" id=\\\"my-modal-title\\\">Modal title</h4>\\r\\n    <button type=\\\"button\\\" class=\\\"close pull-right\\\" aria-label=\\\"Close\\\" (click)=\\\"modalRef.hide()\\\">\\r\\n      <span aria-hidden=\\\"true\\\">&times;</span>\\r\\n    </button>\\r\\n  </div>\\r\\n  <div class=\\\"modal-body\\\">\\r\\n    <div id=\\\"my-modal-description\\\">\\r\\n      This is a modal.\\r\\n    </div>\\r\\n  </div>\\r\\n</ng-template>\\r\\n\";","export default \"import { Component, TemplateRef } from '@angular/core';\\r\\nimport { BsModalRef, BsModalService } from 'ngx-bootstrap/modal';\\r\\n\\r\\n@Component({\\r\\n  selector: 'demo-accessibility',\\r\\n  templateUrl: './accessibility.html'\\r\\n})\\r\\nexport class DemoAccessibilityComponent {\\r\\n  modalRef: BsModalRef;\\r\\n  constructor(private modalService: BsModalService) {}\\r\\n\\r\\n  openModal(template: TemplateRef<any>) {\\r\\n    this.modalRef = this.modalService.show(template, {\\r\\n      ariaDescribedby: 'my-modal-description',\\r\\n      ariaLabelledBy: 'my-modal-title'\\r\\n    });\\r\\n  }\\r\\n}\\r\\n\";","export default \"<button type=\\\"button\\\" class=\\\"btn btn-primary\\\" (click)=\\\"showModal()\\\">Render auto-shown modal</button>\\r\\n<div *ngIf=\\\"isModalShown\\\" [config]=\\\"{ show: true }\\\" (onHidden)=\\\"onHidden()\\\" bsModal #autoShownModal=\\\"bs-modal\\\"\\r\\n     class=\\\"modal fade\\\" tabindex=\\\"-1\\\" role=\\\"dialog\\\" aria-labelledby=\\\"dialog-auto-name\\\">\\r\\n  <div class=\\\"modal-dialog modal-sm\\\">\\r\\n    <div class=\\\"modal-content\\\">\\r\\n      <div class=\\\"modal-header\\\">\\r\\n        <h4 id=\\\"dialog-auto-name\\\" class=\\\"modal-title pull-left\\\">Auto shown modal</h4>\\r\\n        <button type=\\\"button\\\" class=\\\"close pull-right\\\" aria-label=\\\"Close\\\" (click)=\\\"hideModal()\\\">\\r\\n          <span aria-hidden=\\\"true\\\">&times;</span>\\r\\n        </button>\\r\\n      </div>\\r\\n      <div class=\\\"modal-body\\\">\\r\\n        <p>I am a modal that is shown right after initialization!</p>\\r\\n        <p>I wasn't present in DOM until you clicked the button</p>\\r\\n        <p>When you close me, I'll be removed from the DOM</p>\\r\\n      </div>\\r\\n    </div>\\r\\n  </div>\\r\\n</div>\\r\\n\";","export default \"import { Component, ViewChild } from '@angular/core';\\r\\nimport { ModalDirective } from 'ngx-bootstrap/modal';\\r\\n\\r\\n@Component({\\r\\n  selector: 'demo-modal-auto-shown',\\r\\n  templateUrl: './auto-shown.html'\\r\\n})\\r\\nexport class DemoAutoShownModalComponent {\\r\\n  @ViewChild('autoShownModal', { static: false }) autoShownModal: ModalDirective;\\r\\n  isModalShown = false;\\r\\n\\r\\n  showModal(): void {\\r\\n    this.isModalShown = true;\\r\\n  }\\r\\n\\r\\n  hideModal(): void {\\r\\n    this.autoShownModal.hide();\\r\\n  }\\r\\n\\r\\n  onHidden(): void {\\r\\n    this.isModalShown = false;\\r\\n  }\\r\\n}\\r\\n\";","export default \"<button type=\\\"button\\\" class=\\\"btn btn-primary\\\" (click)=\\\"showChildModal()\\\">Open child modal</button>\\r\\n<div bsModal #childModal=\\\"bs-modal\\\" class=\\\"modal fade\\\" tabindex=\\\"-1\\\"\\r\\n     role=\\\"dialog\\\" aria-labelledby=\\\"dialog-child-name\\\">\\r\\n  <div class=\\\"modal-dialog modal-sm\\\">\\r\\n    <div class=\\\"modal-content\\\">\\r\\n      <div class=\\\"modal-header\\\">\\r\\n        <h4 id=\\\"dialog-child-name\\\" class=\\\"modal-title pull-left\\\">Child modal</h4>\\r\\n        <button type=\\\"button\\\" class=\\\"close pull-right\\\" aria-label=\\\"Close\\\" (click)=\\\"hideChildModal()\\\">\\r\\n          <span aria-hidden=\\\"true\\\">&times;</span>\\r\\n        </button>\\r\\n      </div>\\r\\n      <div class=\\\"modal-body\\\">\\r\\n        I am a child modal, opened from parent component!\\r\\n      </div>\\r\\n    </div>\\r\\n  </div>\\r\\n</div>\\r\\n\";","export default \"import { Component, ViewChild } from '@angular/core';\\r\\nimport { ModalDirective } from 'ngx-bootstrap/modal';\\r\\n\\r\\n@Component({\\r\\n  selector: 'demo-modal-child',\\r\\n  templateUrl: './child.html'\\r\\n})\\r\\nexport class DemoModalChildComponent {\\r\\n  @ViewChild('childModal', { static: false }) childModal: ModalDirective;\\r\\n\\r\\n  showChildModal(): void {\\r\\n    this.childModal.show();\\r\\n  }\\r\\n\\r\\n  hideChildModal(): void {\\r\\n    this.childModal.hide();\\r\\n  }\\r\\n}\\r\\n\";","export default \"<button type=\\\"button\\\" class=\\\"btn btn-primary\\\" (click)=\\\"showModal()\\\">Open a modal</button>\\r\\n<br><br>\\r\\n<pre class=\\\"card card-block card-header\\\" *ngFor=\\\"let message of messages\\\">{{message}}</pre>\\r\\n\\r\\n<div class=\\\"modal fade\\\" bsModal #modal=\\\"bs-modal\\\"\\r\\n     tabindex=\\\"-1\\\" role=\\\"dialog\\\" aria-labelledby=\\\"dialog-events-name\\\"\\r\\n     (onShow)=\\\"handler('onShow', $event)\\\"\\r\\n     (onShown)=\\\"handler('onShown', $event)\\\"\\r\\n     (onHide)=\\\"handler('onHide', $event)\\\"\\r\\n     (onHidden)=\\\"handler('onHidden', $event)\\\">\\r\\n  <div class=\\\"modal-dialog modal-sm\\\">\\r\\n    <div class=\\\"modal-content\\\">\\r\\n      <div class=\\\"modal-header\\\">\\r\\n        <h4 id=\\\"dialog-events-name\\\" class=\\\"modal-title pull-left\\\">Modal</h4>\\r\\n        <button type=\\\"button\\\" class=\\\"close pull-right\\\" aria-label=\\\"Close\\\" (click)=\\\"modal.hide()\\\">\\r\\n          <span aria-hidden=\\\"true\\\">&times;</span>\\r\\n        </button>\\r\\n      </div>\\r\\n      <div class=\\\"modal-body\\\">\\r\\n        Just another modal <br>\\r\\n        Click <b>&times;</b>, press <code>Esc</code> or click on backdrop to close modal.\\r\\n      </div>\\r\\n    </div>\\r\\n  </div>\\r\\n</div>\\r\\n\";","export default \"import { Component, ViewChild } from '@angular/core';\\r\\nimport { ModalDirective } from 'ngx-bootstrap/modal';\\r\\n\\r\\n@Component({\\r\\n  selector: 'demo-modal-events',\\r\\n  templateUrl: './events.html',\\r\\n  styles: [`\\r\\n    .card {\\r\\n      margin-bottom: 0.75rem;\\r\\n      padding: 8px;\\r\\n    }\\r\\n  `]\\r\\n})\\r\\nexport class DemoModalEventsComponent {\\r\\n  @ViewChild(ModalDirective, { static: false }) modal: ModalDirective;\\r\\n  messages: string[];\\r\\n\\r\\n  showModal() {\\r\\n    this.messages = [];\\r\\n    this.modal.show();\\r\\n  }\\r\\n  handler(type: string, $event: ModalDirective) {\\r\\n    this.messages.push(\\r\\n      `event ${type} is fired${$event.dismissReason\\r\\n        ? ', dismissed by ' + $event.dismissReason\\r\\n        : ''}`\\r\\n    );\\r\\n  }\\r\\n}\\r\\n\";","export default \"<button type=\\\"button\\\" class=\\\"btn btn-primary\\\" (click)=\\\"openModal(template)\\\">Open modal</button>\\r\\n<br><br>\\r\\n<pre class=\\\"card card-block card-header\\\" *ngFor=\\\"let message of messages\\\">{{message}}</pre>\\r\\n<ng-template #template>\\r\\n  <div class=\\\"modal-header\\\">\\r\\n    <h4 class=\\\"modal-title pull-left\\\">Modal</h4>\\r\\n    <button type=\\\"button\\\" class=\\\"close pull-right\\\" aria-label=\\\"Close\\\" (click)=\\\"modalRef.hide()\\\">\\r\\n      <span aria-hidden=\\\"true\\\">&times;</span>\\r\\n    </button>\\r\\n  </div>\\r\\n  <div class=\\\"modal-body\\\">\\r\\n    This is a modal\\r\\n  </div>\\r\\n</ng-template>\\r\\n\";","export default \"import { ChangeDetectorRef, Component, TemplateRef } from '@angular/core';\\r\\nimport { BsModalRef, BsModalService } from 'ngx-bootstrap/modal';\\r\\nimport { combineLatest, Subscription } from 'rxjs';\\r\\n\\r\\n@Component({\\r\\n  selector: 'demo-modal-ref-events',\\r\\n  templateUrl: './modal-ref-events.html',\\r\\n  styles: [`\\r\\n    .card {\\r\\n      margin-bottom: 0.75rem;\\r\\n      padding: 8px;\\r\\n    }\\r\\n  `]\\r\\n})\\r\\nexport class DemoModalRefEventsComponent {\\r\\n  modalRef: BsModalRef;\\r\\n  subscriptions: Subscription[] = [];\\r\\n  messages: string[] = [];\\r\\n\\r\\n  constructor(private modalService: BsModalService, private changeDetection: ChangeDetectorRef) {\\r\\n  }\\r\\n\\r\\n  openModal(template: TemplateRef<any>) {\\r\\n    this.messages = [];\\r\\n\\r\\n    this.modalRef = this.modalService.show(template);\\r\\n\\r\\n    const _combine = combineLatest(\\r\\n      this.modalRef.onHide,\\r\\n      this.modalRef.onHidden\\r\\n    ).subscribe(() => this.changeDetection.markForCheck());\\r\\n\\r\\n    this.subscriptions.push(\\r\\n      this.modalRef.onHide.subscribe((reason: string | any) => {\\r\\n        if (typeof reason !== 'string') {\\r\\n          reason = `onHide(), modalId is : ${reason.id}`;\\r\\n        }\\r\\n        const _reason = reason ? `, dismissed by ${reason}` : '';\\r\\n        this.messages.push(`onHide event has been fired${_reason}`);\\r\\n      })\\r\\n    );\\r\\n    this.subscriptions.push(\\r\\n      this.modalRef.onHidden.subscribe((reason: string | any) => {\\r\\n        if (typeof reason !== 'string') {\\r\\n          reason = `onHide(), modalId is : ${reason.id}`;\\r\\n        }\\r\\n        const _reason = reason ? `, dismissed by ${reason}` : '';\\r\\n        this.messages.push(`onHidden event has been fired${_reason}`);\\r\\n        this.unsubscribe();\\r\\n      })\\r\\n    );\\r\\n\\r\\n    this.subscriptions.push(_combine);\\r\\n  }\\r\\n\\r\\n  unsubscribe() {\\r\\n    this.subscriptions.forEach((subscription: Subscription) => {\\r\\n      subscription.unsubscribe();\\r\\n    });\\r\\n    this.subscriptions = [];\\r\\n  }\\r\\n}\\r\\n\";","export default \"<button type=\\\"button\\\" class=\\\"btn btn-primary\\\" (click)=\\\"openModal(template)\\\">Open modal</button>\\r\\n<ng-template #template>\\r\\n  <div class=\\\"modal-header\\\">\\r\\n    <h4 class=\\\"modal-title pull-left\\\">Modal</h4>\\r\\n    <button type=\\\"button\\\" class=\\\"close pull-right\\\" aria-label=\\\"Close\\\" (click)=\\\"modalRef.hide()\\\">\\r\\n      <span aria-hidden=\\\"true\\\">&times;</span>\\r\\n    </button>\\r\\n  </div>\\r\\n  <div class=\\\"modal-body\\\">\\r\\n    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque delectus enim esse excepturi, impedit,\\r\\n      iste magnam officia optio, quam quis quisquam saepe sint unde velit vitae! Animi in iusto ut?</p>\\r\\n      <button type=\\\"button\\\" class=\\\"btn btn-primary\\\" popover=\\\"Vivamus sagittis\\\">popover</button>\\r\\n      <button type=\\\"button\\\" class=\\\"btn btn-primary\\\" tooltip=\\\"Vivamus sagittis\\\">tooltip</button>\\r\\n  </div>\\r\\n</ng-template>\\r\\n\";","export default \"import { Component, TemplateRef } from '@angular/core';\\r\\nimport { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';\\r\\n\\r\\n@Component({\\r\\n  selector: 'demo-modal-with-popups',\\r\\n  templateUrl: './modal-with-popups.html'\\r\\n})\\r\\nexport class DemoModalWithPopupsComponent {\\r\\n  modalRef: BsModalRef;\\r\\n\\r\\n  constructor(private modalService: BsModalService) {}\\r\\n\\r\\n  openModal(template: TemplateRef<any>) {\\r\\n    this.modalRef = this.modalService.show(template);\\r\\n  }\\r\\n}\\r\\n\";","export default \"<button type=\\\"button\\\" class=\\\"btn btn-primary\\\" (click)=\\\"parentModal.show()\\\">Open parent modal</button>\\r\\n<div class=\\\"modal fade\\\" bsModal #parentModal=\\\"bs-modal\\\" tabindex=\\\"-1\\\" role=\\\"dialog\\\" aria-labelledby=\\\"dialog-nested-name1\\\">\\r\\n  <div class=\\\"modal-dialog modal-lg\\\">\\r\\n    <div class=\\\"modal-content\\\">\\r\\n      <div class=\\\"modal-header\\\">\\r\\n        <h4 id=\\\"dialog-nested-name1\\\" class=\\\"modal-title pull-left\\\">First modal</h4>\\r\\n        <button type=\\\"button\\\" class=\\\"close pull-right\\\" aria-label=\\\"Close\\\" (click)=\\\"parentModal.hide()\\\">\\r\\n          <span aria-hidden=\\\"true\\\">&times;</span>\\r\\n        </button>\\r\\n      </div>\\r\\n      <div class=\\\"modal-body\\\">\\r\\n        <button type=\\\"button\\\" class=\\\"btn btn-primary\\\" (click)=\\\"childModal.show()\\\">Open second modal</button>\\r\\n      </div>\\r\\n    </div>\\r\\n  </div>\\r\\n</div>\\r\\n\\r\\n<div class=\\\"modal fade\\\" bsModal #childModal=\\\"bs-modal\\\" tabindex=\\\"-1\\\" role=\\\"dialog\\\" aria-labelledby=\\\"dialog-nested-name2\\\">\\r\\n  <div class=\\\"modal-dialog\\\">\\r\\n    <div class=\\\"modal-content\\\">\\r\\n      <div class=\\\"modal-header\\\">\\r\\n        <h4 id=\\\"dialog-nested-name2\\\" class=\\\"modal-title pull-left\\\">Second modal</h4>\\r\\n        <button type=\\\"button\\\" class=\\\"close pull-right\\\" aria-label=\\\"Close\\\" (click)=\\\"childModal.hide()\\\">\\r\\n          <span aria-hidden=\\\"true\\\">&times;</span>\\r\\n        </button>\\r\\n      </div>\\r\\n      <div class=\\\"modal-body\\\">\\r\\n        This is second modal <br>\\r\\n        <button type=\\\"button\\\" class=\\\"btn btn-primary\\\" (click)=\\\"thirdModal.show()\\\">Open third modal</button>\\r\\n      </div>\\r\\n    </div>\\r\\n  </div>\\r\\n</div>\\r\\n\\r\\n<div class=\\\"modal fade\\\" bsModal #thirdModal=\\\"bs-modal\\\" tabindex=\\\"-1\\\" role=\\\"dialog\\\" aria-labelledby=\\\"dialog-nested-name3\\\">\\r\\n  <div class=\\\"modal-dialog modal-sm\\\">\\r\\n    <div class=\\\"modal-content\\\">\\r\\n      <div class=\\\"modal-header\\\">\\r\\n        <h4 id=\\\"dialog-nested-name3\\\" class=\\\"modal-title pull-left\\\">Third modal</h4>\\r\\n        <button type=\\\"button\\\" class=\\\"close pull-right\\\" aria-label=\\\"Close\\\" (click)=\\\"thirdModal.hide()\\\">\\r\\n          <span aria-hidden=\\\"true\\\">&times;</span>\\r\\n        </button>\\r\\n      </div>\\r\\n      <div class=\\\"modal-body\\\">\\r\\n        This is third modal <br>\\r\\n        Click <b>&times;</b> to close modal.\\r\\n      </div>\\r\\n    </div>\\r\\n  </div>\\r\\n</div>\\r\\n\";","export default \"import { Component } from '@angular/core';\\r\\n\\r\\n@Component({\\r\\n  selector: 'demo-modal-nested',\\r\\n  templateUrl: './nested.html'\\r\\n})\\r\\nexport class DemoModalNestedComponent {}\\r\\n\";","export default \"<button type=\\\"button\\\" class=\\\"btn btn-primary\\\" (click)=\\\"openModal(template)\\\">Open modal</button>\\r\\n<br>\\r\\n\\r\\n<ng-template #template>\\r\\n  <div class=\\\"modal-header\\\">\\r\\n    <h4 class=\\\"modal-title pull-left\\\">Modal</h4>\\r\\n    <button type=\\\"button\\\" class=\\\"close pull-right\\\" aria-label=\\\"Close\\\" (click)=\\\"modalRef.hide()\\\">\\r\\n      <span aria-hidden=\\\"true\\\">&times;</span>\\r\\n    </button>\\r\\n  </div>\\r\\n  <div class=\\\"modal-body\\\">\\r\\n    <p *ngFor=\\\"let item of items\\\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque delectus enim esse excepturi, impedit,\\r\\n      iste magnam officia optio, quam quis quisquam saepe sint unde velit vitae! Animi in iusto ut?</p>\\r\\n  </div>\\r\\n</ng-template>\\r\\n\";","export default \"import { Component, TemplateRef } from '@angular/core';\\r\\nimport { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';\\r\\n\\r\\n@Component({\\r\\n  selector: 'demo-modal-scrolling-long-content',\\r\\n  templateUrl: './scrolling-long-content.html'\\r\\n})\\r\\nexport class DemoModalScrollingLongContentComponent {\\r\\n  modalRef: BsModalRef;\\r\\n  items: any[];\\r\\n\\r\\n  constructor(private modalService: BsModalService) {\\r\\n    this.items = Array(15).fill(0);\\r\\n  }\\r\\n\\r\\n  openModal(template: TemplateRef<any>) {\\r\\n    this.modalRef = this.modalService.show(template);\\r\\n  }\\r\\n}\\r\\n\";","export default \"<button type=\\\"button\\\" class=\\\"btn btn-primary\\\" (click)=\\\"openModalWithComponent()\\\">Create modal with component</button>\\r\\n\";","export default \"import { Component, OnInit } from '@angular/core';\\r\\nimport { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';\\r\\n\\r\\n@Component({\\r\\n  selector: 'demo-modal-service-component',\\r\\n  templateUrl: './service-component.html'\\r\\n})\\r\\nexport class DemoModalServiceFromComponent {\\r\\n  bsModalRef: BsModalRef;\\r\\n  constructor(private modalService: BsModalService) {}\\r\\n\\r\\n  openModalWithComponent() {\\r\\n    const initialState = {\\r\\n      list: [\\r\\n        'Open a modal with component',\\r\\n        'Pass your data',\\r\\n        'Do something else',\\r\\n        '...'\\r\\n      ],\\r\\n      title: 'Modal with component'\\r\\n    };\\r\\n    this.bsModalRef = this.modalService.show(ModalContentComponent, {initialState});\\r\\n    this.bsModalRef.content.closeBtnName = 'Close';\\r\\n  }\\r\\n}\\r\\n\\r\\n/* This is a component which we pass in modal*/\\r\\n\\r\\n@Component({\\r\\n  selector: 'modal-content',\\r\\n  template: `\\r\\n    <div class=\\\"modal-header\\\">\\r\\n      <h4 class=\\\"modal-title pull-left\\\">{{title}}</h4>\\r\\n      <button type=\\\"button\\\" class=\\\"close pull-right\\\" aria-label=\\\"Close\\\" (click)=\\\"bsModalRef.hide()\\\">\\r\\n        <span aria-hidden=\\\"true\\\">&times;</span>\\r\\n      </button>\\r\\n    </div>\\r\\n    <div class=\\\"modal-body\\\">\\r\\n      <ul *ngIf=\\\"list.length\\\">\\r\\n        <li *ngFor=\\\"let item of list\\\">{{item}}</li>\\r\\n      </ul>\\r\\n    </div>\\r\\n    <div class=\\\"modal-footer\\\">\\r\\n      <button type=\\\"button\\\" class=\\\"btn btn-default\\\" (click)=\\\"bsModalRef.hide()\\\">{{closeBtnName}}</button>\\r\\n    </div>\\r\\n  `\\r\\n})\\r\\n\\r\\nexport class ModalContentComponent implements OnInit {\\r\\n  title: string;\\r\\n  closeBtnName: string;\\r\\n  list: any[] = [];\\r\\n\\r\\n  constructor(public bsModalRef: BsModalRef) {}\\r\\n\\r\\n  ngOnInit() {\\r\\n    this.list.push('PROFIT!!!');\\r\\n  }\\r\\n}\\r\\n\";","export default \"<button type=\\\"button\\\" class=\\\"btn btn-primary\\\" (click)=\\\"openModal(template)\\\">Open modal</button>\\r\\n<br><br>\\r\\n<pre class=\\\"card card-block card-header\\\">{{message}}</pre>\\r\\n<ng-template #template>\\r\\n  <div class=\\\"modal-body text-center\\\">\\r\\n    <p>Do you want to confirm?</p>\\r\\n    <button type=\\\"button\\\" class=\\\"btn btn-default\\\" (click)=\\\"confirm()\\\" >Yes</button>\\r\\n    <button type=\\\"button\\\" class=\\\"btn btn-primary\\\" (click)=\\\"decline()\\\" >No</button>\\r\\n  </div>\\r\\n</ng-template>\\r\\n\";","export default \"import { Component, TemplateRef } from '@angular/core';\\r\\nimport { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';\\r\\n\\r\\n@Component({\\r\\n  selector: 'demo-modal-service-confirm-window',\\r\\n  templateUrl: './service-confirm-window.html'\\r\\n})\\r\\nexport class DemoModalServiceConfirmWindowComponent {\\r\\n  modalRef: BsModalRef;\\r\\n  message: string;\\r\\n  constructor(private modalService: BsModalService) {}\\r\\n\\r\\n  openModal(template: TemplateRef<any>) {\\r\\n    this.modalRef = this.modalService.show(template, {class: 'modal-sm'});\\r\\n  }\\r\\n\\r\\n  confirm(): void {\\r\\n    this.message = 'Confirmed!';\\r\\n    this.modalRef.hide();\\r\\n  }\\r\\n\\r\\n  decline(): void {\\r\\n    this.message = 'Declined!';\\r\\n    this.modalRef.hide();\\r\\n  }\\r\\n}\\r\\n\";","export default \"<button type=\\\"button\\\" class=\\\"btn btn-primary\\\" (click)=\\\"openModal(template)\\\">Open modal</button>\\r\\n<br><br>\\r\\n<pre class=\\\"card card-block card-header\\\" *ngFor=\\\"let message of messages\\\">{{message}}</pre>\\r\\n<ng-template #template>\\r\\n  <div class=\\\"modal-header\\\">\\r\\n    <h4 class=\\\"modal-title pull-left\\\">Modal</h4>\\r\\n    <button type=\\\"button\\\" class=\\\"close pull-right\\\" aria-label=\\\"Close\\\" (click)=\\\"modalRef.hide()\\\">\\r\\n      <span aria-hidden=\\\"true\\\">&times;</span>\\r\\n    </button>\\r\\n  </div>\\r\\n  <div class=\\\"modal-body\\\">\\r\\n    This is a modal\\r\\n  </div>\\r\\n</ng-template>\\r\\n\";","export default \"import { ChangeDetectorRef, Component, TemplateRef } from '@angular/core';\\r\\nimport { BsModalRef, BsModalService } from 'ngx-bootstrap/modal';\\r\\nimport { combineLatest, Subscription } from 'rxjs';\\r\\n\\r\\n@Component({\\r\\n  selector: 'demo-modal-service-events',\\r\\n  templateUrl: './service-events.html',\\r\\n  styles: [`\\r\\n    .card {\\r\\n      margin-bottom: 0.75rem;\\r\\n      padding: 8px;\\r\\n    }\\r\\n  `]\\r\\n})\\r\\nexport class DemoModalServiceEventsComponent {\\r\\n  modalRef: BsModalRef;\\r\\n  subscriptions: Subscription[] = [];\\r\\n  messages: string[] = [];\\r\\n\\r\\n  constructor(private modalService: BsModalService, private changeDetection: ChangeDetectorRef) {\\r\\n  }\\r\\n\\r\\n  openModal(template: TemplateRef<any>) {\\r\\n    this.messages = [];\\r\\n\\r\\n    const _combine = combineLatest(\\r\\n      this.modalService.onShow,\\r\\n      this.modalService.onShown,\\r\\n      this.modalService.onHide,\\r\\n      this.modalService.onHidden\\r\\n    ).subscribe(() => this.changeDetection.markForCheck());\\r\\n\\r\\n    this.subscriptions.push(\\r\\n      this.modalService.onShow.subscribe(() => {\\r\\n        this.messages.push(`onShow event has been fired`);\\r\\n      })\\r\\n    );\\r\\n    this.subscriptions.push(\\r\\n      this.modalService.onShown.subscribe(() => {\\r\\n        this.messages.push(`onShown event has been fired`);\\r\\n      })\\r\\n    );\\r\\n    this.subscriptions.push(\\r\\n      this.modalService.onHide.subscribe((reason: string | any) => {\\r\\n        if (typeof reason !== 'string') {\\r\\n          reason = `onHide(), modalId is : ${reason.id}`;\\r\\n        }\\r\\n        const _reason = reason ? `, dismissed by ${reason}` : '';\\r\\n        this.messages.push(`onHide event has been fired${_reason}`);\\r\\n      })\\r\\n    );\\r\\n    this.subscriptions.push(\\r\\n      this.modalService.onHidden.subscribe((reason: string | any) => {\\r\\n        if (typeof reason !== 'string') {\\r\\n          reason = `onHide(), modalId is : ${reason.id}`;\\r\\n        }\\r\\n        const _reason = reason ? `, dismissed by ${reason}` : '';\\r\\n        this.messages.push(`onHidden event has been fired${_reason}`);\\r\\n        this.unsubscribe();\\r\\n      })\\r\\n    );\\r\\n\\r\\n    this.subscriptions.push(_combine);\\r\\n\\r\\n    this.modalRef = this.modalService.show(template);\\r\\n  }\\r\\n\\r\\n  unsubscribe() {\\r\\n    this.subscriptions.forEach((subscription: Subscription) => {\\r\\n      subscription.unsubscribe();\\r\\n    });\\r\\n    this.subscriptions = [];\\r\\n  }\\r\\n}\\r\\n\";","export default \"<button type=\\\"button\\\" class=\\\"btn btn-primary\\\" (click)=\\\"openModal(template)\\\">Open first modal</button>\\r\\n\\r\\n<ng-template #template>\\r\\n  <div class=\\\"modal-header\\\">\\r\\n    <h4 class=\\\"modal-title pull-left\\\">First modal</h4>\\r\\n    <button type=\\\"button\\\" class=\\\"close pull-right\\\" aria-label=\\\"Close\\\" (click)=\\\"modalRef.hide()\\\">\\r\\n      <span aria-hidden=\\\"true\\\">&times;</span>\\r\\n    </button>\\r\\n  </div>\\r\\n  <div class=\\\"modal-body\\\">\\r\\n    This is a first modal<br />\\r\\n    <button type=\\\"button\\\" class=\\\"btn btn-primary\\\" (click)=\\\"openModal2(templateNested)\\\">Open second modal</button>\\r\\n    <button type=\\\"button\\\" class=\\\"btn btn-primary\\\" (click)=\\\"closeModal(1)\\\">Close self</button>\\r\\n    <button type=\\\"button\\\" class=\\\"btn btn-primary\\\" (click)=\\\"closeModal()\\\">Close all modal</button>\\r\\n  </div>\\r\\n</ng-template>\\r\\n\\r\\n<ng-template #templateNested>\\r\\n  <div class=\\\"modal-header\\\">\\r\\n    <h4 class=\\\"modal-title pull-left\\\">Second modal</h4>\\r\\n    <button type=\\\"button\\\" class=\\\"close pull-right\\\" aria-label=\\\"Close\\\" (click)=\\\"modalRef2.hide()\\\">\\r\\n      <span aria-hidden=\\\"true\\\">&times;</span>\\r\\n    </button>\\r\\n  </div>\\r\\n  <div class=\\\"modal-body\\\">\\r\\n    This is nested modal.<br />\\r\\n    <button *ngIf=\\\"modalRef\\\" type=\\\"button\\\" class=\\\"btn btn-danger\\\" (click)=\\\"closeFirstModal()\\\">Close first modal</button>\\r\\n    <button type=\\\"button\\\" class=\\\"btn btn-danger\\\" (click)=\\\"closeModal(2)\\\">Close self</button>\\r\\n    <button type=\\\"button\\\" class=\\\"btn btn-danger\\\" (click)=\\\"closeModal()\\\">Close all modal</button>\\r\\n  </div>\\r\\n</ng-template>\\r\\n\";","export default \"import { Component, TemplateRef } from '@angular/core';\\r\\nimport { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';\\r\\n\\r\\n@Component({\\r\\n  selector: 'demo-modal-service-nested',\\r\\n  templateUrl: './service-nested.html'\\r\\n})\\r\\nexport class DemoModalServiceNestedComponent {\\r\\n  modalRef: BsModalRef | null;\\r\\n  modalRef2: BsModalRef;\\r\\n  constructor(private modalService: BsModalService) {}\\r\\n\\r\\n  openModal(template: TemplateRef<any>) {\\r\\n    this.modalRef = this.modalService.show(template, { id: 1, class: 'modal-lg' });\\r\\n  }\\r\\n  openModal2(template: TemplateRef<any>) {\\r\\n    this.modalRef2 = this.modalService.show(template, {id: 2, class: 'second' });\\r\\n  }\\r\\n  closeFirstModal() {\\r\\n    if (!this.modalRef) {\\r\\n      return;\\r\\n    }\\r\\n\\r\\n    this.modalRef.hide();\\r\\n    this.modalRef = null;\\r\\n  }\\r\\n  closeModal(modalId?: number){\\r\\n    this.modalService.hide(modalId);\\r\\n  }\\r\\n}\\r\\n\";","export default \"<button type=\\\"button\\\" class=\\\"btn btn-primary\\\" (click)=\\\"openModal(template)\\\">Create template modal</button>\\r\\n\\r\\n<ng-template #template>\\r\\n  <div class=\\\"modal-header\\\">\\r\\n    <h4 class=\\\"modal-title pull-left\\\">Modal</h4>\\r\\n    <button type=\\\"button\\\" class=\\\"close pull-right\\\" aria-label=\\\"Close\\\" (click)=\\\"modalRef.hide()\\\">\\r\\n      <span aria-hidden=\\\"true\\\">&times;</span>\\r\\n    </button>\\r\\n  </div>\\r\\n  <div class=\\\"modal-body\\\">\\r\\n    This is a modal.\\r\\n  </div>\\r\\n  <button type=\\\"button\\\" class=\\\"btn\\\" (click)=\\\"setModalClass()\\\">Change width</button>\\r\\n</ng-template>\\r\\n\";","export default \"import { Component, TemplateRef } from '@angular/core';\\r\\nimport { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';\\r\\n\\r\\n@Component({\\r\\n  selector: 'demo-modal-change-class',\\r\\n  templateUrl: './change-class.html'\\r\\n})\\r\\nexport class DemoModalServiceChangeClassComponent {\\r\\n  modalRef: BsModalRef;\\r\\n  valueWidth = false;\\r\\n  constructor(private modalService: BsModalService) {}\\r\\n\\r\\n  openModal(template: TemplateRef<any>) {\\r\\n    this.modalRef = this.modalService.show(\\r\\n      template,\\r\\n      Object.assign({}, { class: 'modal-sm' })\\r\\n    );\\r\\n  }\\r\\n\\r\\n  setModalClass() {\\r\\n    this.valueWidth = !this.valueWidth;\\r\\n    const modalWidth = this.valueWidth ? 'modal-lg' : 'modal-sm';\\r\\n    this.modalRef.setClass(modalWidth);\\r\\n  }\\r\\n}\\r\\n\";","export default \"<button type=\\\"button\\\" class=\\\"btn btn-primary\\\" (click)=\\\"openModalWithClass(template)\\\">Open modal with custom css class</button>\\r\\n<br>\\r\\n\\r\\n<ng-template #template>\\r\\n  <div class=\\\"modal-header\\\">\\r\\n    <h4 class=\\\"modal-title pull-left\\\">Modal</h4>\\r\\n    <button type=\\\"button\\\" class=\\\"close pull-right\\\" aria-label=\\\"Close\\\" (click)=\\\"modalRef.hide()\\\">\\r\\n      <span aria-hidden=\\\"true\\\">&times;</span>\\r\\n    </button>\\r\\n  </div>\\r\\n  <div class=\\\"modal-body\\\">\\r\\n    Just a modal with a bunch of words inside, nothing serious.\\r\\n  </div>\\r\\n</ng-template>\\r\\n\";","export default \"import { Component, TemplateRef } from '@angular/core';\\r\\nimport { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';\\r\\n\\r\\n@Component({\\r\\n  selector: 'demo-modal-service-custom-css-class',\\r\\n  templateUrl: './custom-css-class.html'\\r\\n})\\r\\nexport class DemoModalServiceCustomCSSClassComponent {\\r\\n  modalRef: BsModalRef;\\r\\n  constructor(private modalService: BsModalService) {}\\r\\n\\r\\n  openModalWithClass(template: TemplateRef<any>) {\\r\\n    this.modalRef = this.modalService.show(\\r\\n      template,\\r\\n      Object.assign({}, { class: 'gray modal-lg' })\\r\\n    );\\r\\n  }\\r\\n}\\r\\n\";","export default \"<button type=\\\"button\\\" class=\\\"btn btn-primary\\\" (click)=\\\"openModal(template)\\\">Open modal</button>\\r\\n<br>\\r\\n<br>\\r\\n<button type=\\\"button\\\" class=\\\"btn btn-primary btn-sm\\\" (click)=\\\"config.animated = !config.animated\\\">{{config.animated ? 'Disable' : 'Enable'}} animation</button>\\r\\n\\r\\n<ng-template #template>\\r\\n  <div class=\\\"modal-header\\\">\\r\\n    <h4 class=\\\"modal-title pull-left\\\">Modal</h4>\\r\\n    <button type=\\\"button\\\" class=\\\"close pull-right\\\" aria-label=\\\"Close\\\" (click)=\\\"modalRef.hide()\\\">\\r\\n      <span aria-hidden=\\\"true\\\">&times;</span>\\r\\n    </button>\\r\\n  </div>\\r\\n  <div class=\\\"modal-body\\\">\\r\\n    Just a modal with a bunch of words inside, nothing serious.\\r\\n  </div>\\r\\n</ng-template>\\r\\n\";","export default \"import { Component, TemplateRef } from '@angular/core';\\r\\nimport { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';\\r\\n\\r\\n@Component({\\r\\n  selector: 'demo-modal-service-disable-animation',\\r\\n  templateUrl: './disable-animation.html'\\r\\n})\\r\\nexport class DemoModalServiceDisableAnimationComponent {\\r\\n  modalRef: BsModalRef;\\r\\n  config = {\\r\\n    animated: true\\r\\n  };\\r\\n  constructor(private modalService: BsModalService) {}\\r\\n\\r\\n  openModal(template: TemplateRef<any>) {\\r\\n    this.modalRef = this.modalService.show(template, this.config);\\r\\n  }\\r\\n}\\r\\n\";","export default \"<button type=\\\"button\\\" class=\\\"btn btn-primary\\\" (click)=\\\"openModal(template)\\\">Open modal</button>\\r\\n<br>\\r\\n<br>\\r\\n<button type=\\\"button\\\" class=\\\"btn btn-primary btn-sm me-2\\\" (click)=\\\"config.backdrop = !config.backdrop\\\">{{config.backdrop ? 'Disable' : 'Enable'}} backdrop</button>\\r\\n<button type=\\\"button\\\" class=\\\"btn btn-primary btn-sm\\\" (click)=\\\"config.ignoreBackdropClick = !config.ignoreBackdropClick\\\">{{!config.ignoreBackdropClick ? 'Disable' : 'Enable'}} backdrop click</button>\\r\\n\\r\\n<ng-template #template>\\r\\n  <div class=\\\"modal-header\\\">\\r\\n    <h4 class=\\\"modal-title pull-left\\\">Modal</h4>\\r\\n    <button type=\\\"button\\\" class=\\\"close pull-right\\\" aria-label=\\\"Close\\\" (click)=\\\"modalRef.hide()\\\">\\r\\n      <span aria-hidden=\\\"true\\\">&times;</span>\\r\\n    </button>\\r\\n  </div>\\r\\n  <div class=\\\"modal-body\\\">\\r\\n    Just a modal with a bunch of words inside, nothing serious.\\r\\n  </div>\\r\\n</ng-template>\\r\\n\";","export default \"import { Component, TemplateRef } from '@angular/core';\\r\\nimport { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';\\r\\n\\r\\n@Component({\\r\\n  selector: 'demo-modal-service-disable-backdrop',\\r\\n  templateUrl: './disable-backdrop.html'\\r\\n})\\r\\nexport class DemoModalServiceDisableBackdropComponent {\\r\\n  modalRef: BsModalRef;\\r\\n  config = {\\r\\n    backdrop: true,\\r\\n    ignoreBackdropClick: false\\r\\n  };\\r\\n  constructor(private modalService: BsModalService) {}\\r\\n\\r\\n  openModal(template: TemplateRef<any>) {\\r\\n    this.modalRef = this.modalService.show(template, this.config);\\r\\n  }\\r\\n}\\r\\n\";","export default \"<button type=\\\"button\\\" class=\\\"btn btn-primary\\\" (click)=\\\"openModal(template)\\\">Open modal</button>\\r\\n<br>\\r\\n<br>\\r\\n<button type=\\\"button\\\" class=\\\"btn btn-primary btn-sm\\\" (click)=\\\"config.keyboard = !config.keyboard\\\">{{config.keyboard ? 'Disable' : 'Enable'}} Esc</button>\\r\\n\\r\\n<ng-template #template>\\r\\n  <div class=\\\"modal-header\\\">\\r\\n    <h4 class=\\\"modal-title pull-left\\\">Modal</h4>\\r\\n    <button type=\\\"button\\\" class=\\\"close pull-right\\\" aria-label=\\\"Close\\\" (click)=\\\"modalRef.hide()\\\">\\r\\n      <span aria-hidden=\\\"true\\\">&times;</span>\\r\\n    </button>\\r\\n  </div>\\r\\n  <div class=\\\"modal-body\\\">\\r\\n    Just a modal with a bunch of words inside, nothing serious.\\r\\n  </div>\\r\\n</ng-template>\\r\\n\";","export default \"import { Component, TemplateRef } from '@angular/core';\\r\\nimport { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';\\r\\n\\r\\n@Component({\\r\\n  selector: 'demo-modal-service-disable-esc-closing',\\r\\n  templateUrl: './disable-esc-closing.html'\\r\\n})\\r\\nexport class DemoModalServiceDisableEscClosingComponent {\\r\\n  modalRef: BsModalRef;\\r\\n  config = {\\r\\n    keyboard: true\\r\\n  };\\r\\n  constructor(private modalService: BsModalService) {}\\r\\n\\r\\n  openModal(template: TemplateRef<any>) {\\r\\n    this.modalRef = this.modalService.show(template, this.config);\\r\\n  }\\r\\n}\\r\\n\";","export default \"<button type=\\\"button\\\" class=\\\"btn btn-primary\\\" (click)=\\\"openModal(template)\\\">Create template modal</button>\\r\\n\\r\\n<ng-template #template>\\r\\n  <div class=\\\"modal-header\\\">\\r\\n    <h4 class=\\\"modal-title pull-left\\\">Modal</h4>\\r\\n    <button type=\\\"button\\\" class=\\\"close pull-right\\\" aria-label=\\\"Close\\\" (click)=\\\"modalRef.hide()\\\">\\r\\n      <span aria-hidden=\\\"true\\\">&times;</span>\\r\\n    </button>\\r\\n  </div>\\r\\n  <div class=\\\"modal-body\\\">\\r\\n    This is a modal.\\r\\n  </div>\\r\\n</ng-template>\\r\\n\";","export default \"import { Component, TemplateRef } from '@angular/core';\\r\\nimport { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';\\r\\n\\r\\n@Component({\\r\\n  selector: 'demo-modal-service-static',\\r\\n  templateUrl: './service-template.html'\\r\\n})\\r\\nexport class DemoModalServiceStaticComponent {\\r\\n  modalRef: BsModalRef;\\r\\n  constructor(private modalService: BsModalService) {}\\r\\n\\r\\n  openModal(template: TemplateRef<any>) {\\r\\n    this.modalRef = this.modalService.show(template);\\r\\n  }\\r\\n}\\r\\n\";","export default \"<!--Large modal-->\\r\\n<p>Small modal window have small width on screens only above 768px(boostrap3) and 576px(bootstrap4)</p>\\r\\n<button class=\\\"btn btn-primary me-2\\\" (click)=\\\"lgModal.show()\\\">Large modal</button>\\r\\n\\r\\n<div bsModal #lgModal=\\\"bs-modal\\\" class=\\\"modal fade\\\" tabindex=\\\"-1\\\"\\r\\n     role=\\\"dialog\\\" aria-labelledby=\\\"dialog-sizes-name1\\\">\\r\\n  <div class=\\\"modal-dialog modal-lg\\\">\\r\\n    <div class=\\\"modal-content\\\">\\r\\n      <div class=\\\"modal-header\\\">\\r\\n        <h4 id=\\\"dialog-sizes-name1\\\" class=\\\"modal-title pull-left\\\">Large modal</h4>\\r\\n        <button type=\\\"button\\\" class=\\\"close pull-right\\\" (click)=\\\"lgModal.hide()\\\" aria-label=\\\"Close\\\">\\r\\n          <span aria-hidden=\\\"true\\\">&times;</span>\\r\\n        </button>\\r\\n      </div>\\r\\n      <div class=\\\"modal-body\\\">\\r\\n        ...\\r\\n      </div>\\r\\n    </div>\\r\\n  </div>\\r\\n</div>\\r\\n\\r\\n\\r\\n<!--Small modal-->\\r\\n<button type=\\\"button\\\" class=\\\"btn btn-primary\\\" (click)=\\\"smModal.show()\\\">Small modal</button>\\r\\n\\r\\n<div bsModal #smModal=\\\"bs-modal\\\" class=\\\"modal fade\\\" tabindex=\\\"-1\\\" role=\\\"dialog\\\" aria-labelledby=\\\"dialog-sizes-name2\\\">\\r\\n  <div class=\\\"modal-dialog modal-sm\\\">\\r\\n    <div class=\\\"modal-content\\\">\\r\\n      <div class=\\\"modal-header\\\">\\r\\n        <h4 id=\\\"dialog-sizes-name2\\\" class=\\\"modal-title pull-left\\\">Small modal</h4>\\r\\n        <button type=\\\"button\\\" class=\\\"close pull-right\\\" aria-label=\\\"Close\\\" (click)=\\\"smModal.hide()\\\">\\r\\n          <span aria-hidden=\\\"true\\\">&times;</span>\\r\\n        </button>\\r\\n      </div>\\r\\n      <div class=\\\"modal-body\\\">\\r\\n        ...\\r\\n      </div>\\r\\n    </div>\\r\\n  </div>\\r\\n</div>\\r\\n\";","export default \"import { Component } from '@angular/core';\\r\\n\\r\\n@Component({\\r\\n  selector: 'demo-modal-sizes',\\r\\n  templateUrl: './sizes.html'\\r\\n})\\r\\nexport class DemoModalSizesComponent {}\\r\\n\";","export default \"<button type=\\\"button\\\" class=\\\"btn btn-primary\\\" (click)=\\\"staticModal.show()\\\">Static modal</button>\\r\\n\\r\\n<div class=\\\"modal fade\\\" bsModal #staticModal=\\\"bs-modal\\\" [config]=\\\"{backdrop: 'static'}\\\"\\r\\n     tabindex=\\\"-1\\\" role=\\\"dialog\\\" aria-labelledby=\\\"dialog-static-name\\\">\\r\\n  <div class=\\\"modal-dialog modal-sm\\\">\\r\\n    <div class=\\\"modal-content\\\">\\r\\n      <div class=\\\"modal-header\\\">\\r\\n        <h4 id=\\\"dialog-static-name\\\" class=\\\"modal-title pull-left\\\">Static modal</h4>\\r\\n        <button type=\\\"button\\\" class=\\\"close pull-right\\\" aria-label=\\\"Close\\\" (click)=\\\"staticModal.hide()\\\">\\r\\n          <span aria-hidden=\\\"true\\\">&times;</span>\\r\\n        </button>\\r\\n      </div>\\r\\n      <div class=\\\"modal-body\\\">\\r\\n        This is static modal, backdrop click will not close it.\\r\\n        Click <b>&times;</b> to close modal.\\r\\n      </div>\\r\\n    </div>\\r\\n  </div>\\r\\n</div>\\r\\n\";","export default \"import { Component } from '@angular/core';\\r\\n\\r\\n@Component({\\r\\n  selector: 'demo-modal-static',\\r\\n  templateUrl: './static.html'\\r\\n})\\r\\nexport class DemoModalStaticComponent {}\\r\\n\";","export default \"// RECOMMENDED\\r\\nimport { ModalModule } from 'ngx-bootstrap/modal';\\r\\n// NOT RECOMMENDED (Angular 9 doesn't support this kind of import)\\r\\nimport { ModalModule } from 'ngx-bootstrap';\\r\\n\\r\\n@NgModule({\\r\\n  imports: [ModalModule.forRoot(),...]\\r\\n})\\r\\nexport class AppModule(){}\\r\\n\";"],"names":[],"sourceRoot":"webpack:///"}