@mintplayer/ng-bootstrap 14.8.0 → 14.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (71) hide show
  1. package/_bootstrap.scss +13 -4
  2. package/esm2020/lib/components/accordion/accordion-tab-header/accordion-tab-header.component.mjs +3 -3
  3. package/esm2020/lib/components/card/card/card.component.mjs +3 -3
  4. package/esm2020/lib/components/context-menu/context-menu.directive.mjs +1 -6
  5. package/esm2020/lib/components/datatable/datatable/datatable.component.mjs +15 -5
  6. package/esm2020/lib/components/datatable/datatable.module.mjs +9 -1
  7. package/esm2020/lib/components/file-upload/component/file-upload.component.mjs +6 -4
  8. package/esm2020/lib/components/file-upload/file-upload.module.mjs +8 -4
  9. package/esm2020/lib/components/grid/component/grid.component.mjs +32 -0
  10. package/esm2020/lib/components/grid/directives/column/column.directive.mjs +56 -0
  11. package/esm2020/lib/components/grid/directives/index.mjs +3 -0
  12. package/esm2020/lib/components/grid/directives/row/row.directive.mjs +19 -0
  13. package/esm2020/lib/components/grid/grid.module.mjs +20 -0
  14. package/esm2020/lib/components/grid/index.mjs +4 -0
  15. package/esm2020/lib/components/index.mjs +4 -1
  16. package/esm2020/lib/components/navbar/navbar/navbar.component.mjs +2 -2
  17. package/esm2020/lib/components/offcanvas/components/offcanvas/offcanvas.component.mjs +1 -2
  18. package/esm2020/lib/components/placeholder/placeholder/placeholder.component.mjs +12 -6
  19. package/esm2020/lib/components/placeholder/placeholder-field/placeholder-field.directive.mjs +13 -4
  20. package/esm2020/lib/components/range/component/range.component.mjs +15 -0
  21. package/esm2020/lib/components/range/index.mjs +4 -0
  22. package/esm2020/lib/components/range/range.module.mjs +19 -0
  23. package/esm2020/lib/components/range/value-accessor/range-value-accessor.mjs +62 -0
  24. package/esm2020/lib/components/scheduler/components/scheduler/scheduler.component.mjs +3 -3
  25. package/esm2020/lib/components/table/component/table.component.mjs +47 -0
  26. package/esm2020/lib/components/table/index.mjs +3 -0
  27. package/esm2020/lib/components/table/table.module.mjs +18 -0
  28. package/esm2020/lib/components/toggle-button/component/toggle-button.component.mjs +162 -0
  29. package/esm2020/lib/components/toggle-button/directives/index.mjs +2 -0
  30. package/esm2020/lib/components/toggle-button/directives/toggle-button-group/toggle-button-group.directive.mjs +19 -0
  31. package/esm2020/lib/components/toggle-button/index.mjs +5 -2
  32. package/esm2020/lib/components/toggle-button/toggle-button.module.mjs +15 -5
  33. package/esm2020/lib/components/toggle-button/types/check-style.mjs +2 -0
  34. package/esm2020/lib/components/toggle-button/types/index.mjs +2 -0
  35. package/esm2020/lib/components/toggle-button/value-accessor/toggle-button-value-accessor.mjs +108 -0
  36. package/esm2020/lib/types/breakpoint.mjs +2 -0
  37. package/fesm2015/mintplayer-ng-bootstrap.mjs +605 -89
  38. package/fesm2015/mintplayer-ng-bootstrap.mjs.map +1 -1
  39. package/fesm2020/mintplayer-ng-bootstrap.mjs +605 -89
  40. package/fesm2020/mintplayer-ng-bootstrap.mjs.map +1 -1
  41. package/lib/components/datatable/datatable/datatable.component.d.ts +4 -1
  42. package/lib/components/datatable/datatable.module.d.ts +4 -2
  43. package/lib/components/file-upload/file-upload.module.d.ts +2 -1
  44. package/lib/components/grid/component/grid.component.d.ts +12 -0
  45. package/lib/components/grid/directives/column/column.directive.d.ts +12 -0
  46. package/lib/components/grid/directives/index.d.ts +2 -0
  47. package/lib/components/grid/directives/row/row.directive.d.ts +6 -0
  48. package/lib/components/grid/grid.module.d.ts +10 -0
  49. package/lib/components/grid/index.d.ts +3 -0
  50. package/lib/components/index.d.ts +3 -0
  51. package/lib/components/placeholder/placeholder/placeholder.component.d.ts +5 -2
  52. package/lib/components/placeholder/placeholder-field/placeholder-field.directive.d.ts +2 -0
  53. package/lib/components/range/component/range.component.d.ts +8 -0
  54. package/lib/components/range/index.d.ts +3 -0
  55. package/lib/components/range/range.module.d.ts +9 -0
  56. package/lib/components/range/value-accessor/range-value-accessor.d.ts +20 -0
  57. package/lib/components/table/component/table.component.d.ts +16 -0
  58. package/lib/components/table/index.d.ts +2 -0
  59. package/lib/components/table/table.module.d.ts +8 -0
  60. package/lib/components/toggle-button/component/toggle-button.component.d.ts +38 -0
  61. package/lib/components/toggle-button/directives/index.d.ts +1 -0
  62. package/lib/components/toggle-button/directives/toggle-button-group/toggle-button-group.directive.d.ts +9 -0
  63. package/lib/components/toggle-button/index.d.ts +4 -1
  64. package/lib/components/toggle-button/toggle-button.module.d.ts +5 -3
  65. package/lib/components/toggle-button/types/check-style.d.ts +1 -0
  66. package/lib/components/toggle-button/types/index.d.ts +1 -0
  67. package/lib/components/toggle-button/value-accessor/toggle-button-value-accessor.d.ts +20 -0
  68. package/lib/types/breakpoint.d.ts +1 -0
  69. package/package.json +1 -1
  70. package/esm2020/lib/components/toggle-button/toggle-button.component.mjs +0 -45
  71. package/lib/components/toggle-button/toggle-button.component.d.ts +0 -15
package/fesm2020/mintplayer-ng-bootstrap.mjs CHANGED
@@ -3,7 +3,7 @@ import { EventEmitter, Component, ContentChildren, forwardRef, HostBinding, Outp
3
3
  import * as i1 from '@angular/common';
4
4
  import { CommonModule, DOCUMENT, isPlatformServer } from '@angular/common';
5
5
  import { SlideUpDownAnimation, FadeInOutAnimation, CarouselSlideAnimation, EnterFromTopAnimation } from '@mintplayer/ng-animations';
6
- import { BehaviorSubject, map, Subject, takeUntil, filter, take, combineLatest, debounceTime, delayWhen, of, interval, delay } from 'rxjs';
6
+ import { BehaviorSubject, map, Subject, takeUntil, filter, take, combineLatest, debounceTime, delayWhen, of, interval, delay, fromEvent } from 'rxjs';
7
7
  import { map as map$1, takeUntil as takeUntil$1, take as take$1 } from 'rxjs/operators';
8
8
  import * as i1$1 from '@angular/cdk/overlay';
9
9
  import { OverlayModule } from '@angular/cdk/overlay';
@@ -17,7 +17,7 @@ import { FocusOnLoadModule } from '@mintplayer/ng-focus-on-load';
17
17
  import * as i1$3 from '@angular/router';
18
18
  import { RouterModule, ROUTER_CONFIGURATION } from '@angular/router';
19
19
  import * as i2 from '@angular/forms';
20
- import { FormsModule } from '@angular/forms';
20
+ import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
21
21
 
22
22
  class BsAccordionTabComponent {
23
23
  constructor(accordion) {
@@ -104,10 +104,10 @@ class BsAccordionTabHeaderComponent {
104
104
  }
105
105
  }
106
106
  BsAccordionTabHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsAccordionTabHeaderComponent, deps: [{ token: BsAccordionTabComponent }], target: i0.ɵɵFactoryTarget.Component });
107
- BsAccordionTabHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: BsAccordionTabHeaderComponent, selector: "bs-accordion-tab-header", ngImport: i0, template: "<h2 class=\"accordion-header cursor-pointer\" (click)=\"headerClicked($event)\">\n <button class=\"accordion-button\" [class.bg-none]=\"!accordionTab.accordion.highlightActiveTab\" [class.collapsed]=\"!accordionTab.isActive\" type=\"button\">\n <ng-content></ng-content>\n </button>\n</h2>", styles: [".bg-none{background:none}\n"] });
107
+ BsAccordionTabHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: BsAccordionTabHeaderComponent, selector: "bs-accordion-tab-header", ngImport: i0, template: "<h2 class=\"accordion-header cursor-pointer\" (click)=\"headerClicked($event)\">\n <button class=\"accordion-button\" [class.bg-transparent]=\"!accordionTab.isActive && accordionTab.accordion.highlightActiveTab\" [class.collapsed]=\"!accordionTab.isActive\" [class.background-unset]=\"!accordionTab.accordion.highlightActiveTab\" type=\"button\">\n <ng-content></ng-content>\n </button>\n</h2>", styles: [".accordion-button{background:unset}.background-unset{background:unset!important}\n"] });
108
108
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsAccordionTabHeaderComponent, decorators: [{
109
109
  type: Component,
110
- args: [{ selector: 'bs-accordion-tab-header', template: "<h2 class=\"accordion-header cursor-pointer\" (click)=\"headerClicked($event)\">\n <button class=\"accordion-button\" [class.bg-none]=\"!accordionTab.accordion.highlightActiveTab\" [class.collapsed]=\"!accordionTab.isActive\" type=\"button\">\n <ng-content></ng-content>\n </button>\n</h2>", styles: [".bg-none{background:none}\n"] }]
110
+ args: [{ selector: 'bs-accordion-tab-header', template: "<h2 class=\"accordion-header cursor-pointer\" (click)=\"headerClicked($event)\">\n <button class=\"accordion-button\" [class.bg-transparent]=\"!accordionTab.isActive && accordionTab.accordion.highlightActiveTab\" [class.collapsed]=\"!accordionTab.isActive\" [class.background-unset]=\"!accordionTab.accordion.highlightActiveTab\" type=\"button\">\n <ng-content></ng-content>\n </button>\n</h2>", styles: [".accordion-button{background:unset}.background-unset{background:unset!important}\n"] }]
111
111
  }], ctorParameters: function () { return [{ type: BsAccordionTabComponent }]; } });
112
112
 
113
113
  class BsAccordionModule {
@@ -668,10 +668,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
668
668
  class BsCardComponent {
669
669
  }
670
670
  BsCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
671
- BsCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: BsCardComponent, selector: "bs-card", ngImport: i0, template: "<div class=\"card\">\n <ng-content select=\"bs-card-header\"></ng-content>\n <div class=\"card-body\">\n <ng-content></ng-content>\n </div>\n</div>", styles: [":host ::ng-deep .card{--bs-card-spacer-y: 1rem;--bs-card-spacer-x: 1rem;--bs-card-title-spacer-y: .5rem;--bs-card-border-width: 1px;--bs-card-border-color: var(--bs-border-color-translucent);--bs-card-border-radius: .375rem;--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(.375rem - 1px);--bs-card-cap-padding-y: .5rem;--bs-card-cap-padding-x: 1rem;--bs-card-cap-bg: rgba(0, 0, 0, .03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg: #fff;--bs-card-img-overlay-padding: 1rem;--bs-card-group-margin: .75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}:host ::ng-deep .card>hr{margin-right:0;margin-left:0}:host ::ng-deep .card>.list-group{border-top:inherit;border-bottom:inherit}:host ::ng-deep .card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}:host ::ng-deep .card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}:host ::ng-deep .card>.card-header+.list-group,:host ::ng-deep .card>.list-group+.card-footer{border-top:0}:host ::ng-deep .card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}:host ::ng-deep .card-title{margin-bottom:var(--bs-card-title-spacer-y)}:host ::ng-deep .card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0}:host ::ng-deep .card-text:last-child{margin-bottom:0}:host ::ng-deep .card-link+.card-link{margin-left:var(--bs-card-spacer-x)}:host ::ng-deep .card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}:host ::ng-deep .card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}:host ::ng-deep .card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}:host ::ng-deep .card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}:host ::ng-deep .card-header-tabs{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-.5 * var(--bs-card-cap-padding-x));border-bottom:0}:host ::ng-deep .card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}:host ::ng-deep .card-header-pills{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}:host ::ng-deep .card-img-overlay{position:absolute;inset:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}:host ::ng-deep .card-img,:host ::ng-deep .card-img-top,:host ::ng-deep .card-img-bottom{width:100%}:host ::ng-deep .card-img,:host ::ng-deep .card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}:host ::ng-deep .card-img,:host ::ng-deep .card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}:host ::ng-deep .card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media (min-width: 576px){:host ::ng-deep .card-group{display:flex;flex-flow:row wrap}:host ::ng-deep .card-group>.card{flex:1 0 0%;margin-bottom:0}:host ::ng-deep .card-group>.card+.card{margin-left:0;border-left:0}:host ::ng-deep .card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}:host ::ng-deep .card-group>.card:not(:last-child) .card-img-top,:host ::ng-deep .card-group>.card:not(:last-child) .card-header{border-top-right-radius:0}:host ::ng-deep .card-group>.card:not(:last-child) .card-img-bottom,:host ::ng-deep .card-group>.card:not(:last-child) .card-footer{border-bottom-right-radius:0}:host ::ng-deep .card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}:host ::ng-deep .card-group>.card:not(:first-child) .card-img-top,:host ::ng-deep .card-group>.card:not(:first-child) .card-header{border-top-left-radius:0}:host ::ng-deep .card-group>.card:not(:first-child) .card-img-bottom,:host ::ng-deep .card-group>.card:not(:first-child) .card-footer{border-bottom-left-radius:0}}:host ::ng-deep .card-block{margin:-1px}\n"] });
671
+ BsCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: BsCardComponent, selector: "bs-card", ngImport: i0, template: "<div class=\"card\">\n <ng-content select=\"bs-card-header\"></ng-content>\n <div class=\"card-body p-0\">\n <ng-content></ng-content>\n </div>\n</div>", styles: [":host ::ng-deep .card{--bs-card-spacer-y: 1rem;--bs-card-spacer-x: 1rem;--bs-card-title-spacer-y: .5rem;--bs-card-border-width: 1px;--bs-card-border-color: var(--bs-border-color-translucent);--bs-card-border-radius: .375rem;--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(.375rem - 1px);--bs-card-cap-padding-y: .5rem;--bs-card-cap-padding-x: 1rem;--bs-card-cap-bg: rgba(0, 0, 0, .03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg: #fff;--bs-card-img-overlay-padding: 1rem;--bs-card-group-margin: .75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}:host ::ng-deep .card>hr{margin-right:0;margin-left:0}:host ::ng-deep .card>.list-group{border-top:inherit;border-bottom:inherit}:host ::ng-deep .card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}:host ::ng-deep .card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}:host ::ng-deep .card>.card-header+.list-group,:host ::ng-deep .card>.list-group+.card-footer{border-top:0}:host ::ng-deep .card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}:host ::ng-deep .card-title{margin-bottom:var(--bs-card-title-spacer-y)}:host ::ng-deep .card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0}:host ::ng-deep .card-text:last-child{margin-bottom:0}:host ::ng-deep .card-link+.card-link{margin-left:var(--bs-card-spacer-x)}:host ::ng-deep .card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}:host ::ng-deep .card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}:host ::ng-deep .card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}:host ::ng-deep .card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}:host ::ng-deep .card-header-tabs{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-.5 * var(--bs-card-cap-padding-x));border-bottom:0}:host ::ng-deep .card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}:host ::ng-deep .card-header-pills{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}:host ::ng-deep .card-img-overlay{position:absolute;inset:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}:host ::ng-deep .card-img,:host ::ng-deep .card-img-top,:host ::ng-deep .card-img-bottom{width:100%}:host ::ng-deep .card-img,:host ::ng-deep .card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}:host ::ng-deep .card-img,:host ::ng-deep .card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}:host ::ng-deep .card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media (min-width: 576px){:host ::ng-deep .card-group{display:flex;flex-flow:row wrap}:host ::ng-deep .card-group>.card{flex:1 0 0%;margin-bottom:0}:host ::ng-deep .card-group>.card+.card{margin-left:0;border-left:0}:host ::ng-deep .card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}:host ::ng-deep .card-group>.card:not(:last-child) .card-img-top,:host ::ng-deep .card-group>.card:not(:last-child) .card-header{border-top-right-radius:0}:host ::ng-deep .card-group>.card:not(:last-child) .card-img-bottom,:host ::ng-deep .card-group>.card:not(:last-child) .card-footer{border-bottom-right-radius:0}:host ::ng-deep .card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}:host ::ng-deep .card-group>.card:not(:first-child) .card-img-top,:host ::ng-deep .card-group>.card:not(:first-child) .card-header{border-top-left-radius:0}:host ::ng-deep .card-group>.card:not(:first-child) .card-img-bottom,:host ::ng-deep .card-group>.card:not(:first-child) .card-footer{border-bottom-left-radius:0}}:host ::ng-deep .card-body{margin:-1px}\n"] });
672
672
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsCardComponent, decorators: [{
673
673
  type: Component,
674
- args: [{ selector: 'bs-card', template: "<div class=\"card\">\n <ng-content select=\"bs-card-header\"></ng-content>\n <div class=\"card-body\">\n <ng-content></ng-content>\n </div>\n</div>", styles: [":host ::ng-deep .card{--bs-card-spacer-y: 1rem;--bs-card-spacer-x: 1rem;--bs-card-title-spacer-y: .5rem;--bs-card-border-width: 1px;--bs-card-border-color: var(--bs-border-color-translucent);--bs-card-border-radius: .375rem;--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(.375rem - 1px);--bs-card-cap-padding-y: .5rem;--bs-card-cap-padding-x: 1rem;--bs-card-cap-bg: rgba(0, 0, 0, .03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg: #fff;--bs-card-img-overlay-padding: 1rem;--bs-card-group-margin: .75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}:host ::ng-deep .card>hr{margin-right:0;margin-left:0}:host ::ng-deep .card>.list-group{border-top:inherit;border-bottom:inherit}:host ::ng-deep .card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}:host ::ng-deep .card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}:host ::ng-deep .card>.card-header+.list-group,:host ::ng-deep .card>.list-group+.card-footer{border-top:0}:host ::ng-deep .card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}:host ::ng-deep .card-title{margin-bottom:var(--bs-card-title-spacer-y)}:host ::ng-deep .card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0}:host ::ng-deep .card-text:last-child{margin-bottom:0}:host ::ng-deep .card-link+.card-link{margin-left:var(--bs-card-spacer-x)}:host ::ng-deep .card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}:host ::ng-deep .card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}:host ::ng-deep .card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}:host ::ng-deep .card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}:host ::ng-deep .card-header-tabs{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-.5 * var(--bs-card-cap-padding-x));border-bottom:0}:host ::ng-deep .card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}:host ::ng-deep .card-header-pills{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}:host ::ng-deep .card-img-overlay{position:absolute;inset:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}:host ::ng-deep .card-img,:host ::ng-deep .card-img-top,:host ::ng-deep .card-img-bottom{width:100%}:host ::ng-deep .card-img,:host ::ng-deep .card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}:host ::ng-deep .card-img,:host ::ng-deep .card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}:host ::ng-deep .card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media (min-width: 576px){:host ::ng-deep .card-group{display:flex;flex-flow:row wrap}:host ::ng-deep .card-group>.card{flex:1 0 0%;margin-bottom:0}:host ::ng-deep .card-group>.card+.card{margin-left:0;border-left:0}:host ::ng-deep .card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}:host ::ng-deep .card-group>.card:not(:last-child) .card-img-top,:host ::ng-deep .card-group>.card:not(:last-child) .card-header{border-top-right-radius:0}:host ::ng-deep .card-group>.card:not(:last-child) .card-img-bottom,:host ::ng-deep .card-group>.card:not(:last-child) .card-footer{border-bottom-right-radius:0}:host ::ng-deep .card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}:host ::ng-deep .card-group>.card:not(:first-child) .card-img-top,:host ::ng-deep .card-group>.card:not(:first-child) .card-header{border-top-left-radius:0}:host ::ng-deep .card-group>.card:not(:first-child) .card-img-bottom,:host ::ng-deep .card-group>.card:not(:first-child) .card-footer{border-bottom-left-radius:0}}:host ::ng-deep .card-block{margin:-1px}\n"] }]
674
+ args: [{ selector: 'bs-card', template: "<div class=\"card\">\n <ng-content select=\"bs-card-header\"></ng-content>\n <div class=\"card-body p-0\">\n <ng-content></ng-content>\n </div>\n</div>", styles: [":host ::ng-deep .card{--bs-card-spacer-y: 1rem;--bs-card-spacer-x: 1rem;--bs-card-title-spacer-y: .5rem;--bs-card-border-width: 1px;--bs-card-border-color: var(--bs-border-color-translucent);--bs-card-border-radius: .375rem;--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(.375rem - 1px);--bs-card-cap-padding-y: .5rem;--bs-card-cap-padding-x: 1rem;--bs-card-cap-bg: rgba(0, 0, 0, .03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg: #fff;--bs-card-img-overlay-padding: 1rem;--bs-card-group-margin: .75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}:host ::ng-deep .card>hr{margin-right:0;margin-left:0}:host ::ng-deep .card>.list-group{border-top:inherit;border-bottom:inherit}:host ::ng-deep .card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}:host ::ng-deep .card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}:host ::ng-deep .card>.card-header+.list-group,:host ::ng-deep .card>.list-group+.card-footer{border-top:0}:host ::ng-deep .card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}:host ::ng-deep .card-title{margin-bottom:var(--bs-card-title-spacer-y)}:host ::ng-deep .card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0}:host ::ng-deep .card-text:last-child{margin-bottom:0}:host ::ng-deep .card-link+.card-link{margin-left:var(--bs-card-spacer-x)}:host ::ng-deep .card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}:host ::ng-deep .card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}:host ::ng-deep .card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}:host ::ng-deep .card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}:host ::ng-deep .card-header-tabs{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-.5 * var(--bs-card-cap-padding-x));border-bottom:0}:host ::ng-deep .card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}:host ::ng-deep .card-header-pills{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}:host ::ng-deep .card-img-overlay{position:absolute;inset:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}:host ::ng-deep .card-img,:host ::ng-deep .card-img-top,:host ::ng-deep .card-img-bottom{width:100%}:host ::ng-deep .card-img,:host ::ng-deep .card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}:host ::ng-deep .card-img,:host ::ng-deep .card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}:host ::ng-deep .card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media (min-width: 576px){:host ::ng-deep .card-group{display:flex;flex-flow:row wrap}:host ::ng-deep .card-group>.card{flex:1 0 0%;margin-bottom:0}:host ::ng-deep .card-group>.card+.card{margin-left:0;border-left:0}:host ::ng-deep .card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}:host ::ng-deep .card-group>.card:not(:last-child) .card-img-top,:host ::ng-deep .card-group>.card:not(:last-child) .card-header{border-top-right-radius:0}:host ::ng-deep .card-group>.card:not(:last-child) .card-img-bottom,:host ::ng-deep .card-group>.card:not(:last-child) .card-footer{border-bottom-right-radius:0}:host ::ng-deep .card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}:host ::ng-deep .card-group>.card:not(:first-child) .card-img-top,:host ::ng-deep .card-group>.card:not(:first-child) .card-header{border-top-left-radius:0}:host ::ng-deep .card-group>.card:not(:first-child) .card-img-bottom,:host ::ng-deep .card-group>.card:not(:first-child) .card-footer{border-bottom-left-radius:0}}:host ::ng-deep .card-body{margin:-1px}\n"] }]
675
675
  }] });
676
676
 
677
677
  class BsCardHeaderComponent {
@@ -1117,11 +1117,6 @@ class BsContextMenuDirective {
1117
1117
  this.checkAndCloseExisting(ev);
1118
1118
  const target = {
1119
1119
  getBoundingClientRect: () => {
1120
- console.log('getBoundingClientRect', {
1121
- clientX: ev.clientX,
1122
- clientY: ev.clientY,
1123
- scrollY: window.scrollY,
1124
- });
1125
1120
  return ({
1126
1121
  width: 0,
1127
1122
  height: 0,
@@ -1265,6 +1260,147 @@ class DatatableSettings {
1265
1260
  }
1266
1261
  }
1267
1262
 
1263
+ class BsGridComponent {
1264
+ constructor() {
1265
+ //#region StopFullWidthAt
1266
+ this.stopFullWidthAt$ = new BehaviorSubject('sm');
1267
+ this.containerClass$ = this.stopFullWidthAt$.pipe(map((stopFullWidthAt) => {
1268
+ switch (stopFullWidthAt) {
1269
+ case 'sm': return 'container';
1270
+ case 'never': return 'container-fluid';
1271
+ default: return `container-${stopFullWidthAt}`;
1272
+ }
1273
+ }));
1274
+ }
1275
+ get stopFullWidthAt() {
1276
+ return this.stopFullWidthAt$.value;
1277
+ }
1278
+ set stopFullWidthAt(value) {
1279
+ this.stopFullWidthAt$.next(value);
1280
+ }
1281
+ }
1282
+ BsGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1283
+ BsGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: BsGridComponent, selector: "bs-grid", inputs: { stopFullWidthAt: "stopFullWidthAt" }, ngImport: i0, template: "<div [class]=\"containerClass$ | async\">\n <ng-content></ng-content>\n</div>", styles: [":host ::ng-deep .clearfix:after{display:block;clear:both;content:\"\"}:host ::ng-deep .text-bg-primary{color:#fff!important;background-color:RGBA(13,110,253,var(--bs-bg-opacity, 1))!important}:host ::ng-deep .text-bg-secondary{color:#fff!important;background-color:RGBA(108,117,125,var(--bs-bg-opacity, 1))!important}:host ::ng-deep .text-bg-success{color:#fff!important;background-color:RGBA(25,135,84,var(--bs-bg-opacity, 1))!important}:host ::ng-deep .text-bg-info{color:#000!important;background-color:RGBA(13,202,240,var(--bs-bg-opacity, 1))!important}:host ::ng-deep .text-bg-warning{color:#000!important;background-color:RGBA(255,193,7,var(--bs-bg-opacity, 1))!important}:host ::ng-deep .text-bg-danger{color:#fff!important;background-color:RGBA(220,53,69,var(--bs-bg-opacity, 1))!important}:host ::ng-deep .text-bg-light{color:#000!important;background-color:RGBA(248,249,250,var(--bs-bg-opacity, 1))!important}:host ::ng-deep .text-bg-dark{color:#fff!important;background-color:RGBA(33,37,41,var(--bs-bg-opacity, 1))!important}:host ::ng-deep .link-primary{color:#0d6efd!important}:host ::ng-deep .link-primary:hover,:host ::ng-deep .link-primary:focus{color:#0a58ca!important}:host ::ng-deep .link-secondary{color:#6c757d!important}:host ::ng-deep .link-secondary:hover,:host ::ng-deep .link-secondary:focus{color:#565e64!important}:host ::ng-deep .link-success{color:#198754!important}:host ::ng-deep .link-success:hover,:host ::ng-deep .link-success:focus{color:#146c43!important}:host ::ng-deep .link-info{color:#0dcaf0!important}:host ::ng-deep .link-info:hover,:host ::ng-deep .link-info:focus{color:#3dd5f3!important}:host ::ng-deep .link-warning{color:#ffc107!important}:host ::ng-deep .link-warning:hover,:host ::ng-deep .link-warning:focus{color:#ffcd39!important}:host ::ng-deep .link-danger{color:#dc3545!important}:host ::ng-deep .link-danger:hover,:host ::ng-deep .link-danger:focus{color:#b02a37!important}:host ::ng-deep .link-light{color:#f8f9fa!important}:host ::ng-deep .link-light:hover,:host ::ng-deep .link-light:focus{color:#f9fafb!important}:host ::ng-deep .link-dark{color:#212529!important}:host ::ng-deep .link-dark:hover,:host ::ng-deep .link-dark:focus{color:#1a1e21!important}:host ::ng-deep .ratio{position:relative;width:100%}:host ::ng-deep .ratio:before{display:block;padding-top:var(--bs-aspect-ratio);content:\"\"}:host ::ng-deep .ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}:host ::ng-deep .ratio-1x1{--bs-aspect-ratio: 100%}:host ::ng-deep .ratio-4x3{--bs-aspect-ratio: 75%}:host ::ng-deep .ratio-16x9{--bs-aspect-ratio: 56.25%}:host ::ng-deep .ratio-21x9{--bs-aspect-ratio: 42.8571428571%}:host ::ng-deep .fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}:host ::ng-deep .fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}:host ::ng-deep .sticky-top{position:sticky;top:0;z-index:1020}:host ::ng-deep .sticky-bottom{position:sticky;bottom:0;z-index:1020}@media (min-width: 576px){:host ::ng-deep .sticky-sm-top{position:sticky;top:0;z-index:1020}:host ::ng-deep .sticky-sm-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 768px){:host ::ng-deep .sticky-md-top{position:sticky;top:0;z-index:1020}:host ::ng-deep .sticky-md-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 992px){:host ::ng-deep .sticky-lg-top{position:sticky;top:0;z-index:1020}:host ::ng-deep .sticky-lg-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 1200px){:host ::ng-deep .sticky-xl-top{position:sticky;top:0;z-index:1020}:host ::ng-deep .sticky-xl-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 1400px){:host ::ng-deep .sticky-xxl-top{position:sticky;top:0;z-index:1020}:host ::ng-deep .sticky-xxl-bottom{position:sticky;bottom:0;z-index:1020}}:host ::ng-deep .hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}:host ::ng-deep .vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}:host ::ng-deep .visually-hidden,:host ::ng-deep .visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}:host ::ng-deep .stretched-link:after{position:absolute;inset:0;z-index:1;content:\"\"}:host ::ng-deep .text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .vr{display:inline-block;align-self:stretch;width:1px;min-height:1em;background-color:currentcolor;opacity:.25}:host ::ng-deep .align-baseline{vertical-align:baseline!important}:host ::ng-deep .align-top{vertical-align:top!important}:host ::ng-deep .align-middle{vertical-align:middle!important}:host ::ng-deep .align-bottom{vertical-align:bottom!important}:host ::ng-deep .align-text-bottom{vertical-align:text-bottom!important}:host ::ng-deep .align-text-top{vertical-align:text-top!important}:host ::ng-deep .float-start{float:left!important}:host ::ng-deep .float-end{float:right!important}:host ::ng-deep .float-none{float:none!important}:host ::ng-deep .opacity-0{opacity:0!important}:host ::ng-deep .opacity-25{opacity:.25!important}:host ::ng-deep .opacity-50{opacity:.5!important}:host ::ng-deep .opacity-75{opacity:.75!important}:host ::ng-deep .opacity-100{opacity:1!important}:host ::ng-deep .overflow-auto{overflow:auto!important}:host ::ng-deep .overflow-hidden{overflow:hidden!important}:host ::ng-deep .overflow-visible{overflow:visible!important}:host ::ng-deep .overflow-scroll{overflow:scroll!important}:host ::ng-deep .d-inline{display:inline!important}:host ::ng-deep .d-inline-block{display:inline-block!important}:host ::ng-deep .d-block{display:block!important}:host ::ng-deep .d-grid{display:grid!important}:host ::ng-deep .d-table{display:table!important}:host ::ng-deep .d-table-row{display:table-row!important}:host ::ng-deep .d-table-cell{display:table-cell!important}:host ::ng-deep .d-flex{display:flex!important}:host ::ng-deep .d-inline-flex{display:inline-flex!important}:host ::ng-deep .d-none{display:none!important}:host ::ng-deep .shadow{box-shadow:0 .5rem 1rem #00000026!important}:host ::ng-deep .shadow-sm{box-shadow:0 .125rem .25rem #00000013!important}:host ::ng-deep .shadow-lg{box-shadow:0 1rem 3rem #0000002d!important}:host ::ng-deep .shadow-none{box-shadow:none!important}:host ::ng-deep .position-static{position:static!important}:host ::ng-deep .position-relative{position:relative!important}:host ::ng-deep .position-absolute{position:absolute!important}:host ::ng-deep .position-fixed{position:fixed!important}:host ::ng-deep .position-sticky{position:sticky!important}:host ::ng-deep .top-0{top:0!important}:host ::ng-deep .top-50{top:50%!important}:host ::ng-deep .top-100{top:100%!important}:host ::ng-deep .bottom-0{bottom:0!important}:host ::ng-deep .bottom-50{bottom:50%!important}:host ::ng-deep .bottom-100{bottom:100%!important}:host ::ng-deep .start-0{left:0!important}:host ::ng-deep .start-50{left:50%!important}:host ::ng-deep .start-100{left:100%!important}:host ::ng-deep .end-0{right:0!important}:host ::ng-deep .end-50{right:50%!important}:host ::ng-deep .end-100{right:100%!important}:host ::ng-deep .translate-middle{transform:translate(-50%,-50%)!important}:host ::ng-deep .translate-middle-x{transform:translate(-50%)!important}:host ::ng-deep .translate-middle-y{transform:translateY(-50%)!important}:host ::ng-deep .border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}:host ::ng-deep .border-0{border:0!important}:host ::ng-deep .border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}:host ::ng-deep .border-top-0{border-top:0!important}:host ::ng-deep .border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}:host ::ng-deep .border-end-0{border-right:0!important}:host ::ng-deep .border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}:host ::ng-deep .border-bottom-0{border-bottom:0!important}:host ::ng-deep .border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}:host ::ng-deep .border-start-0{border-left:0!important}:host ::ng-deep .border-primary{--bs-border-opacity: 1;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}:host ::ng-deep .border-secondary{--bs-border-opacity: 1;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}:host ::ng-deep .border-success{--bs-border-opacity: 1;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}:host ::ng-deep .border-info{--bs-border-opacity: 1;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}:host ::ng-deep .border-warning{--bs-border-opacity: 1;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}:host ::ng-deep .border-danger{--bs-border-opacity: 1;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}:host ::ng-deep .border-light{--bs-border-opacity: 1;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}:host ::ng-deep .border-dark{--bs-border-opacity: 1;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}:host ::ng-deep .border-white{--bs-border-opacity: 1;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}:host ::ng-deep .border-1{--bs-border-width: 1px}:host ::ng-deep .border-2{--bs-border-width: 2px}:host ::ng-deep .border-3{--bs-border-width: 3px}:host ::ng-deep .border-4{--bs-border-width: 4px}:host ::ng-deep .border-5{--bs-border-width: 5px}:host ::ng-deep .border-opacity-10{--bs-border-opacity: .1}:host ::ng-deep .border-opacity-25{--bs-border-opacity: .25}:host ::ng-deep .border-opacity-50{--bs-border-opacity: .5}:host ::ng-deep .border-opacity-75{--bs-border-opacity: .75}:host ::ng-deep .border-opacity-100{--bs-border-opacity: 1}:host ::ng-deep .w-25{width:25%!important}:host ::ng-deep .w-50{width:50%!important}:host ::ng-deep .w-75{width:75%!important}:host ::ng-deep .w-100{width:100%!important}:host ::ng-deep .w-auto{width:auto!important}:host ::ng-deep .mw-100{max-width:100%!important}:host ::ng-deep .vw-100{width:100vw!important}:host ::ng-deep .min-vw-100{min-width:100vw!important}:host ::ng-deep .h-25{height:25%!important}:host ::ng-deep .h-50{height:50%!important}:host ::ng-deep .h-75{height:75%!important}:host ::ng-deep .h-100{height:100%!important}:host ::ng-deep .h-auto{height:auto!important}:host ::ng-deep .mh-100{max-height:100%!important}:host ::ng-deep .vh-100{height:100vh!important}:host ::ng-deep .min-vh-100{min-height:100vh!important}:host ::ng-deep .flex-fill{flex:1 1 auto!important}:host ::ng-deep .flex-row{flex-direction:row!important}:host ::ng-deep .flex-column{flex-direction:column!important}:host ::ng-deep .flex-row-reverse{flex-direction:row-reverse!important}:host ::ng-deep .flex-column-reverse{flex-direction:column-reverse!important}:host ::ng-deep .flex-grow-0{flex-grow:0!important}:host ::ng-deep .flex-grow-1{flex-grow:1!important}:host ::ng-deep .flex-shrink-0{flex-shrink:0!important}:host ::ng-deep .flex-shrink-1{flex-shrink:1!important}:host ::ng-deep .flex-wrap{flex-wrap:wrap!important}:host ::ng-deep .flex-nowrap{flex-wrap:nowrap!important}:host ::ng-deep .flex-wrap-reverse{flex-wrap:wrap-reverse!important}:host ::ng-deep .justify-content-start{justify-content:flex-start!important}:host ::ng-deep .justify-content-end{justify-content:flex-end!important}:host ::ng-deep .justify-content-center{justify-content:center!important}:host ::ng-deep .justify-content-between{justify-content:space-between!important}:host ::ng-deep .justify-content-around{justify-content:space-around!important}:host ::ng-deep .justify-content-evenly{justify-content:space-evenly!important}:host ::ng-deep .align-items-start{align-items:flex-start!important}:host ::ng-deep .align-items-end{align-items:flex-end!important}:host ::ng-deep .align-items-center{align-items:center!important}:host ::ng-deep .align-items-baseline{align-items:baseline!important}:host ::ng-deep .align-items-stretch{align-items:stretch!important}:host ::ng-deep .align-content-start{align-content:flex-start!important}:host ::ng-deep .align-content-end{align-content:flex-end!important}:host ::ng-deep .align-content-center{align-content:center!important}:host ::ng-deep .align-content-between{align-content:space-between!important}:host ::ng-deep .align-content-around{align-content:space-around!important}:host ::ng-deep .align-content-stretch{align-content:stretch!important}:host ::ng-deep .align-self-auto{align-self:auto!important}:host ::ng-deep .align-self-start{align-self:flex-start!important}:host ::ng-deep .align-self-end{align-self:flex-end!important}:host ::ng-deep .align-self-center{align-self:center!important}:host ::ng-deep .align-self-baseline{align-self:baseline!important}:host ::ng-deep .align-self-stretch{align-self:stretch!important}:host ::ng-deep .order-first{order:-1!important}:host ::ng-deep .order-0{order:0!important}:host ::ng-deep .order-1{order:1!important}:host ::ng-deep .order-2{order:2!important}:host ::ng-deep .order-3{order:3!important}:host ::ng-deep .order-4{order:4!important}:host ::ng-deep .order-5{order:5!important}:host ::ng-deep .order-last{order:6!important}:host ::ng-deep .m-0{margin:0!important}:host ::ng-deep .m-1{margin:.25rem!important}:host ::ng-deep .m-2{margin:.5rem!important}:host ::ng-deep .m-3{margin:1rem!important}:host ::ng-deep .m-4{margin:1.5rem!important}:host ::ng-deep .m-5{margin:3rem!important}:host ::ng-deep .m-auto{margin:auto!important}:host ::ng-deep .mx-0{margin-right:0!important;margin-left:0!important}:host ::ng-deep .mx-1{margin-right:.25rem!important;margin-left:.25rem!important}:host ::ng-deep .mx-2{margin-right:.5rem!important;margin-left:.5rem!important}:host ::ng-deep .mx-3{margin-right:1rem!important;margin-left:1rem!important}:host ::ng-deep .mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}:host ::ng-deep .mx-5{margin-right:3rem!important;margin-left:3rem!important}:host ::ng-deep .mx-auto{margin-right:auto!important;margin-left:auto!important}:host ::ng-deep .my-0{margin-top:0!important;margin-bottom:0!important}:host ::ng-deep .my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}:host ::ng-deep .my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}:host ::ng-deep .my-3{margin-top:1rem!important;margin-bottom:1rem!important}:host ::ng-deep .my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}:host ::ng-deep .my-5{margin-top:3rem!important;margin-bottom:3rem!important}:host ::ng-deep .my-auto{margin-top:auto!important;margin-bottom:auto!important}:host ::ng-deep .mt-0{margin-top:0!important}:host ::ng-deep .mt-1{margin-top:.25rem!important}:host ::ng-deep .mt-2{margin-top:.5rem!important}:host ::ng-deep .mt-3{margin-top:1rem!important}:host ::ng-deep .mt-4{margin-top:1.5rem!important}:host ::ng-deep .mt-5{margin-top:3rem!important}:host ::ng-deep .mt-auto{margin-top:auto!important}:host ::ng-deep .me-0{margin-right:0!important}:host ::ng-deep .me-1{margin-right:.25rem!important}:host ::ng-deep .me-2{margin-right:.5rem!important}:host ::ng-deep .me-3{margin-right:1rem!important}:host ::ng-deep .me-4{margin-right:1.5rem!important}:host ::ng-deep .me-5{margin-right:3rem!important}:host ::ng-deep .me-auto{margin-right:auto!important}:host ::ng-deep .mb-0{margin-bottom:0!important}:host ::ng-deep .mb-1{margin-bottom:.25rem!important}:host ::ng-deep .mb-2{margin-bottom:.5rem!important}:host ::ng-deep .mb-3{margin-bottom:1rem!important}:host ::ng-deep .mb-4{margin-bottom:1.5rem!important}:host ::ng-deep .mb-5{margin-bottom:3rem!important}:host ::ng-deep .mb-auto{margin-bottom:auto!important}:host ::ng-deep .ms-0{margin-left:0!important}:host ::ng-deep .ms-1{margin-left:.25rem!important}:host ::ng-deep .ms-2{margin-left:.5rem!important}:host ::ng-deep .ms-3{margin-left:1rem!important}:host ::ng-deep .ms-4{margin-left:1.5rem!important}:host ::ng-deep .ms-5{margin-left:3rem!important}:host ::ng-deep .ms-auto{margin-left:auto!important}:host ::ng-deep .p-0{padding:0!important}:host ::ng-deep .p-1{padding:.25rem!important}:host ::ng-deep .p-2{padding:.5rem!important}:host ::ng-deep .p-3{padding:1rem!important}:host ::ng-deep .p-4{padding:1.5rem!important}:host ::ng-deep .p-5{padding:3rem!important}:host ::ng-deep .px-0{padding-right:0!important;padding-left:0!important}:host ::ng-deep .px-1{padding-right:.25rem!important;padding-left:.25rem!important}:host ::ng-deep .px-2{padding-right:.5rem!important;padding-left:.5rem!important}:host ::ng-deep .px-3{padding-right:1rem!important;padding-left:1rem!important}:host ::ng-deep .px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}:host ::ng-deep .px-5{padding-right:3rem!important;padding-left:3rem!important}:host ::ng-deep .py-0{padding-top:0!important;padding-bottom:0!important}:host ::ng-deep .py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}:host ::ng-deep .py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}:host ::ng-deep .py-3{padding-top:1rem!important;padding-bottom:1rem!important}:host ::ng-deep .py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}:host ::ng-deep .py-5{padding-top:3rem!important;padding-bottom:3rem!important}:host ::ng-deep .pt-0{padding-top:0!important}:host ::ng-deep .pt-1{padding-top:.25rem!important}:host ::ng-deep .pt-2{padding-top:.5rem!important}:host ::ng-deep .pt-3{padding-top:1rem!important}:host ::ng-deep .pt-4{padding-top:1.5rem!important}:host ::ng-deep .pt-5{padding-top:3rem!important}:host ::ng-deep .pe-0{padding-right:0!important}:host ::ng-deep .pe-1{padding-right:.25rem!important}:host ::ng-deep .pe-2{padding-right:.5rem!important}:host ::ng-deep .pe-3{padding-right:1rem!important}:host ::ng-deep .pe-4{padding-right:1.5rem!important}:host ::ng-deep .pe-5{padding-right:3rem!important}:host ::ng-deep .pb-0{padding-bottom:0!important}:host ::ng-deep .pb-1{padding-bottom:.25rem!important}:host ::ng-deep .pb-2{padding-bottom:.5rem!important}:host ::ng-deep .pb-3{padding-bottom:1rem!important}:host ::ng-deep .pb-4{padding-bottom:1.5rem!important}:host ::ng-deep .pb-5{padding-bottom:3rem!important}:host ::ng-deep .ps-0{padding-left:0!important}:host ::ng-deep .ps-1{padding-left:.25rem!important}:host ::ng-deep .ps-2{padding-left:.5rem!important}:host ::ng-deep .ps-3{padding-left:1rem!important}:host ::ng-deep .ps-4{padding-left:1.5rem!important}:host ::ng-deep .ps-5{padding-left:3rem!important}:host ::ng-deep .gap-0{gap:0!important}:host ::ng-deep .gap-1{gap:.25rem!important}:host ::ng-deep .gap-2{gap:.5rem!important}:host ::ng-deep .gap-3{gap:1rem!important}:host ::ng-deep .gap-4{gap:1.5rem!important}:host ::ng-deep .gap-5{gap:3rem!important}:host ::ng-deep .font-monospace{font-family:var(--bs-font-monospace)!important}:host ::ng-deep .fs-1{font-size:calc(1.375rem + 1.5vw)!important}:host ::ng-deep .fs-2{font-size:calc(1.325rem + .9vw)!important}:host ::ng-deep .fs-3{font-size:calc(1.3rem + .6vw)!important}:host ::ng-deep .fs-4{font-size:calc(1.275rem + .3vw)!important}:host ::ng-deep .fs-5{font-size:1.25rem!important}:host ::ng-deep .fs-6{font-size:1rem!important}:host ::ng-deep .fst-italic{font-style:italic!important}:host ::ng-deep .fst-normal{font-style:normal!important}:host ::ng-deep .fw-light{font-weight:300!important}:host ::ng-deep .fw-lighter{font-weight:lighter!important}:host ::ng-deep .fw-normal{font-weight:400!important}:host ::ng-deep .fw-bold{font-weight:700!important}:host ::ng-deep .fw-semibold{font-weight:600!important}:host ::ng-deep .fw-bolder{font-weight:bolder!important}:host ::ng-deep .lh-1{line-height:1!important}:host ::ng-deep .lh-sm{line-height:1.25!important}:host ::ng-deep .lh-base{line-height:1.5!important}:host ::ng-deep .lh-lg{line-height:2!important}:host ::ng-deep .text-start{text-align:left!important}:host ::ng-deep .text-end{text-align:right!important}:host ::ng-deep .text-center{text-align:center!important}:host ::ng-deep .text-decoration-none{text-decoration:none!important}:host ::ng-deep .text-decoration-underline{text-decoration:underline!important}:host ::ng-deep .text-decoration-line-through{text-decoration:line-through!important}:host ::ng-deep .text-lowercase{text-transform:lowercase!important}:host ::ng-deep .text-uppercase{text-transform:uppercase!important}:host ::ng-deep .text-capitalize{text-transform:capitalize!important}:host ::ng-deep .text-wrap{white-space:normal!important}:host ::ng-deep .text-nowrap{white-space:nowrap!important}:host ::ng-deep .text-break{word-wrap:break-word!important;word-break:break-word!important}:host ::ng-deep .text-primary{--bs-text-opacity: 1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}:host ::ng-deep .text-secondary{--bs-text-opacity: 1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}:host ::ng-deep .text-success{--bs-text-opacity: 1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}:host ::ng-deep .text-info{--bs-text-opacity: 1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}:host ::ng-deep .text-warning{--bs-text-opacity: 1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}:host ::ng-deep .text-danger{--bs-text-opacity: 1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}:host ::ng-deep .text-light{--bs-text-opacity: 1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}:host ::ng-deep .text-dark{--bs-text-opacity: 1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}:host ::ng-deep .text-black{--bs-text-opacity: 1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}:host ::ng-deep .text-white{--bs-text-opacity: 1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}:host ::ng-deep .text-body{--bs-text-opacity: 1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}:host ::ng-deep .text-muted{--bs-text-opacity: 1;color:#6c757d!important}:host ::ng-deep .text-black-50{--bs-text-opacity: 1;color:#00000080!important}:host ::ng-deep .text-white-50{--bs-text-opacity: 1;color:#ffffff80!important}:host ::ng-deep .text-reset{--bs-text-opacity: 1;color:inherit!important}:host ::ng-deep .text-opacity-25{--bs-text-opacity: .25}:host ::ng-deep .text-opacity-50{--bs-text-opacity: .5}:host ::ng-deep .text-opacity-75{--bs-text-opacity: .75}:host ::ng-deep .text-opacity-100{--bs-text-opacity: 1}:host ::ng-deep .bg-primary{--bs-bg-opacity: 1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}:host ::ng-deep .bg-secondary{--bs-bg-opacity: 1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}:host ::ng-deep .bg-success{--bs-bg-opacity: 1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}:host ::ng-deep .bg-info{--bs-bg-opacity: 1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}:host ::ng-deep .bg-warning{--bs-bg-opacity: 1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}:host ::ng-deep .bg-danger{--bs-bg-opacity: 1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}:host ::ng-deep .bg-light{--bs-bg-opacity: 1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}:host ::ng-deep .bg-dark{--bs-bg-opacity: 1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}:host ::ng-deep .bg-black{--bs-bg-opacity: 1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}:host ::ng-deep .bg-white{--bs-bg-opacity: 1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}:host ::ng-deep .bg-body{--bs-bg-opacity: 1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}:host ::ng-deep .bg-transparent{--bs-bg-opacity: 1;background-color:transparent!important}:host ::ng-deep .bg-opacity-10{--bs-bg-opacity: .1}:host ::ng-deep .bg-opacity-25{--bs-bg-opacity: .25}:host ::ng-deep .bg-opacity-50{--bs-bg-opacity: .5}:host ::ng-deep .bg-opacity-75{--bs-bg-opacity: .75}:host ::ng-deep .bg-opacity-100{--bs-bg-opacity: 1}:host ::ng-deep .bg-gradient{background-image:var(--bs-gradient)!important}:host ::ng-deep .user-select-all{-webkit-user-select:all!important;user-select:all!important}:host ::ng-deep .user-select-auto{-webkit-user-select:auto!important;user-select:auto!important}:host ::ng-deep .user-select-none{-webkit-user-select:none!important;user-select:none!important}:host ::ng-deep .pe-none{pointer-events:none!important}:host ::ng-deep .pe-auto{pointer-events:auto!important}:host ::ng-deep .rounded{border-radius:var(--bs-border-radius)!important}:host ::ng-deep .rounded-0{border-radius:0!important}:host ::ng-deep .rounded-1{border-radius:var(--bs-border-radius-sm)!important}:host ::ng-deep .rounded-2{border-radius:var(--bs-border-radius)!important}:host ::ng-deep .rounded-3{border-radius:var(--bs-border-radius-lg)!important}:host ::ng-deep .rounded-4{border-radius:var(--bs-border-radius-xl)!important}:host ::ng-deep .rounded-5{border-radius:var(--bs-border-radius-2xl)!important}:host ::ng-deep .rounded-circle{border-radius:50%!important}:host ::ng-deep .rounded-pill{border-radius:var(--bs-border-radius-pill)!important}:host ::ng-deep .rounded-top{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}:host ::ng-deep .rounded-end{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}:host ::ng-deep .rounded-bottom{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}:host ::ng-deep .rounded-start{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}:host ::ng-deep .visible{visibility:visible!important}:host ::ng-deep .invisible{visibility:hidden!important}@media (min-width: 576px){:host ::ng-deep .float-sm-start{float:left!important}:host ::ng-deep .float-sm-end{float:right!important}:host ::ng-deep .float-sm-none{float:none!important}:host ::ng-deep .d-sm-inline{display:inline!important}:host ::ng-deep .d-sm-inline-block{display:inline-block!important}:host ::ng-deep .d-sm-block{display:block!important}:host ::ng-deep .d-sm-grid{display:grid!important}:host ::ng-deep .d-sm-table{display:table!important}:host ::ng-deep .d-sm-table-row{display:table-row!important}:host ::ng-deep .d-sm-table-cell{display:table-cell!important}:host ::ng-deep .d-sm-flex{display:flex!important}:host ::ng-deep .d-sm-inline-flex{display:inline-flex!important}:host ::ng-deep .d-sm-none{display:none!important}:host ::ng-deep .flex-sm-fill{flex:1 1 auto!important}:host ::ng-deep .flex-sm-row{flex-direction:row!important}:host ::ng-deep .flex-sm-column{flex-direction:column!important}:host ::ng-deep .flex-sm-row-reverse{flex-direction:row-reverse!important}:host ::ng-deep .flex-sm-column-reverse{flex-direction:column-reverse!important}:host ::ng-deep .flex-sm-grow-0{flex-grow:0!important}:host ::ng-deep .flex-sm-grow-1{flex-grow:1!important}:host ::ng-deep .flex-sm-shrink-0{flex-shrink:0!important}:host ::ng-deep .flex-sm-shrink-1{flex-shrink:1!important}:host ::ng-deep .flex-sm-wrap{flex-wrap:wrap!important}:host ::ng-deep .flex-sm-nowrap{flex-wrap:nowrap!important}:host ::ng-deep .flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}:host ::ng-deep .justify-content-sm-start{justify-content:flex-start!important}:host ::ng-deep .justify-content-sm-end{justify-content:flex-end!important}:host ::ng-deep .justify-content-sm-center{justify-content:center!important}:host ::ng-deep .justify-content-sm-between{justify-content:space-between!important}:host ::ng-deep .justify-content-sm-around{justify-content:space-around!important}:host ::ng-deep .justify-content-sm-evenly{justify-content:space-evenly!important}:host ::ng-deep .align-items-sm-start{align-items:flex-start!important}:host ::ng-deep .align-items-sm-end{align-items:flex-end!important}:host ::ng-deep .align-items-sm-center{align-items:center!important}:host ::ng-deep .align-items-sm-baseline{align-items:baseline!important}:host ::ng-deep .align-items-sm-stretch{align-items:stretch!important}:host ::ng-deep .align-content-sm-start{align-content:flex-start!important}:host ::ng-deep .align-content-sm-end{align-content:flex-end!important}:host ::ng-deep .align-content-sm-center{align-content:center!important}:host ::ng-deep .align-content-sm-between{align-content:space-between!important}:host ::ng-deep .align-content-sm-around{align-content:space-around!important}:host ::ng-deep .align-content-sm-stretch{align-content:stretch!important}:host ::ng-deep .align-self-sm-auto{align-self:auto!important}:host ::ng-deep .align-self-sm-start{align-self:flex-start!important}:host ::ng-deep .align-self-sm-end{align-self:flex-end!important}:host ::ng-deep .align-self-sm-center{align-self:center!important}:host ::ng-deep .align-self-sm-baseline{align-self:baseline!important}:host ::ng-deep .align-self-sm-stretch{align-self:stretch!important}:host ::ng-deep .order-sm-first{order:-1!important}:host ::ng-deep .order-sm-0{order:0!important}:host ::ng-deep .order-sm-1{order:1!important}:host ::ng-deep .order-sm-2{order:2!important}:host ::ng-deep .order-sm-3{order:3!important}:host ::ng-deep .order-sm-4{order:4!important}:host ::ng-deep .order-sm-5{order:5!important}:host ::ng-deep .order-sm-last{order:6!important}:host ::ng-deep .m-sm-0{margin:0!important}:host ::ng-deep .m-sm-1{margin:.25rem!important}:host ::ng-deep .m-sm-2{margin:.5rem!important}:host ::ng-deep .m-sm-3{margin:1rem!important}:host ::ng-deep .m-sm-4{margin:1.5rem!important}:host ::ng-deep .m-sm-5{margin:3rem!important}:host ::ng-deep .m-sm-auto{margin:auto!important}:host ::ng-deep .mx-sm-0{margin-right:0!important;margin-left:0!important}:host ::ng-deep .mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}:host ::ng-deep .mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}:host ::ng-deep .mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}:host ::ng-deep .mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}:host ::ng-deep .mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}:host ::ng-deep .mx-sm-auto{margin-right:auto!important;margin-left:auto!important}:host ::ng-deep .my-sm-0{margin-top:0!important;margin-bottom:0!important}:host ::ng-deep .my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}:host ::ng-deep .my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}:host ::ng-deep .my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}:host ::ng-deep .my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}:host ::ng-deep .my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}:host ::ng-deep .my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}:host ::ng-deep .mt-sm-0{margin-top:0!important}:host ::ng-deep .mt-sm-1{margin-top:.25rem!important}:host ::ng-deep .mt-sm-2{margin-top:.5rem!important}:host ::ng-deep .mt-sm-3{margin-top:1rem!important}:host ::ng-deep .mt-sm-4{margin-top:1.5rem!important}:host ::ng-deep .mt-sm-5{margin-top:3rem!important}:host ::ng-deep .mt-sm-auto{margin-top:auto!important}:host ::ng-deep .me-sm-0{margin-right:0!important}:host ::ng-deep .me-sm-1{margin-right:.25rem!important}:host ::ng-deep .me-sm-2{margin-right:.5rem!important}:host ::ng-deep .me-sm-3{margin-right:1rem!important}:host ::ng-deep .me-sm-4{margin-right:1.5rem!important}:host ::ng-deep .me-sm-5{margin-right:3rem!important}:host ::ng-deep .me-sm-auto{margin-right:auto!important}:host ::ng-deep .mb-sm-0{margin-bottom:0!important}:host ::ng-deep .mb-sm-1{margin-bottom:.25rem!important}:host ::ng-deep .mb-sm-2{margin-bottom:.5rem!important}:host ::ng-deep .mb-sm-3{margin-bottom:1rem!important}:host ::ng-deep .mb-sm-4{margin-bottom:1.5rem!important}:host ::ng-deep .mb-sm-5{margin-bottom:3rem!important}:host ::ng-deep .mb-sm-auto{margin-bottom:auto!important}:host ::ng-deep .ms-sm-0{margin-left:0!important}:host ::ng-deep .ms-sm-1{margin-left:.25rem!important}:host ::ng-deep .ms-sm-2{margin-left:.5rem!important}:host ::ng-deep .ms-sm-3{margin-left:1rem!important}:host ::ng-deep .ms-sm-4{margin-left:1.5rem!important}:host ::ng-deep .ms-sm-5{margin-left:3rem!important}:host ::ng-deep .ms-sm-auto{margin-left:auto!important}:host ::ng-deep .p-sm-0{padding:0!important}:host ::ng-deep .p-sm-1{padding:.25rem!important}:host ::ng-deep .p-sm-2{padding:.5rem!important}:host ::ng-deep .p-sm-3{padding:1rem!important}:host ::ng-deep .p-sm-4{padding:1.5rem!important}:host ::ng-deep .p-sm-5{padding:3rem!important}:host ::ng-deep .px-sm-0{padding-right:0!important;padding-left:0!important}:host ::ng-deep .px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}:host ::ng-deep .px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}:host ::ng-deep .px-sm-3{padding-right:1rem!important;padding-left:1rem!important}:host ::ng-deep .px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}:host ::ng-deep .px-sm-5{padding-right:3rem!important;padding-left:3rem!important}:host ::ng-deep .py-sm-0{padding-top:0!important;padding-bottom:0!important}:host ::ng-deep .py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}:host ::ng-deep .py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}:host ::ng-deep .py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}:host ::ng-deep .py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}:host ::ng-deep .py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}:host ::ng-deep .pt-sm-0{padding-top:0!important}:host ::ng-deep .pt-sm-1{padding-top:.25rem!important}:host ::ng-deep .pt-sm-2{padding-top:.5rem!important}:host ::ng-deep .pt-sm-3{padding-top:1rem!important}:host ::ng-deep .pt-sm-4{padding-top:1.5rem!important}:host ::ng-deep .pt-sm-5{padding-top:3rem!important}:host ::ng-deep .pe-sm-0{padding-right:0!important}:host ::ng-deep .pe-sm-1{padding-right:.25rem!important}:host ::ng-deep .pe-sm-2{padding-right:.5rem!important}:host ::ng-deep .pe-sm-3{padding-right:1rem!important}:host ::ng-deep .pe-sm-4{padding-right:1.5rem!important}:host ::ng-deep .pe-sm-5{padding-right:3rem!important}:host ::ng-deep .pb-sm-0{padding-bottom:0!important}:host ::ng-deep .pb-sm-1{padding-bottom:.25rem!important}:host ::ng-deep .pb-sm-2{padding-bottom:.5rem!important}:host ::ng-deep .pb-sm-3{padding-bottom:1rem!important}:host ::ng-deep .pb-sm-4{padding-bottom:1.5rem!important}:host ::ng-deep .pb-sm-5{padding-bottom:3rem!important}:host ::ng-deep .ps-sm-0{padding-left:0!important}:host ::ng-deep .ps-sm-1{padding-left:.25rem!important}:host ::ng-deep .ps-sm-2{padding-left:.5rem!important}:host ::ng-deep .ps-sm-3{padding-left:1rem!important}:host ::ng-deep .ps-sm-4{padding-left:1.5rem!important}:host ::ng-deep .ps-sm-5{padding-left:3rem!important}:host ::ng-deep .gap-sm-0{gap:0!important}:host ::ng-deep .gap-sm-1{gap:.25rem!important}:host ::ng-deep .gap-sm-2{gap:.5rem!important}:host ::ng-deep .gap-sm-3{gap:1rem!important}:host ::ng-deep .gap-sm-4{gap:1.5rem!important}:host ::ng-deep .gap-sm-5{gap:3rem!important}:host ::ng-deep .text-sm-start{text-align:left!important}:host ::ng-deep .text-sm-end{text-align:right!important}:host ::ng-deep .text-sm-center{text-align:center!important}}@media (min-width: 768px){:host ::ng-deep .float-md-start{float:left!important}:host ::ng-deep .float-md-end{float:right!important}:host ::ng-deep .float-md-none{float:none!important}:host ::ng-deep .d-md-inline{display:inline!important}:host ::ng-deep .d-md-inline-block{display:inline-block!important}:host ::ng-deep .d-md-block{display:block!important}:host ::ng-deep .d-md-grid{display:grid!important}:host ::ng-deep .d-md-table{display:table!important}:host ::ng-deep .d-md-table-row{display:table-row!important}:host ::ng-deep .d-md-table-cell{display:table-cell!important}:host ::ng-deep .d-md-flex{display:flex!important}:host ::ng-deep .d-md-inline-flex{display:inline-flex!important}:host ::ng-deep .d-md-none{display:none!important}:host ::ng-deep .flex-md-fill{flex:1 1 auto!important}:host ::ng-deep .flex-md-row{flex-direction:row!important}:host ::ng-deep .flex-md-column{flex-direction:column!important}:host ::ng-deep .flex-md-row-reverse{flex-direction:row-reverse!important}:host ::ng-deep .flex-md-column-reverse{flex-direction:column-reverse!important}:host ::ng-deep .flex-md-grow-0{flex-grow:0!important}:host ::ng-deep .flex-md-grow-1{flex-grow:1!important}:host ::ng-deep .flex-md-shrink-0{flex-shrink:0!important}:host ::ng-deep .flex-md-shrink-1{flex-shrink:1!important}:host ::ng-deep .flex-md-wrap{flex-wrap:wrap!important}:host ::ng-deep .flex-md-nowrap{flex-wrap:nowrap!important}:host ::ng-deep .flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}:host ::ng-deep .justify-content-md-start{justify-content:flex-start!important}:host ::ng-deep .justify-content-md-end{justify-content:flex-end!important}:host ::ng-deep .justify-content-md-center{justify-content:center!important}:host ::ng-deep .justify-content-md-between{justify-content:space-between!important}:host ::ng-deep .justify-content-md-around{justify-content:space-around!important}:host ::ng-deep .justify-content-md-evenly{justify-content:space-evenly!important}:host ::ng-deep .align-items-md-start{align-items:flex-start!important}:host ::ng-deep .align-items-md-end{align-items:flex-end!important}:host ::ng-deep .align-items-md-center{align-items:center!important}:host ::ng-deep .align-items-md-baseline{align-items:baseline!important}:host ::ng-deep .align-items-md-stretch{align-items:stretch!important}:host ::ng-deep .align-content-md-start{align-content:flex-start!important}:host ::ng-deep .align-content-md-end{align-content:flex-end!important}:host ::ng-deep .align-content-md-center{align-content:center!important}:host ::ng-deep .align-content-md-between{align-content:space-between!important}:host ::ng-deep .align-content-md-around{align-content:space-around!important}:host ::ng-deep .align-content-md-stretch{align-content:stretch!important}:host ::ng-deep .align-self-md-auto{align-self:auto!important}:host ::ng-deep .align-self-md-start{align-self:flex-start!important}:host ::ng-deep .align-self-md-end{align-self:flex-end!important}:host ::ng-deep .align-self-md-center{align-self:center!important}:host ::ng-deep .align-self-md-baseline{align-self:baseline!important}:host ::ng-deep .align-self-md-stretch{align-self:stretch!important}:host ::ng-deep .order-md-first{order:-1!important}:host ::ng-deep .order-md-0{order:0!important}:host ::ng-deep .order-md-1{order:1!important}:host ::ng-deep .order-md-2{order:2!important}:host ::ng-deep .order-md-3{order:3!important}:host ::ng-deep .order-md-4{order:4!important}:host ::ng-deep .order-md-5{order:5!important}:host ::ng-deep .order-md-last{order:6!important}:host ::ng-deep .m-md-0{margin:0!important}:host ::ng-deep .m-md-1{margin:.25rem!important}:host ::ng-deep .m-md-2{margin:.5rem!important}:host ::ng-deep .m-md-3{margin:1rem!important}:host ::ng-deep .m-md-4{margin:1.5rem!important}:host ::ng-deep .m-md-5{margin:3rem!important}:host ::ng-deep .m-md-auto{margin:auto!important}:host ::ng-deep .mx-md-0{margin-right:0!important;margin-left:0!important}:host ::ng-deep .mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}:host ::ng-deep .mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}:host ::ng-deep .mx-md-3{margin-right:1rem!important;margin-left:1rem!important}:host ::ng-deep .mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}:host ::ng-deep .mx-md-5{margin-right:3rem!important;margin-left:3rem!important}:host ::ng-deep .mx-md-auto{margin-right:auto!important;margin-left:auto!important}:host ::ng-deep .my-md-0{margin-top:0!important;margin-bottom:0!important}:host ::ng-deep .my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}:host ::ng-deep .my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}:host ::ng-deep .my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}:host ::ng-deep .my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}:host ::ng-deep .my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}:host ::ng-deep .my-md-auto{margin-top:auto!important;margin-bottom:auto!important}:host ::ng-deep .mt-md-0{margin-top:0!important}:host ::ng-deep .mt-md-1{margin-top:.25rem!important}:host ::ng-deep .mt-md-2{margin-top:.5rem!important}:host ::ng-deep .mt-md-3{margin-top:1rem!important}:host ::ng-deep .mt-md-4{margin-top:1.5rem!important}:host ::ng-deep .mt-md-5{margin-top:3rem!important}:host ::ng-deep .mt-md-auto{margin-top:auto!important}:host ::ng-deep .me-md-0{margin-right:0!important}:host ::ng-deep .me-md-1{margin-right:.25rem!important}:host ::ng-deep .me-md-2{margin-right:.5rem!important}:host ::ng-deep .me-md-3{margin-right:1rem!important}:host ::ng-deep .me-md-4{margin-right:1.5rem!important}:host ::ng-deep .me-md-5{margin-right:3rem!important}:host ::ng-deep .me-md-auto{margin-right:auto!important}:host ::ng-deep .mb-md-0{margin-bottom:0!important}:host ::ng-deep .mb-md-1{margin-bottom:.25rem!important}:host ::ng-deep .mb-md-2{margin-bottom:.5rem!important}:host ::ng-deep .mb-md-3{margin-bottom:1rem!important}:host ::ng-deep .mb-md-4{margin-bottom:1.5rem!important}:host ::ng-deep .mb-md-5{margin-bottom:3rem!important}:host ::ng-deep .mb-md-auto{margin-bottom:auto!important}:host ::ng-deep .ms-md-0{margin-left:0!important}:host ::ng-deep .ms-md-1{margin-left:.25rem!important}:host ::ng-deep .ms-md-2{margin-left:.5rem!important}:host ::ng-deep .ms-md-3{margin-left:1rem!important}:host ::ng-deep .ms-md-4{margin-left:1.5rem!important}:host ::ng-deep .ms-md-5{margin-left:3rem!important}:host ::ng-deep .ms-md-auto{margin-left:auto!important}:host ::ng-deep .p-md-0{padding:0!important}:host ::ng-deep .p-md-1{padding:.25rem!important}:host ::ng-deep .p-md-2{padding:.5rem!important}:host ::ng-deep .p-md-3{padding:1rem!important}:host ::ng-deep .p-md-4{padding:1.5rem!important}:host ::ng-deep .p-md-5{padding:3rem!important}:host ::ng-deep .px-md-0{padding-right:0!important;padding-left:0!important}:host ::ng-deep .px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}:host ::ng-deep .px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}:host ::ng-deep .px-md-3{padding-right:1rem!important;padding-left:1rem!important}:host ::ng-deep .px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}:host ::ng-deep .px-md-5{padding-right:3rem!important;padding-left:3rem!important}:host ::ng-deep .py-md-0{padding-top:0!important;padding-bottom:0!important}:host ::ng-deep .py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}:host ::ng-deep .py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}:host ::ng-deep .py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}:host ::ng-deep .py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}:host ::ng-deep .py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}:host ::ng-deep .pt-md-0{padding-top:0!important}:host ::ng-deep .pt-md-1{padding-top:.25rem!important}:host ::ng-deep .pt-md-2{padding-top:.5rem!important}:host ::ng-deep .pt-md-3{padding-top:1rem!important}:host ::ng-deep .pt-md-4{padding-top:1.5rem!important}:host ::ng-deep .pt-md-5{padding-top:3rem!important}:host ::ng-deep .pe-md-0{padding-right:0!important}:host ::ng-deep .pe-md-1{padding-right:.25rem!important}:host ::ng-deep .pe-md-2{padding-right:.5rem!important}:host ::ng-deep .pe-md-3{padding-right:1rem!important}:host ::ng-deep .pe-md-4{padding-right:1.5rem!important}:host ::ng-deep .pe-md-5{padding-right:3rem!important}:host ::ng-deep .pb-md-0{padding-bottom:0!important}:host ::ng-deep .pb-md-1{padding-bottom:.25rem!important}:host ::ng-deep .pb-md-2{padding-bottom:.5rem!important}:host ::ng-deep .pb-md-3{padding-bottom:1rem!important}:host ::ng-deep .pb-md-4{padding-bottom:1.5rem!important}:host ::ng-deep .pb-md-5{padding-bottom:3rem!important}:host ::ng-deep .ps-md-0{padding-left:0!important}:host ::ng-deep .ps-md-1{padding-left:.25rem!important}:host ::ng-deep .ps-md-2{padding-left:.5rem!important}:host ::ng-deep .ps-md-3{padding-left:1rem!important}:host ::ng-deep .ps-md-4{padding-left:1.5rem!important}:host ::ng-deep .ps-md-5{padding-left:3rem!important}:host ::ng-deep .gap-md-0{gap:0!important}:host ::ng-deep .gap-md-1{gap:.25rem!important}:host ::ng-deep .gap-md-2{gap:.5rem!important}:host ::ng-deep .gap-md-3{gap:1rem!important}:host ::ng-deep .gap-md-4{gap:1.5rem!important}:host ::ng-deep .gap-md-5{gap:3rem!important}:host ::ng-deep .text-md-start{text-align:left!important}:host ::ng-deep .text-md-end{text-align:right!important}:host ::ng-deep .text-md-center{text-align:center!important}}@media (min-width: 992px){:host ::ng-deep .float-lg-start{float:left!important}:host ::ng-deep .float-lg-end{float:right!important}:host ::ng-deep .float-lg-none{float:none!important}:host ::ng-deep .d-lg-inline{display:inline!important}:host ::ng-deep .d-lg-inline-block{display:inline-block!important}:host ::ng-deep .d-lg-block{display:block!important}:host ::ng-deep .d-lg-grid{display:grid!important}:host ::ng-deep .d-lg-table{display:table!important}:host ::ng-deep .d-lg-table-row{display:table-row!important}:host ::ng-deep .d-lg-table-cell{display:table-cell!important}:host ::ng-deep .d-lg-flex{display:flex!important}:host ::ng-deep .d-lg-inline-flex{display:inline-flex!important}:host ::ng-deep .d-lg-none{display:none!important}:host ::ng-deep .flex-lg-fill{flex:1 1 auto!important}:host ::ng-deep .flex-lg-row{flex-direction:row!important}:host ::ng-deep .flex-lg-column{flex-direction:column!important}:host ::ng-deep .flex-lg-row-reverse{flex-direction:row-reverse!important}:host ::ng-deep .flex-lg-column-reverse{flex-direction:column-reverse!important}:host ::ng-deep .flex-lg-grow-0{flex-grow:0!important}:host ::ng-deep .flex-lg-grow-1{flex-grow:1!important}:host ::ng-deep .flex-lg-shrink-0{flex-shrink:0!important}:host ::ng-deep .flex-lg-shrink-1{flex-shrink:1!important}:host ::ng-deep .flex-lg-wrap{flex-wrap:wrap!important}:host ::ng-deep .flex-lg-nowrap{flex-wrap:nowrap!important}:host ::ng-deep .flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}:host ::ng-deep .justify-content-lg-start{justify-content:flex-start!important}:host ::ng-deep .justify-content-lg-end{justify-content:flex-end!important}:host ::ng-deep .justify-content-lg-center{justify-content:center!important}:host ::ng-deep .justify-content-lg-between{justify-content:space-between!important}:host ::ng-deep .justify-content-lg-around{justify-content:space-around!important}:host ::ng-deep .justify-content-lg-evenly{justify-content:space-evenly!important}:host ::ng-deep .align-items-lg-start{align-items:flex-start!important}:host ::ng-deep .align-items-lg-end{align-items:flex-end!important}:host ::ng-deep .align-items-lg-center{align-items:center!important}:host ::ng-deep .align-items-lg-baseline{align-items:baseline!important}:host ::ng-deep .align-items-lg-stretch{align-items:stretch!important}:host ::ng-deep .align-content-lg-start{align-content:flex-start!important}:host ::ng-deep .align-content-lg-end{align-content:flex-end!important}:host ::ng-deep .align-content-lg-center{align-content:center!important}:host ::ng-deep .align-content-lg-between{align-content:space-between!important}:host ::ng-deep .align-content-lg-around{align-content:space-around!important}:host ::ng-deep .align-content-lg-stretch{align-content:stretch!important}:host ::ng-deep .align-self-lg-auto{align-self:auto!important}:host ::ng-deep .align-self-lg-start{align-self:flex-start!important}:host ::ng-deep .align-self-lg-end{align-self:flex-end!important}:host ::ng-deep .align-self-lg-center{align-self:center!important}:host ::ng-deep .align-self-lg-baseline{align-self:baseline!important}:host ::ng-deep .align-self-lg-stretch{align-self:stretch!important}:host ::ng-deep .order-lg-first{order:-1!important}:host ::ng-deep .order-lg-0{order:0!important}:host ::ng-deep .order-lg-1{order:1!important}:host ::ng-deep .order-lg-2{order:2!important}:host ::ng-deep .order-lg-3{order:3!important}:host ::ng-deep .order-lg-4{order:4!important}:host ::ng-deep .order-lg-5{order:5!important}:host ::ng-deep .order-lg-last{order:6!important}:host ::ng-deep .m-lg-0{margin:0!important}:host ::ng-deep .m-lg-1{margin:.25rem!important}:host ::ng-deep .m-lg-2{margin:.5rem!important}:host ::ng-deep .m-lg-3{margin:1rem!important}:host ::ng-deep .m-lg-4{margin:1.5rem!important}:host ::ng-deep .m-lg-5{margin:3rem!important}:host ::ng-deep .m-lg-auto{margin:auto!important}:host ::ng-deep .mx-lg-0{margin-right:0!important;margin-left:0!important}:host ::ng-deep .mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}:host ::ng-deep .mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}:host ::ng-deep .mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}:host ::ng-deep .mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}:host ::ng-deep .mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}:host ::ng-deep .mx-lg-auto{margin-right:auto!important;margin-left:auto!important}:host ::ng-deep .my-lg-0{margin-top:0!important;margin-bottom:0!important}:host ::ng-deep .my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}:host ::ng-deep .my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}:host ::ng-deep .my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}:host ::ng-deep .my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}:host ::ng-deep .my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}:host ::ng-deep .my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}:host ::ng-deep .mt-lg-0{margin-top:0!important}:host ::ng-deep .mt-lg-1{margin-top:.25rem!important}:host ::ng-deep .mt-lg-2{margin-top:.5rem!important}:host ::ng-deep .mt-lg-3{margin-top:1rem!important}:host ::ng-deep .mt-lg-4{margin-top:1.5rem!important}:host ::ng-deep .mt-lg-5{margin-top:3rem!important}:host ::ng-deep .mt-lg-auto{margin-top:auto!important}:host ::ng-deep .me-lg-0{margin-right:0!important}:host ::ng-deep .me-lg-1{margin-right:.25rem!important}:host ::ng-deep .me-lg-2{margin-right:.5rem!important}:host ::ng-deep .me-lg-3{margin-right:1rem!important}:host ::ng-deep .me-lg-4{margin-right:1.5rem!important}:host ::ng-deep .me-lg-5{margin-right:3rem!important}:host ::ng-deep .me-lg-auto{margin-right:auto!important}:host ::ng-deep .mb-lg-0{margin-bottom:0!important}:host ::ng-deep .mb-lg-1{margin-bottom:.25rem!important}:host ::ng-deep .mb-lg-2{margin-bottom:.5rem!important}:host ::ng-deep .mb-lg-3{margin-bottom:1rem!important}:host ::ng-deep .mb-lg-4{margin-bottom:1.5rem!important}:host ::ng-deep .mb-lg-5{margin-bottom:3rem!important}:host ::ng-deep .mb-lg-auto{margin-bottom:auto!important}:host ::ng-deep .ms-lg-0{margin-left:0!important}:host ::ng-deep .ms-lg-1{margin-left:.25rem!important}:host ::ng-deep .ms-lg-2{margin-left:.5rem!important}:host ::ng-deep .ms-lg-3{margin-left:1rem!important}:host ::ng-deep .ms-lg-4{margin-left:1.5rem!important}:host ::ng-deep .ms-lg-5{margin-left:3rem!important}:host ::ng-deep .ms-lg-auto{margin-left:auto!important}:host ::ng-deep .p-lg-0{padding:0!important}:host ::ng-deep .p-lg-1{padding:.25rem!important}:host ::ng-deep .p-lg-2{padding:.5rem!important}:host ::ng-deep .p-lg-3{padding:1rem!important}:host ::ng-deep .p-lg-4{padding:1.5rem!important}:host ::ng-deep .p-lg-5{padding:3rem!important}:host ::ng-deep .px-lg-0{padding-right:0!important;padding-left:0!important}:host ::ng-deep .px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}:host ::ng-deep .px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}:host ::ng-deep .px-lg-3{padding-right:1rem!important;padding-left:1rem!important}:host ::ng-deep .px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}:host ::ng-deep .px-lg-5{padding-right:3rem!important;padding-left:3rem!important}:host ::ng-deep .py-lg-0{padding-top:0!important;padding-bottom:0!important}:host ::ng-deep .py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}:host ::ng-deep .py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}:host ::ng-deep .py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}:host ::ng-deep .py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}:host ::ng-deep .py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}:host ::ng-deep .pt-lg-0{padding-top:0!important}:host ::ng-deep .pt-lg-1{padding-top:.25rem!important}:host ::ng-deep .pt-lg-2{padding-top:.5rem!important}:host ::ng-deep .pt-lg-3{padding-top:1rem!important}:host ::ng-deep .pt-lg-4{padding-top:1.5rem!important}:host ::ng-deep .pt-lg-5{padding-top:3rem!important}:host ::ng-deep .pe-lg-0{padding-right:0!important}:host ::ng-deep .pe-lg-1{padding-right:.25rem!important}:host ::ng-deep .pe-lg-2{padding-right:.5rem!important}:host ::ng-deep .pe-lg-3{padding-right:1rem!important}:host ::ng-deep .pe-lg-4{padding-right:1.5rem!important}:host ::ng-deep .pe-lg-5{padding-right:3rem!important}:host ::ng-deep .pb-lg-0{padding-bottom:0!important}:host ::ng-deep .pb-lg-1{padding-bottom:.25rem!important}:host ::ng-deep .pb-lg-2{padding-bottom:.5rem!important}:host ::ng-deep .pb-lg-3{padding-bottom:1rem!important}:host ::ng-deep .pb-lg-4{padding-bottom:1.5rem!important}:host ::ng-deep .pb-lg-5{padding-bottom:3rem!important}:host ::ng-deep .ps-lg-0{padding-left:0!important}:host ::ng-deep .ps-lg-1{padding-left:.25rem!important}:host ::ng-deep .ps-lg-2{padding-left:.5rem!important}:host ::ng-deep .ps-lg-3{padding-left:1rem!important}:host ::ng-deep .ps-lg-4{padding-left:1.5rem!important}:host ::ng-deep .ps-lg-5{padding-left:3rem!important}:host ::ng-deep .gap-lg-0{gap:0!important}:host ::ng-deep .gap-lg-1{gap:.25rem!important}:host ::ng-deep .gap-lg-2{gap:.5rem!important}:host ::ng-deep .gap-lg-3{gap:1rem!important}:host ::ng-deep .gap-lg-4{gap:1.5rem!important}:host ::ng-deep .gap-lg-5{gap:3rem!important}:host ::ng-deep .text-lg-start{text-align:left!important}:host ::ng-deep .text-lg-end{text-align:right!important}:host ::ng-deep .text-lg-center{text-align:center!important}}@media (min-width: 1200px){:host ::ng-deep .float-xl-start{float:left!important}:host ::ng-deep .float-xl-end{float:right!important}:host ::ng-deep .float-xl-none{float:none!important}:host ::ng-deep .d-xl-inline{display:inline!important}:host ::ng-deep .d-xl-inline-block{display:inline-block!important}:host ::ng-deep .d-xl-block{display:block!important}:host ::ng-deep .d-xl-grid{display:grid!important}:host ::ng-deep .d-xl-table{display:table!important}:host ::ng-deep .d-xl-table-row{display:table-row!important}:host ::ng-deep .d-xl-table-cell{display:table-cell!important}:host ::ng-deep .d-xl-flex{display:flex!important}:host ::ng-deep .d-xl-inline-flex{display:inline-flex!important}:host ::ng-deep .d-xl-none{display:none!important}:host ::ng-deep .flex-xl-fill{flex:1 1 auto!important}:host ::ng-deep .flex-xl-row{flex-direction:row!important}:host ::ng-deep .flex-xl-column{flex-direction:column!important}:host ::ng-deep .flex-xl-row-reverse{flex-direction:row-reverse!important}:host ::ng-deep .flex-xl-column-reverse{flex-direction:column-reverse!important}:host ::ng-deep .flex-xl-grow-0{flex-grow:0!important}:host ::ng-deep .flex-xl-grow-1{flex-grow:1!important}:host ::ng-deep .flex-xl-shrink-0{flex-shrink:0!important}:host ::ng-deep .flex-xl-shrink-1{flex-shrink:1!important}:host ::ng-deep .flex-xl-wrap{flex-wrap:wrap!important}:host ::ng-deep .flex-xl-nowrap{flex-wrap:nowrap!important}:host ::ng-deep .flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}:host ::ng-deep .justify-content-xl-start{justify-content:flex-start!important}:host ::ng-deep .justify-content-xl-end{justify-content:flex-end!important}:host ::ng-deep .justify-content-xl-center{justify-content:center!important}:host ::ng-deep .justify-content-xl-between{justify-content:space-between!important}:host ::ng-deep .justify-content-xl-around{justify-content:space-around!important}:host ::ng-deep .justify-content-xl-evenly{justify-content:space-evenly!important}:host ::ng-deep .align-items-xl-start{align-items:flex-start!important}:host ::ng-deep .align-items-xl-end{align-items:flex-end!important}:host ::ng-deep .align-items-xl-center{align-items:center!important}:host ::ng-deep .align-items-xl-baseline{align-items:baseline!important}:host ::ng-deep .align-items-xl-stretch{align-items:stretch!important}:host ::ng-deep .align-content-xl-start{align-content:flex-start!important}:host ::ng-deep .align-content-xl-end{align-content:flex-end!important}:host ::ng-deep .align-content-xl-center{align-content:center!important}:host ::ng-deep .align-content-xl-between{align-content:space-between!important}:host ::ng-deep .align-content-xl-around{align-content:space-around!important}:host ::ng-deep .align-content-xl-stretch{align-content:stretch!important}:host ::ng-deep .align-self-xl-auto{align-self:auto!important}:host ::ng-deep .align-self-xl-start{align-self:flex-start!important}:host ::ng-deep .align-self-xl-end{align-self:flex-end!important}:host ::ng-deep .align-self-xl-center{align-self:center!important}:host ::ng-deep .align-self-xl-baseline{align-self:baseline!important}:host ::ng-deep .align-self-xl-stretch{align-self:stretch!important}:host ::ng-deep .order-xl-first{order:-1!important}:host ::ng-deep .order-xl-0{order:0!important}:host ::ng-deep .order-xl-1{order:1!important}:host ::ng-deep .order-xl-2{order:2!important}:host ::ng-deep .order-xl-3{order:3!important}:host ::ng-deep .order-xl-4{order:4!important}:host ::ng-deep .order-xl-5{order:5!important}:host ::ng-deep .order-xl-last{order:6!important}:host ::ng-deep .m-xl-0{margin:0!important}:host ::ng-deep .m-xl-1{margin:.25rem!important}:host ::ng-deep .m-xl-2{margin:.5rem!important}:host ::ng-deep .m-xl-3{margin:1rem!important}:host ::ng-deep .m-xl-4{margin:1.5rem!important}:host ::ng-deep .m-xl-5{margin:3rem!important}:host ::ng-deep .m-xl-auto{margin:auto!important}:host ::ng-deep .mx-xl-0{margin-right:0!important;margin-left:0!important}:host ::ng-deep .mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}:host ::ng-deep .mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}:host ::ng-deep .mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}:host ::ng-deep .mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}:host ::ng-deep .mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}:host ::ng-deep .mx-xl-auto{margin-right:auto!important;margin-left:auto!important}:host ::ng-deep .my-xl-0{margin-top:0!important;margin-bottom:0!important}:host ::ng-deep .my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}:host ::ng-deep .my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}:host ::ng-deep .my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}:host ::ng-deep .my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}:host ::ng-deep .my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}:host ::ng-deep .my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}:host ::ng-deep .mt-xl-0{margin-top:0!important}:host ::ng-deep .mt-xl-1{margin-top:.25rem!important}:host ::ng-deep .mt-xl-2{margin-top:.5rem!important}:host ::ng-deep .mt-xl-3{margin-top:1rem!important}:host ::ng-deep .mt-xl-4{margin-top:1.5rem!important}:host ::ng-deep .mt-xl-5{margin-top:3rem!important}:host ::ng-deep .mt-xl-auto{margin-top:auto!important}:host ::ng-deep .me-xl-0{margin-right:0!important}:host ::ng-deep .me-xl-1{margin-right:.25rem!important}:host ::ng-deep .me-xl-2{margin-right:.5rem!important}:host ::ng-deep .me-xl-3{margin-right:1rem!important}:host ::ng-deep .me-xl-4{margin-right:1.5rem!important}:host ::ng-deep .me-xl-5{margin-right:3rem!important}:host ::ng-deep .me-xl-auto{margin-right:auto!important}:host ::ng-deep .mb-xl-0{margin-bottom:0!important}:host ::ng-deep .mb-xl-1{margin-bottom:.25rem!important}:host ::ng-deep .mb-xl-2{margin-bottom:.5rem!important}:host ::ng-deep .mb-xl-3{margin-bottom:1rem!important}:host ::ng-deep .mb-xl-4{margin-bottom:1.5rem!important}:host ::ng-deep .mb-xl-5{margin-bottom:3rem!important}:host ::ng-deep .mb-xl-auto{margin-bottom:auto!important}:host ::ng-deep .ms-xl-0{margin-left:0!important}:host ::ng-deep .ms-xl-1{margin-left:.25rem!important}:host ::ng-deep .ms-xl-2{margin-left:.5rem!important}:host ::ng-deep .ms-xl-3{margin-left:1rem!important}:host ::ng-deep .ms-xl-4{margin-left:1.5rem!important}:host ::ng-deep .ms-xl-5{margin-left:3rem!important}:host ::ng-deep .ms-xl-auto{margin-left:auto!important}:host ::ng-deep .p-xl-0{padding:0!important}:host ::ng-deep .p-xl-1{padding:.25rem!important}:host ::ng-deep .p-xl-2{padding:.5rem!important}:host ::ng-deep .p-xl-3{padding:1rem!important}:host ::ng-deep .p-xl-4{padding:1.5rem!important}:host ::ng-deep .p-xl-5{padding:3rem!important}:host ::ng-deep .px-xl-0{padding-right:0!important;padding-left:0!important}:host ::ng-deep .px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}:host ::ng-deep .px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}:host ::ng-deep .px-xl-3{padding-right:1rem!important;padding-left:1rem!important}:host ::ng-deep .px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}:host ::ng-deep .px-xl-5{padding-right:3rem!important;padding-left:3rem!important}:host ::ng-deep .py-xl-0{padding-top:0!important;padding-bottom:0!important}:host ::ng-deep .py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}:host ::ng-deep .py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}:host ::ng-deep .py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}:host ::ng-deep .py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}:host ::ng-deep .py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}:host ::ng-deep .pt-xl-0{padding-top:0!important}:host ::ng-deep .pt-xl-1{padding-top:.25rem!important}:host ::ng-deep .pt-xl-2{padding-top:.5rem!important}:host ::ng-deep .pt-xl-3{padding-top:1rem!important}:host ::ng-deep .pt-xl-4{padding-top:1.5rem!important}:host ::ng-deep .pt-xl-5{padding-top:3rem!important}:host ::ng-deep .pe-xl-0{padding-right:0!important}:host ::ng-deep .pe-xl-1{padding-right:.25rem!important}:host ::ng-deep .pe-xl-2{padding-right:.5rem!important}:host ::ng-deep .pe-xl-3{padding-right:1rem!important}:host ::ng-deep .pe-xl-4{padding-right:1.5rem!important}:host ::ng-deep .pe-xl-5{padding-right:3rem!important}:host ::ng-deep .pb-xl-0{padding-bottom:0!important}:host ::ng-deep .pb-xl-1{padding-bottom:.25rem!important}:host ::ng-deep .pb-xl-2{padding-bottom:.5rem!important}:host ::ng-deep .pb-xl-3{padding-bottom:1rem!important}:host ::ng-deep .pb-xl-4{padding-bottom:1.5rem!important}:host ::ng-deep .pb-xl-5{padding-bottom:3rem!important}:host ::ng-deep .ps-xl-0{padding-left:0!important}:host ::ng-deep .ps-xl-1{padding-left:.25rem!important}:host ::ng-deep .ps-xl-2{padding-left:.5rem!important}:host ::ng-deep .ps-xl-3{padding-left:1rem!important}:host ::ng-deep .ps-xl-4{padding-left:1.5rem!important}:host ::ng-deep .ps-xl-5{padding-left:3rem!important}:host ::ng-deep .gap-xl-0{gap:0!important}:host ::ng-deep .gap-xl-1{gap:.25rem!important}:host ::ng-deep .gap-xl-2{gap:.5rem!important}:host ::ng-deep .gap-xl-3{gap:1rem!important}:host ::ng-deep .gap-xl-4{gap:1.5rem!important}:host ::ng-deep .gap-xl-5{gap:3rem!important}:host ::ng-deep .text-xl-start{text-align:left!important}:host ::ng-deep .text-xl-end{text-align:right!important}:host ::ng-deep .text-xl-center{text-align:center!important}}@media (min-width: 1400px){:host ::ng-deep .float-xxl-start{float:left!important}:host ::ng-deep .float-xxl-end{float:right!important}:host ::ng-deep .float-xxl-none{float:none!important}:host ::ng-deep .d-xxl-inline{display:inline!important}:host ::ng-deep .d-xxl-inline-block{display:inline-block!important}:host ::ng-deep .d-xxl-block{display:block!important}:host ::ng-deep .d-xxl-grid{display:grid!important}:host ::ng-deep .d-xxl-table{display:table!important}:host ::ng-deep .d-xxl-table-row{display:table-row!important}:host ::ng-deep .d-xxl-table-cell{display:table-cell!important}:host ::ng-deep .d-xxl-flex{display:flex!important}:host ::ng-deep .d-xxl-inline-flex{display:inline-flex!important}:host ::ng-deep .d-xxl-none{display:none!important}:host ::ng-deep .flex-xxl-fill{flex:1 1 auto!important}:host ::ng-deep .flex-xxl-row{flex-direction:row!important}:host ::ng-deep .flex-xxl-column{flex-direction:column!important}:host ::ng-deep .flex-xxl-row-reverse{flex-direction:row-reverse!important}:host ::ng-deep .flex-xxl-column-reverse{flex-direction:column-reverse!important}:host ::ng-deep .flex-xxl-grow-0{flex-grow:0!important}:host ::ng-deep .flex-xxl-grow-1{flex-grow:1!important}:host ::ng-deep .flex-xxl-shrink-0{flex-shrink:0!important}:host ::ng-deep .flex-xxl-shrink-1{flex-shrink:1!important}:host ::ng-deep .flex-xxl-wrap{flex-wrap:wrap!important}:host ::ng-deep .flex-xxl-nowrap{flex-wrap:nowrap!important}:host ::ng-deep .flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}:host ::ng-deep .justify-content-xxl-start{justify-content:flex-start!important}:host ::ng-deep .justify-content-xxl-end{justify-content:flex-end!important}:host ::ng-deep .justify-content-xxl-center{justify-content:center!important}:host ::ng-deep .justify-content-xxl-between{justify-content:space-between!important}:host ::ng-deep .justify-content-xxl-around{justify-content:space-around!important}:host ::ng-deep .justify-content-xxl-evenly{justify-content:space-evenly!important}:host ::ng-deep .align-items-xxl-start{align-items:flex-start!important}:host ::ng-deep .align-items-xxl-end{align-items:flex-end!important}:host ::ng-deep .align-items-xxl-center{align-items:center!important}:host ::ng-deep .align-items-xxl-baseline{align-items:baseline!important}:host ::ng-deep .align-items-xxl-stretch{align-items:stretch!important}:host ::ng-deep .align-content-xxl-start{align-content:flex-start!important}:host ::ng-deep .align-content-xxl-end{align-content:flex-end!important}:host ::ng-deep .align-content-xxl-center{align-content:center!important}:host ::ng-deep .align-content-xxl-between{align-content:space-between!important}:host ::ng-deep .align-content-xxl-around{align-content:space-around!important}:host ::ng-deep .align-content-xxl-stretch{align-content:stretch!important}:host ::ng-deep .align-self-xxl-auto{align-self:auto!important}:host ::ng-deep .align-self-xxl-start{align-self:flex-start!important}:host ::ng-deep .align-self-xxl-end{align-self:flex-end!important}:host ::ng-deep .align-self-xxl-center{align-self:center!important}:host ::ng-deep .align-self-xxl-baseline{align-self:baseline!important}:host ::ng-deep .align-self-xxl-stretch{align-self:stretch!important}:host ::ng-deep .order-xxl-first{order:-1!important}:host ::ng-deep .order-xxl-0{order:0!important}:host ::ng-deep .order-xxl-1{order:1!important}:host ::ng-deep .order-xxl-2{order:2!important}:host ::ng-deep .order-xxl-3{order:3!important}:host ::ng-deep .order-xxl-4{order:4!important}:host ::ng-deep .order-xxl-5{order:5!important}:host ::ng-deep .order-xxl-last{order:6!important}:host ::ng-deep .m-xxl-0{margin:0!important}:host ::ng-deep .m-xxl-1{margin:.25rem!important}:host ::ng-deep .m-xxl-2{margin:.5rem!important}:host ::ng-deep .m-xxl-3{margin:1rem!important}:host ::ng-deep .m-xxl-4{margin:1.5rem!important}:host ::ng-deep .m-xxl-5{margin:3rem!important}:host ::ng-deep .m-xxl-auto{margin:auto!important}:host ::ng-deep .mx-xxl-0{margin-right:0!important;margin-left:0!important}:host ::ng-deep .mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}:host ::ng-deep .mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}:host ::ng-deep .mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}:host ::ng-deep .mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}:host ::ng-deep .mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}:host ::ng-deep .mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}:host ::ng-deep .my-xxl-0{margin-top:0!important;margin-bottom:0!important}:host ::ng-deep .my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}:host ::ng-deep .my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}:host ::ng-deep .my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}:host ::ng-deep .my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}:host ::ng-deep .my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}:host ::ng-deep .my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}:host ::ng-deep .mt-xxl-0{margin-top:0!important}:host ::ng-deep .mt-xxl-1{margin-top:.25rem!important}:host ::ng-deep .mt-xxl-2{margin-top:.5rem!important}:host ::ng-deep .mt-xxl-3{margin-top:1rem!important}:host ::ng-deep .mt-xxl-4{margin-top:1.5rem!important}:host ::ng-deep .mt-xxl-5{margin-top:3rem!important}:host ::ng-deep .mt-xxl-auto{margin-top:auto!important}:host ::ng-deep .me-xxl-0{margin-right:0!important}:host ::ng-deep .me-xxl-1{margin-right:.25rem!important}:host ::ng-deep .me-xxl-2{margin-right:.5rem!important}:host ::ng-deep .me-xxl-3{margin-right:1rem!important}:host ::ng-deep .me-xxl-4{margin-right:1.5rem!important}:host ::ng-deep .me-xxl-5{margin-right:3rem!important}:host ::ng-deep .me-xxl-auto{margin-right:auto!important}:host ::ng-deep .mb-xxl-0{margin-bottom:0!important}:host ::ng-deep .mb-xxl-1{margin-bottom:.25rem!important}:host ::ng-deep .mb-xxl-2{margin-bottom:.5rem!important}:host ::ng-deep .mb-xxl-3{margin-bottom:1rem!important}:host ::ng-deep .mb-xxl-4{margin-bottom:1.5rem!important}:host ::ng-deep .mb-xxl-5{margin-bottom:3rem!important}:host ::ng-deep .mb-xxl-auto{margin-bottom:auto!important}:host ::ng-deep .ms-xxl-0{margin-left:0!important}:host ::ng-deep .ms-xxl-1{margin-left:.25rem!important}:host ::ng-deep .ms-xxl-2{margin-left:.5rem!important}:host ::ng-deep .ms-xxl-3{margin-left:1rem!important}:host ::ng-deep .ms-xxl-4{margin-left:1.5rem!important}:host ::ng-deep .ms-xxl-5{margin-left:3rem!important}:host ::ng-deep .ms-xxl-auto{margin-left:auto!important}:host ::ng-deep .p-xxl-0{padding:0!important}:host ::ng-deep .p-xxl-1{padding:.25rem!important}:host ::ng-deep .p-xxl-2{padding:.5rem!important}:host ::ng-deep .p-xxl-3{padding:1rem!important}:host ::ng-deep .p-xxl-4{padding:1.5rem!important}:host ::ng-deep .p-xxl-5{padding:3rem!important}:host ::ng-deep .px-xxl-0{padding-right:0!important;padding-left:0!important}:host ::ng-deep .px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}:host ::ng-deep .px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}:host ::ng-deep .px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}:host ::ng-deep .px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}:host ::ng-deep .px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}:host ::ng-deep .py-xxl-0{padding-top:0!important;padding-bottom:0!important}:host ::ng-deep .py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}:host ::ng-deep .py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}:host ::ng-deep .py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}:host ::ng-deep .py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}:host ::ng-deep .py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}:host ::ng-deep .pt-xxl-0{padding-top:0!important}:host ::ng-deep .pt-xxl-1{padding-top:.25rem!important}:host ::ng-deep .pt-xxl-2{padding-top:.5rem!important}:host ::ng-deep .pt-xxl-3{padding-top:1rem!important}:host ::ng-deep .pt-xxl-4{padding-top:1.5rem!important}:host ::ng-deep .pt-xxl-5{padding-top:3rem!important}:host ::ng-deep .pe-xxl-0{padding-right:0!important}:host ::ng-deep .pe-xxl-1{padding-right:.25rem!important}:host ::ng-deep .pe-xxl-2{padding-right:.5rem!important}:host ::ng-deep .pe-xxl-3{padding-right:1rem!important}:host ::ng-deep .pe-xxl-4{padding-right:1.5rem!important}:host ::ng-deep .pe-xxl-5{padding-right:3rem!important}:host ::ng-deep .pb-xxl-0{padding-bottom:0!important}:host ::ng-deep .pb-xxl-1{padding-bottom:.25rem!important}:host ::ng-deep .pb-xxl-2{padding-bottom:.5rem!important}:host ::ng-deep .pb-xxl-3{padding-bottom:1rem!important}:host ::ng-deep .pb-xxl-4{padding-bottom:1.5rem!important}:host ::ng-deep .pb-xxl-5{padding-bottom:3rem!important}:host ::ng-deep .ps-xxl-0{padding-left:0!important}:host ::ng-deep .ps-xxl-1{padding-left:.25rem!important}:host ::ng-deep .ps-xxl-2{padding-left:.5rem!important}:host ::ng-deep .ps-xxl-3{padding-left:1rem!important}:host ::ng-deep .ps-xxl-4{padding-left:1.5rem!important}:host ::ng-deep .ps-xxl-5{padding-left:3rem!important}:host ::ng-deep .gap-xxl-0{gap:0!important}:host ::ng-deep .gap-xxl-1{gap:.25rem!important}:host ::ng-deep .gap-xxl-2{gap:.5rem!important}:host ::ng-deep .gap-xxl-3{gap:1rem!important}:host ::ng-deep .gap-xxl-4{gap:1.5rem!important}:host ::ng-deep .gap-xxl-5{gap:3rem!important}:host ::ng-deep .text-xxl-start{text-align:left!important}:host ::ng-deep .text-xxl-end{text-align:right!important}:host ::ng-deep .text-xxl-center{text-align:center!important}}@media (min-width: 1200px){:host ::ng-deep .fs-1{font-size:2.5rem!important}:host ::ng-deep .fs-2{font-size:2rem!important}:host ::ng-deep .fs-3{font-size:1.75rem!important}:host ::ng-deep .fs-4{font-size:1.5rem!important}}@media print{:host ::ng-deep .d-print-inline{display:inline!important}:host ::ng-deep .d-print-inline-block{display:inline-block!important}:host ::ng-deep .d-print-block{display:block!important}:host ::ng-deep .d-print-grid{display:grid!important}:host ::ng-deep .d-print-table{display:table!important}:host ::ng-deep .d-print-table-row{display:table-row!important}:host ::ng-deep .d-print-table-cell{display:table-cell!important}:host ::ng-deep .d-print-flex{display:flex!important}:host ::ng-deep .d-print-inline-flex{display:inline-flex!important}:host ::ng-deep .d-print-none{display:none!important}}:host ::ng-deep .container,:host ::ng-deep .container-fluid,:host ::ng-deep .container-xxl,:host ::ng-deep .container-xl,:host ::ng-deep .container-lg,:host ::ng-deep .container-md,:host ::ng-deep .container-sm{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width: 576px){:host ::ng-deep .container-sm,:host ::ng-deep .container{max-width:540px}}@media (min-width: 768px){:host ::ng-deep .container-md,:host ::ng-deep .container-sm,:host ::ng-deep .container{max-width:720px}}@media (min-width: 992px){:host ::ng-deep .container-lg,:host ::ng-deep .container-md,:host ::ng-deep .container-sm,:host ::ng-deep .container{max-width:960px}}@media (min-width: 1200px){:host ::ng-deep .container-xl,:host ::ng-deep .container-lg,:host ::ng-deep .container-md,:host ::ng-deep .container-sm,:host ::ng-deep .container{max-width:1140px}}@media (min-width: 1400px){:host ::ng-deep .container-xxl,:host ::ng-deep .container-xl,:host ::ng-deep .container-lg,:host ::ng-deep .container-md,:host ::ng-deep .container-sm,:host ::ng-deep .container{max-width:1320px}}:host ::ng-deep .row{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}:host ::ng-deep .row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}:host ::ng-deep .col{flex:1 0 0%}:host ::ng-deep .row-cols-auto>*{flex:0 0 auto;width:auto}:host ::ng-deep .row-cols-1>*{flex:0 0 auto;width:100%}:host ::ng-deep .row-cols-2>*{flex:0 0 auto;width:50%}:host ::ng-deep .row-cols-3>*{flex:0 0 auto;width:33.3333333333%}:host ::ng-deep .row-cols-4>*{flex:0 0 auto;width:25%}:host ::ng-deep .row-cols-5>*{flex:0 0 auto;width:20%}:host ::ng-deep .row-cols-6>*{flex:0 0 auto;width:16.6666666667%}:host ::ng-deep .col-auto{flex:0 0 auto;width:auto}:host ::ng-deep .col-1{flex:0 0 auto;width:8.33333333%}:host ::ng-deep .col-2{flex:0 0 auto;width:16.66666667%}:host ::ng-deep .col-3{flex:0 0 auto;width:25%}:host ::ng-deep .col-4{flex:0 0 auto;width:33.33333333%}:host ::ng-deep .col-5{flex:0 0 auto;width:41.66666667%}:host ::ng-deep .col-6{flex:0 0 auto;width:50%}:host ::ng-deep .col-7{flex:0 0 auto;width:58.33333333%}:host ::ng-deep .col-8{flex:0 0 auto;width:66.66666667%}:host ::ng-deep .col-9{flex:0 0 auto;width:75%}:host ::ng-deep .col-10{flex:0 0 auto;width:83.33333333%}:host ::ng-deep .col-11{flex:0 0 auto;width:91.66666667%}:host ::ng-deep .col-12{flex:0 0 auto;width:100%}:host ::ng-deep .offset-1{margin-left:8.33333333%}:host ::ng-deep .offset-2{margin-left:16.66666667%}:host ::ng-deep .offset-3{margin-left:25%}:host ::ng-deep .offset-4{margin-left:33.33333333%}:host ::ng-deep .offset-5{margin-left:41.66666667%}:host ::ng-deep .offset-6{margin-left:50%}:host ::ng-deep .offset-7{margin-left:58.33333333%}:host ::ng-deep .offset-8{margin-left:66.66666667%}:host ::ng-deep .offset-9{margin-left:75%}:host ::ng-deep .offset-10{margin-left:83.33333333%}:host ::ng-deep .offset-11{margin-left:91.66666667%}:host ::ng-deep .g-0,:host ::ng-deep .gx-0{--bs-gutter-x: 0}:host ::ng-deep .g-0,:host ::ng-deep .gy-0{--bs-gutter-y: 0}:host ::ng-deep .g-1,:host ::ng-deep .gx-1{--bs-gutter-x: .25rem}:host ::ng-deep .g-1,:host ::ng-deep .gy-1{--bs-gutter-y: .25rem}:host ::ng-deep .g-2,:host ::ng-deep .gx-2{--bs-gutter-x: .5rem}:host ::ng-deep .g-2,:host ::ng-deep .gy-2{--bs-gutter-y: .5rem}:host ::ng-deep .g-3,:host ::ng-deep .gx-3{--bs-gutter-x: 1rem}:host ::ng-deep .g-3,:host ::ng-deep .gy-3{--bs-gutter-y: 1rem}:host ::ng-deep .g-4,:host ::ng-deep .gx-4{--bs-gutter-x: 1.5rem}:host ::ng-deep .g-4,:host ::ng-deep .gy-4{--bs-gutter-y: 1.5rem}:host ::ng-deep .g-5,:host ::ng-deep .gx-5{--bs-gutter-x: 3rem}:host ::ng-deep .g-5,:host ::ng-deep .gy-5{--bs-gutter-y: 3rem}@media (min-width: 576px){:host ::ng-deep .col-sm{flex:1 0 0%}:host ::ng-deep .row-cols-sm-auto>*{flex:0 0 auto;width:auto}:host ::ng-deep .row-cols-sm-1>*{flex:0 0 auto;width:100%}:host ::ng-deep .row-cols-sm-2>*{flex:0 0 auto;width:50%}:host ::ng-deep .row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}:host ::ng-deep .row-cols-sm-4>*{flex:0 0 auto;width:25%}:host ::ng-deep .row-cols-sm-5>*{flex:0 0 auto;width:20%}:host ::ng-deep .row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}:host ::ng-deep .col-sm-auto{flex:0 0 auto;width:auto}:host ::ng-deep .col-sm-1{flex:0 0 auto;width:8.33333333%}:host ::ng-deep .col-sm-2{flex:0 0 auto;width:16.66666667%}:host ::ng-deep .col-sm-3{flex:0 0 auto;width:25%}:host ::ng-deep .col-sm-4{flex:0 0 auto;width:33.33333333%}:host ::ng-deep .col-sm-5{flex:0 0 auto;width:41.66666667%}:host ::ng-deep .col-sm-6{flex:0 0 auto;width:50%}:host ::ng-deep .col-sm-7{flex:0 0 auto;width:58.33333333%}:host ::ng-deep .col-sm-8{flex:0 0 auto;width:66.66666667%}:host ::ng-deep .col-sm-9{flex:0 0 auto;width:75%}:host ::ng-deep .col-sm-10{flex:0 0 auto;width:83.33333333%}:host ::ng-deep .col-sm-11{flex:0 0 auto;width:91.66666667%}:host ::ng-deep .col-sm-12{flex:0 0 auto;width:100%}:host ::ng-deep .offset-sm-0{margin-left:0}:host ::ng-deep .offset-sm-1{margin-left:8.33333333%}:host ::ng-deep .offset-sm-2{margin-left:16.66666667%}:host ::ng-deep .offset-sm-3{margin-left:25%}:host ::ng-deep .offset-sm-4{margin-left:33.33333333%}:host ::ng-deep .offset-sm-5{margin-left:41.66666667%}:host ::ng-deep .offset-sm-6{margin-left:50%}:host ::ng-deep .offset-sm-7{margin-left:58.33333333%}:host ::ng-deep .offset-sm-8{margin-left:66.66666667%}:host ::ng-deep .offset-sm-9{margin-left:75%}:host ::ng-deep .offset-sm-10{margin-left:83.33333333%}:host ::ng-deep .offset-sm-11{margin-left:91.66666667%}:host ::ng-deep .g-sm-0,:host ::ng-deep .gx-sm-0{--bs-gutter-x: 0}:host ::ng-deep .g-sm-0,:host ::ng-deep .gy-sm-0{--bs-gutter-y: 0}:host ::ng-deep .g-sm-1,:host ::ng-deep .gx-sm-1{--bs-gutter-x: .25rem}:host ::ng-deep .g-sm-1,:host ::ng-deep .gy-sm-1{--bs-gutter-y: .25rem}:host ::ng-deep .g-sm-2,:host ::ng-deep .gx-sm-2{--bs-gutter-x: .5rem}:host ::ng-deep .g-sm-2,:host ::ng-deep .gy-sm-2{--bs-gutter-y: .5rem}:host ::ng-deep .g-sm-3,:host ::ng-deep .gx-sm-3{--bs-gutter-x: 1rem}:host ::ng-deep .g-sm-3,:host ::ng-deep .gy-sm-3{--bs-gutter-y: 1rem}:host ::ng-deep .g-sm-4,:host ::ng-deep .gx-sm-4{--bs-gutter-x: 1.5rem}:host ::ng-deep .g-sm-4,:host ::ng-deep .gy-sm-4{--bs-gutter-y: 1.5rem}:host ::ng-deep .g-sm-5,:host ::ng-deep .gx-sm-5{--bs-gutter-x: 3rem}:host ::ng-deep .g-sm-5,:host ::ng-deep .gy-sm-5{--bs-gutter-y: 3rem}}@media (min-width: 768px){:host ::ng-deep .col-md{flex:1 0 0%}:host ::ng-deep .row-cols-md-auto>*{flex:0 0 auto;width:auto}:host ::ng-deep .row-cols-md-1>*{flex:0 0 auto;width:100%}:host ::ng-deep .row-cols-md-2>*{flex:0 0 auto;width:50%}:host ::ng-deep .row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}:host ::ng-deep .row-cols-md-4>*{flex:0 0 auto;width:25%}:host ::ng-deep .row-cols-md-5>*{flex:0 0 auto;width:20%}:host ::ng-deep .row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}:host ::ng-deep .col-md-auto{flex:0 0 auto;width:auto}:host ::ng-deep .col-md-1{flex:0 0 auto;width:8.33333333%}:host ::ng-deep .col-md-2{flex:0 0 auto;width:16.66666667%}:host ::ng-deep .col-md-3{flex:0 0 auto;width:25%}:host ::ng-deep .col-md-4{flex:0 0 auto;width:33.33333333%}:host ::ng-deep .col-md-5{flex:0 0 auto;width:41.66666667%}:host ::ng-deep .col-md-6{flex:0 0 auto;width:50%}:host ::ng-deep .col-md-7{flex:0 0 auto;width:58.33333333%}:host ::ng-deep .col-md-8{flex:0 0 auto;width:66.66666667%}:host ::ng-deep .col-md-9{flex:0 0 auto;width:75%}:host ::ng-deep .col-md-10{flex:0 0 auto;width:83.33333333%}:host ::ng-deep .col-md-11{flex:0 0 auto;width:91.66666667%}:host ::ng-deep .col-md-12{flex:0 0 auto;width:100%}:host ::ng-deep .offset-md-0{margin-left:0}:host ::ng-deep .offset-md-1{margin-left:8.33333333%}:host ::ng-deep .offset-md-2{margin-left:16.66666667%}:host ::ng-deep .offset-md-3{margin-left:25%}:host ::ng-deep .offset-md-4{margin-left:33.33333333%}:host ::ng-deep .offset-md-5{margin-left:41.66666667%}:host ::ng-deep .offset-md-6{margin-left:50%}:host ::ng-deep .offset-md-7{margin-left:58.33333333%}:host ::ng-deep .offset-md-8{margin-left:66.66666667%}:host ::ng-deep .offset-md-9{margin-left:75%}:host ::ng-deep .offset-md-10{margin-left:83.33333333%}:host ::ng-deep .offset-md-11{margin-left:91.66666667%}:host ::ng-deep .g-md-0,:host ::ng-deep .gx-md-0{--bs-gutter-x: 0}:host ::ng-deep .g-md-0,:host ::ng-deep .gy-md-0{--bs-gutter-y: 0}:host ::ng-deep .g-md-1,:host ::ng-deep .gx-md-1{--bs-gutter-x: .25rem}:host ::ng-deep .g-md-1,:host ::ng-deep .gy-md-1{--bs-gutter-y: .25rem}:host ::ng-deep .g-md-2,:host ::ng-deep .gx-md-2{--bs-gutter-x: .5rem}:host ::ng-deep .g-md-2,:host ::ng-deep .gy-md-2{--bs-gutter-y: .5rem}:host ::ng-deep .g-md-3,:host ::ng-deep .gx-md-3{--bs-gutter-x: 1rem}:host ::ng-deep .g-md-3,:host ::ng-deep .gy-md-3{--bs-gutter-y: 1rem}:host ::ng-deep .g-md-4,:host ::ng-deep .gx-md-4{--bs-gutter-x: 1.5rem}:host ::ng-deep .g-md-4,:host ::ng-deep .gy-md-4{--bs-gutter-y: 1.5rem}:host ::ng-deep .g-md-5,:host ::ng-deep .gx-md-5{--bs-gutter-x: 3rem}:host ::ng-deep .g-md-5,:host ::ng-deep .gy-md-5{--bs-gutter-y: 3rem}}@media (min-width: 992px){:host ::ng-deep .col-lg{flex:1 0 0%}:host ::ng-deep .row-cols-lg-auto>*{flex:0 0 auto;width:auto}:host ::ng-deep .row-cols-lg-1>*{flex:0 0 auto;width:100%}:host ::ng-deep .row-cols-lg-2>*{flex:0 0 auto;width:50%}:host ::ng-deep .row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}:host ::ng-deep .row-cols-lg-4>*{flex:0 0 auto;width:25%}:host ::ng-deep .row-cols-lg-5>*{flex:0 0 auto;width:20%}:host ::ng-deep .row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}:host ::ng-deep .col-lg-auto{flex:0 0 auto;width:auto}:host ::ng-deep .col-lg-1{flex:0 0 auto;width:8.33333333%}:host ::ng-deep .col-lg-2{flex:0 0 auto;width:16.66666667%}:host ::ng-deep .col-lg-3{flex:0 0 auto;width:25%}:host ::ng-deep .col-lg-4{flex:0 0 auto;width:33.33333333%}:host ::ng-deep .col-lg-5{flex:0 0 auto;width:41.66666667%}:host ::ng-deep .col-lg-6{flex:0 0 auto;width:50%}:host ::ng-deep .col-lg-7{flex:0 0 auto;width:58.33333333%}:host ::ng-deep .col-lg-8{flex:0 0 auto;width:66.66666667%}:host ::ng-deep .col-lg-9{flex:0 0 auto;width:75%}:host ::ng-deep .col-lg-10{flex:0 0 auto;width:83.33333333%}:host ::ng-deep .col-lg-11{flex:0 0 auto;width:91.66666667%}:host ::ng-deep .col-lg-12{flex:0 0 auto;width:100%}:host ::ng-deep .offset-lg-0{margin-left:0}:host ::ng-deep .offset-lg-1{margin-left:8.33333333%}:host ::ng-deep .offset-lg-2{margin-left:16.66666667%}:host ::ng-deep .offset-lg-3{margin-left:25%}:host ::ng-deep .offset-lg-4{margin-left:33.33333333%}:host ::ng-deep .offset-lg-5{margin-left:41.66666667%}:host ::ng-deep .offset-lg-6{margin-left:50%}:host ::ng-deep .offset-lg-7{margin-left:58.33333333%}:host ::ng-deep .offset-lg-8{margin-left:66.66666667%}:host ::ng-deep .offset-lg-9{margin-left:75%}:host ::ng-deep .offset-lg-10{margin-left:83.33333333%}:host ::ng-deep .offset-lg-11{margin-left:91.66666667%}:host ::ng-deep .g-lg-0,:host ::ng-deep .gx-lg-0{--bs-gutter-x: 0}:host ::ng-deep .g-lg-0,:host ::ng-deep .gy-lg-0{--bs-gutter-y: 0}:host ::ng-deep .g-lg-1,:host ::ng-deep .gx-lg-1{--bs-gutter-x: .25rem}:host ::ng-deep .g-lg-1,:host ::ng-deep .gy-lg-1{--bs-gutter-y: .25rem}:host ::ng-deep .g-lg-2,:host ::ng-deep .gx-lg-2{--bs-gutter-x: .5rem}:host ::ng-deep .g-lg-2,:host ::ng-deep .gy-lg-2{--bs-gutter-y: .5rem}:host ::ng-deep .g-lg-3,:host ::ng-deep .gx-lg-3{--bs-gutter-x: 1rem}:host ::ng-deep .g-lg-3,:host ::ng-deep .gy-lg-3{--bs-gutter-y: 1rem}:host ::ng-deep .g-lg-4,:host ::ng-deep .gx-lg-4{--bs-gutter-x: 1.5rem}:host ::ng-deep .g-lg-4,:host ::ng-deep .gy-lg-4{--bs-gutter-y: 1.5rem}:host ::ng-deep .g-lg-5,:host ::ng-deep .gx-lg-5{--bs-gutter-x: 3rem}:host ::ng-deep .g-lg-5,:host ::ng-deep .gy-lg-5{--bs-gutter-y: 3rem}}@media (min-width: 1200px){:host ::ng-deep .col-xl{flex:1 0 0%}:host ::ng-deep .row-cols-xl-auto>*{flex:0 0 auto;width:auto}:host ::ng-deep .row-cols-xl-1>*{flex:0 0 auto;width:100%}:host ::ng-deep .row-cols-xl-2>*{flex:0 0 auto;width:50%}:host ::ng-deep .row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}:host ::ng-deep .row-cols-xl-4>*{flex:0 0 auto;width:25%}:host ::ng-deep .row-cols-xl-5>*{flex:0 0 auto;width:20%}:host ::ng-deep .row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}:host ::ng-deep .col-xl-auto{flex:0 0 auto;width:auto}:host ::ng-deep .col-xl-1{flex:0 0 auto;width:8.33333333%}:host ::ng-deep .col-xl-2{flex:0 0 auto;width:16.66666667%}:host ::ng-deep .col-xl-3{flex:0 0 auto;width:25%}:host ::ng-deep .col-xl-4{flex:0 0 auto;width:33.33333333%}:host ::ng-deep .col-xl-5{flex:0 0 auto;width:41.66666667%}:host ::ng-deep .col-xl-6{flex:0 0 auto;width:50%}:host ::ng-deep .col-xl-7{flex:0 0 auto;width:58.33333333%}:host ::ng-deep .col-xl-8{flex:0 0 auto;width:66.66666667%}:host ::ng-deep .col-xl-9{flex:0 0 auto;width:75%}:host ::ng-deep .col-xl-10{flex:0 0 auto;width:83.33333333%}:host ::ng-deep .col-xl-11{flex:0 0 auto;width:91.66666667%}:host ::ng-deep .col-xl-12{flex:0 0 auto;width:100%}:host ::ng-deep .offset-xl-0{margin-left:0}:host ::ng-deep .offset-xl-1{margin-left:8.33333333%}:host ::ng-deep .offset-xl-2{margin-left:16.66666667%}:host ::ng-deep .offset-xl-3{margin-left:25%}:host ::ng-deep .offset-xl-4{margin-left:33.33333333%}:host ::ng-deep .offset-xl-5{margin-left:41.66666667%}:host ::ng-deep .offset-xl-6{margin-left:50%}:host ::ng-deep .offset-xl-7{margin-left:58.33333333%}:host ::ng-deep .offset-xl-8{margin-left:66.66666667%}:host ::ng-deep .offset-xl-9{margin-left:75%}:host ::ng-deep .offset-xl-10{margin-left:83.33333333%}:host ::ng-deep .offset-xl-11{margin-left:91.66666667%}:host ::ng-deep .g-xl-0,:host ::ng-deep .gx-xl-0{--bs-gutter-x: 0}:host ::ng-deep .g-xl-0,:host ::ng-deep .gy-xl-0{--bs-gutter-y: 0}:host ::ng-deep .g-xl-1,:host ::ng-deep .gx-xl-1{--bs-gutter-x: .25rem}:host ::ng-deep .g-xl-1,:host ::ng-deep .gy-xl-1{--bs-gutter-y: .25rem}:host ::ng-deep .g-xl-2,:host ::ng-deep .gx-xl-2{--bs-gutter-x: .5rem}:host ::ng-deep .g-xl-2,:host ::ng-deep .gy-xl-2{--bs-gutter-y: .5rem}:host ::ng-deep .g-xl-3,:host ::ng-deep .gx-xl-3{--bs-gutter-x: 1rem}:host ::ng-deep .g-xl-3,:host ::ng-deep .gy-xl-3{--bs-gutter-y: 1rem}:host ::ng-deep .g-xl-4,:host ::ng-deep .gx-xl-4{--bs-gutter-x: 1.5rem}:host ::ng-deep .g-xl-4,:host ::ng-deep .gy-xl-4{--bs-gutter-y: 1.5rem}:host ::ng-deep .g-xl-5,:host ::ng-deep .gx-xl-5{--bs-gutter-x: 3rem}:host ::ng-deep .g-xl-5,:host ::ng-deep .gy-xl-5{--bs-gutter-y: 3rem}}@media (min-width: 1400px){:host ::ng-deep .col-xxl{flex:1 0 0%}:host ::ng-deep .row-cols-xxl-auto>*{flex:0 0 auto;width:auto}:host ::ng-deep .row-cols-xxl-1>*{flex:0 0 auto;width:100%}:host ::ng-deep .row-cols-xxl-2>*{flex:0 0 auto;width:50%}:host ::ng-deep .row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}:host ::ng-deep .row-cols-xxl-4>*{flex:0 0 auto;width:25%}:host ::ng-deep .row-cols-xxl-5>*{flex:0 0 auto;width:20%}:host ::ng-deep .row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}:host ::ng-deep .col-xxl-auto{flex:0 0 auto;width:auto}:host ::ng-deep .col-xxl-1{flex:0 0 auto;width:8.33333333%}:host ::ng-deep .col-xxl-2{flex:0 0 auto;width:16.66666667%}:host ::ng-deep .col-xxl-3{flex:0 0 auto;width:25%}:host ::ng-deep .col-xxl-4{flex:0 0 auto;width:33.33333333%}:host ::ng-deep .col-xxl-5{flex:0 0 auto;width:41.66666667%}:host ::ng-deep .col-xxl-6{flex:0 0 auto;width:50%}:host ::ng-deep .col-xxl-7{flex:0 0 auto;width:58.33333333%}:host ::ng-deep .col-xxl-8{flex:0 0 auto;width:66.66666667%}:host ::ng-deep .col-xxl-9{flex:0 0 auto;width:75%}:host ::ng-deep .col-xxl-10{flex:0 0 auto;width:83.33333333%}:host ::ng-deep .col-xxl-11{flex:0 0 auto;width:91.66666667%}:host ::ng-deep .col-xxl-12{flex:0 0 auto;width:100%}:host ::ng-deep .offset-xxl-0{margin-left:0}:host ::ng-deep .offset-xxl-1{margin-left:8.33333333%}:host ::ng-deep .offset-xxl-2{margin-left:16.66666667%}:host ::ng-deep .offset-xxl-3{margin-left:25%}:host ::ng-deep .offset-xxl-4{margin-left:33.33333333%}:host ::ng-deep .offset-xxl-5{margin-left:41.66666667%}:host ::ng-deep .offset-xxl-6{margin-left:50%}:host ::ng-deep .offset-xxl-7{margin-left:58.33333333%}:host ::ng-deep .offset-xxl-8{margin-left:66.66666667%}:host ::ng-deep .offset-xxl-9{margin-left:75%}:host ::ng-deep .offset-xxl-10{margin-left:83.33333333%}:host ::ng-deep .offset-xxl-11{margin-left:91.66666667%}:host ::ng-deep .g-xxl-0,:host ::ng-deep .gx-xxl-0{--bs-gutter-x: 0}:host ::ng-deep .g-xxl-0,:host ::ng-deep .gy-xxl-0{--bs-gutter-y: 0}:host ::ng-deep .g-xxl-1,:host ::ng-deep .gx-xxl-1{--bs-gutter-x: .25rem}:host ::ng-deep .g-xxl-1,:host ::ng-deep .gy-xxl-1{--bs-gutter-y: .25rem}:host ::ng-deep .g-xxl-2,:host ::ng-deep .gx-xxl-2{--bs-gutter-x: .5rem}:host ::ng-deep .g-xxl-2,:host ::ng-deep .gy-xxl-2{--bs-gutter-y: .5rem}:host ::ng-deep .g-xxl-3,:host ::ng-deep .gx-xxl-3{--bs-gutter-x: 1rem}:host ::ng-deep .g-xxl-3,:host ::ng-deep .gy-xxl-3{--bs-gutter-y: 1rem}:host ::ng-deep .g-xxl-4,:host ::ng-deep .gx-xxl-4{--bs-gutter-x: 1.5rem}:host ::ng-deep .g-xxl-4,:host ::ng-deep .gy-xxl-4{--bs-gutter-y: 1.5rem}:host ::ng-deep .g-xxl-5,:host ::ng-deep .gx-xxl-5{--bs-gutter-x: 3rem}:host ::ng-deep .g-xxl-5,:host ::ng-deep .gy-xxl-5{--bs-gutter-y: 3rem}}:host{display:contents}\n"], dependencies: [{ kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
1284
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsGridComponent, decorators: [{
1285
+ type: Component,
1286
+ args: [{ selector: 'bs-grid', template: "<div [class]=\"containerClass$ | async\">\n <ng-content></ng-content>\n</div>", styles: [":host ::ng-deep .clearfix:after{display:block;clear:both;content:\"\"}:host ::ng-deep .text-bg-primary{color:#fff!important;background-color:RGBA(13,110,253,var(--bs-bg-opacity, 1))!important}:host ::ng-deep .text-bg-secondary{color:#fff!important;background-color:RGBA(108,117,125,var(--bs-bg-opacity, 1))!important}:host ::ng-deep .text-bg-success{color:#fff!important;background-color:RGBA(25,135,84,var(--bs-bg-opacity, 1))!important}:host ::ng-deep .text-bg-info{color:#000!important;background-color:RGBA(13,202,240,var(--bs-bg-opacity, 1))!important}:host ::ng-deep .text-bg-warning{color:#000!important;background-color:RGBA(255,193,7,var(--bs-bg-opacity, 1))!important}:host ::ng-deep .text-bg-danger{color:#fff!important;background-color:RGBA(220,53,69,var(--bs-bg-opacity, 1))!important}:host ::ng-deep .text-bg-light{color:#000!important;background-color:RGBA(248,249,250,var(--bs-bg-opacity, 1))!important}:host ::ng-deep .text-bg-dark{color:#fff!important;background-color:RGBA(33,37,41,var(--bs-bg-opacity, 1))!important}:host ::ng-deep .link-primary{color:#0d6efd!important}:host ::ng-deep .link-primary:hover,:host ::ng-deep .link-primary:focus{color:#0a58ca!important}:host ::ng-deep .link-secondary{color:#6c757d!important}:host ::ng-deep .link-secondary:hover,:host ::ng-deep .link-secondary:focus{color:#565e64!important}:host ::ng-deep .link-success{color:#198754!important}:host ::ng-deep .link-success:hover,:host ::ng-deep .link-success:focus{color:#146c43!important}:host ::ng-deep .link-info{color:#0dcaf0!important}:host ::ng-deep .link-info:hover,:host ::ng-deep .link-info:focus{color:#3dd5f3!important}:host ::ng-deep .link-warning{color:#ffc107!important}:host ::ng-deep .link-warning:hover,:host ::ng-deep .link-warning:focus{color:#ffcd39!important}:host ::ng-deep .link-danger{color:#dc3545!important}:host ::ng-deep .link-danger:hover,:host ::ng-deep .link-danger:focus{color:#b02a37!important}:host ::ng-deep .link-light{color:#f8f9fa!important}:host ::ng-deep .link-light:hover,:host ::ng-deep .link-light:focus{color:#f9fafb!important}:host ::ng-deep .link-dark{color:#212529!important}:host ::ng-deep .link-dark:hover,:host ::ng-deep .link-dark:focus{color:#1a1e21!important}:host ::ng-deep .ratio{position:relative;width:100%}:host ::ng-deep .ratio:before{display:block;padding-top:var(--bs-aspect-ratio);content:\"\"}:host ::ng-deep .ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}:host ::ng-deep .ratio-1x1{--bs-aspect-ratio: 100%}:host ::ng-deep .ratio-4x3{--bs-aspect-ratio: 75%}:host ::ng-deep .ratio-16x9{--bs-aspect-ratio: 56.25%}:host ::ng-deep .ratio-21x9{--bs-aspect-ratio: 42.8571428571%}:host ::ng-deep .fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}:host ::ng-deep .fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}:host ::ng-deep .sticky-top{position:sticky;top:0;z-index:1020}:host ::ng-deep .sticky-bottom{position:sticky;bottom:0;z-index:1020}@media (min-width: 576px){:host ::ng-deep .sticky-sm-top{position:sticky;top:0;z-index:1020}:host ::ng-deep .sticky-sm-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 768px){:host ::ng-deep .sticky-md-top{position:sticky;top:0;z-index:1020}:host ::ng-deep .sticky-md-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 992px){:host ::ng-deep .sticky-lg-top{position:sticky;top:0;z-index:1020}:host ::ng-deep .sticky-lg-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 1200px){:host ::ng-deep .sticky-xl-top{position:sticky;top:0;z-index:1020}:host ::ng-deep .sticky-xl-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 1400px){:host ::ng-deep .sticky-xxl-top{position:sticky;top:0;z-index:1020}:host ::ng-deep .sticky-xxl-bottom{position:sticky;bottom:0;z-index:1020}}:host ::ng-deep .hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}:host ::ng-deep .vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}:host ::ng-deep .visually-hidden,:host ::ng-deep .visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}:host ::ng-deep .stretched-link:after{position:absolute;inset:0;z-index:1;content:\"\"}:host ::ng-deep .text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .vr{display:inline-block;align-self:stretch;width:1px;min-height:1em;background-color:currentcolor;opacity:.25}:host ::ng-deep .align-baseline{vertical-align:baseline!important}:host ::ng-deep .align-top{vertical-align:top!important}:host ::ng-deep .align-middle{vertical-align:middle!important}:host ::ng-deep .align-bottom{vertical-align:bottom!important}:host ::ng-deep .align-text-bottom{vertical-align:text-bottom!important}:host ::ng-deep .align-text-top{vertical-align:text-top!important}:host ::ng-deep .float-start{float:left!important}:host ::ng-deep .float-end{float:right!important}:host ::ng-deep .float-none{float:none!important}:host ::ng-deep .opacity-0{opacity:0!important}:host ::ng-deep .opacity-25{opacity:.25!important}:host ::ng-deep .opacity-50{opacity:.5!important}:host ::ng-deep .opacity-75{opacity:.75!important}:host ::ng-deep .opacity-100{opacity:1!important}:host ::ng-deep .overflow-auto{overflow:auto!important}:host ::ng-deep .overflow-hidden{overflow:hidden!important}:host ::ng-deep .overflow-visible{overflow:visible!important}:host ::ng-deep .overflow-scroll{overflow:scroll!important}:host ::ng-deep .d-inline{display:inline!important}:host ::ng-deep .d-inline-block{display:inline-block!important}:host ::ng-deep .d-block{display:block!important}:host ::ng-deep .d-grid{display:grid!important}:host ::ng-deep .d-table{display:table!important}:host ::ng-deep .d-table-row{display:table-row!important}:host ::ng-deep .d-table-cell{display:table-cell!important}:host ::ng-deep .d-flex{display:flex!important}:host ::ng-deep .d-inline-flex{display:inline-flex!important}:host ::ng-deep .d-none{display:none!important}:host ::ng-deep .shadow{box-shadow:0 .5rem 1rem #00000026!important}:host ::ng-deep .shadow-sm{box-shadow:0 .125rem .25rem #00000013!important}:host ::ng-deep .shadow-lg{box-shadow:0 1rem 3rem #0000002d!important}:host ::ng-deep .shadow-none{box-shadow:none!important}:host ::ng-deep .position-static{position:static!important}:host ::ng-deep .position-relative{position:relative!important}:host ::ng-deep .position-absolute{position:absolute!important}:host ::ng-deep .position-fixed{position:fixed!important}:host ::ng-deep .position-sticky{position:sticky!important}:host ::ng-deep .top-0{top:0!important}:host ::ng-deep .top-50{top:50%!important}:host ::ng-deep .top-100{top:100%!important}:host ::ng-deep .bottom-0{bottom:0!important}:host ::ng-deep .bottom-50{bottom:50%!important}:host ::ng-deep .bottom-100{bottom:100%!important}:host ::ng-deep .start-0{left:0!important}:host ::ng-deep .start-50{left:50%!important}:host ::ng-deep .start-100{left:100%!important}:host ::ng-deep .end-0{right:0!important}:host ::ng-deep .end-50{right:50%!important}:host ::ng-deep .end-100{right:100%!important}:host ::ng-deep .translate-middle{transform:translate(-50%,-50%)!important}:host ::ng-deep .translate-middle-x{transform:translate(-50%)!important}:host ::ng-deep .translate-middle-y{transform:translateY(-50%)!important}:host ::ng-deep .border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}:host ::ng-deep .border-0{border:0!important}:host ::ng-deep .border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}:host ::ng-deep .border-top-0{border-top:0!important}:host ::ng-deep .border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}:host ::ng-deep .border-end-0{border-right:0!important}:host ::ng-deep .border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}:host ::ng-deep .border-bottom-0{border-bottom:0!important}:host ::ng-deep .border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}:host ::ng-deep .border-start-0{border-left:0!important}:host ::ng-deep .border-primary{--bs-border-opacity: 1;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}:host ::ng-deep .border-secondary{--bs-border-opacity: 1;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}:host ::ng-deep .border-success{--bs-border-opacity: 1;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}:host ::ng-deep .border-info{--bs-border-opacity: 1;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}:host ::ng-deep .border-warning{--bs-border-opacity: 1;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}:host ::ng-deep .border-danger{--bs-border-opacity: 1;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}:host ::ng-deep .border-light{--bs-border-opacity: 1;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}:host ::ng-deep .border-dark{--bs-border-opacity: 1;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}:host ::ng-deep .border-white{--bs-border-opacity: 1;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}:host ::ng-deep .border-1{--bs-border-width: 1px}:host ::ng-deep .border-2{--bs-border-width: 2px}:host ::ng-deep .border-3{--bs-border-width: 3px}:host ::ng-deep .border-4{--bs-border-width: 4px}:host ::ng-deep .border-5{--bs-border-width: 5px}:host ::ng-deep .border-opacity-10{--bs-border-opacity: .1}:host ::ng-deep .border-opacity-25{--bs-border-opacity: .25}:host ::ng-deep .border-opacity-50{--bs-border-opacity: .5}:host ::ng-deep .border-opacity-75{--bs-border-opacity: .75}:host ::ng-deep .border-opacity-100{--bs-border-opacity: 1}:host ::ng-deep .w-25{width:25%!important}:host ::ng-deep .w-50{width:50%!important}:host ::ng-deep .w-75{width:75%!important}:host ::ng-deep .w-100{width:100%!important}:host ::ng-deep .w-auto{width:auto!important}:host ::ng-deep .mw-100{max-width:100%!important}:host ::ng-deep .vw-100{width:100vw!important}:host ::ng-deep .min-vw-100{min-width:100vw!important}:host ::ng-deep .h-25{height:25%!important}:host ::ng-deep .h-50{height:50%!important}:host ::ng-deep .h-75{height:75%!important}:host ::ng-deep .h-100{height:100%!important}:host ::ng-deep .h-auto{height:auto!important}:host ::ng-deep .mh-100{max-height:100%!important}:host ::ng-deep .vh-100{height:100vh!important}:host ::ng-deep .min-vh-100{min-height:100vh!important}:host ::ng-deep .flex-fill{flex:1 1 auto!important}:host ::ng-deep .flex-row{flex-direction:row!important}:host ::ng-deep .flex-column{flex-direction:column!important}:host ::ng-deep .flex-row-reverse{flex-direction:row-reverse!important}:host ::ng-deep .flex-column-reverse{flex-direction:column-reverse!important}:host ::ng-deep .flex-grow-0{flex-grow:0!important}:host ::ng-deep .flex-grow-1{flex-grow:1!important}:host ::ng-deep .flex-shrink-0{flex-shrink:0!important}:host ::ng-deep .flex-shrink-1{flex-shrink:1!important}:host ::ng-deep .flex-wrap{flex-wrap:wrap!important}:host ::ng-deep .flex-nowrap{flex-wrap:nowrap!important}:host ::ng-deep .flex-wrap-reverse{flex-wrap:wrap-reverse!important}:host ::ng-deep .justify-content-start{justify-content:flex-start!important}:host ::ng-deep .justify-content-end{justify-content:flex-end!important}:host ::ng-deep .justify-content-center{justify-content:center!important}:host ::ng-deep .justify-content-between{justify-content:space-between!important}:host ::ng-deep .justify-content-around{justify-content:space-around!important}:host ::ng-deep .justify-content-evenly{justify-content:space-evenly!important}:host ::ng-deep .align-items-start{align-items:flex-start!important}:host ::ng-deep .align-items-end{align-items:flex-end!important}:host ::ng-deep .align-items-center{align-items:center!important}:host ::ng-deep .align-items-baseline{align-items:baseline!important}:host ::ng-deep .align-items-stretch{align-items:stretch!important}:host ::ng-deep .align-content-start{align-content:flex-start!important}:host ::ng-deep .align-content-end{align-content:flex-end!important}:host ::ng-deep .align-content-center{align-content:center!important}:host ::ng-deep .align-content-between{align-content:space-between!important}:host ::ng-deep .align-content-around{align-content:space-around!important}:host ::ng-deep .align-content-stretch{align-content:stretch!important}:host ::ng-deep .align-self-auto{align-self:auto!important}:host ::ng-deep .align-self-start{align-self:flex-start!important}:host ::ng-deep .align-self-end{align-self:flex-end!important}:host ::ng-deep .align-self-center{align-self:center!important}:host ::ng-deep .align-self-baseline{align-self:baseline!important}:host ::ng-deep .align-self-stretch{align-self:stretch!important}:host ::ng-deep .order-first{order:-1!important}:host ::ng-deep .order-0{order:0!important}:host ::ng-deep .order-1{order:1!important}:host ::ng-deep .order-2{order:2!important}:host ::ng-deep .order-3{order:3!important}:host ::ng-deep .order-4{order:4!important}:host ::ng-deep .order-5{order:5!important}:host ::ng-deep .order-last{order:6!important}:host ::ng-deep .m-0{margin:0!important}:host ::ng-deep .m-1{margin:.25rem!important}:host ::ng-deep .m-2{margin:.5rem!important}:host ::ng-deep .m-3{margin:1rem!important}:host ::ng-deep .m-4{margin:1.5rem!important}:host ::ng-deep .m-5{margin:3rem!important}:host ::ng-deep .m-auto{margin:auto!important}:host ::ng-deep .mx-0{margin-right:0!important;margin-left:0!important}:host ::ng-deep .mx-1{margin-right:.25rem!important;margin-left:.25rem!important}:host ::ng-deep .mx-2{margin-right:.5rem!important;margin-left:.5rem!important}:host ::ng-deep .mx-3{margin-right:1rem!important;margin-left:1rem!important}:host ::ng-deep .mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}:host ::ng-deep .mx-5{margin-right:3rem!important;margin-left:3rem!important}:host ::ng-deep .mx-auto{margin-right:auto!important;margin-left:auto!important}:host ::ng-deep .my-0{margin-top:0!important;margin-bottom:0!important}:host ::ng-deep .my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}:host ::ng-deep .my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}:host ::ng-deep .my-3{margin-top:1rem!important;margin-bottom:1rem!important}:host ::ng-deep .my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}:host ::ng-deep .my-5{margin-top:3rem!important;margin-bottom:3rem!important}:host ::ng-deep .my-auto{margin-top:auto!important;margin-bottom:auto!important}:host ::ng-deep .mt-0{margin-top:0!important}:host ::ng-deep .mt-1{margin-top:.25rem!important}:host ::ng-deep .mt-2{margin-top:.5rem!important}:host ::ng-deep .mt-3{margin-top:1rem!important}:host ::ng-deep .mt-4{margin-top:1.5rem!important}:host ::ng-deep .mt-5{margin-top:3rem!important}:host ::ng-deep .mt-auto{margin-top:auto!important}:host ::ng-deep .me-0{margin-right:0!important}:host ::ng-deep .me-1{margin-right:.25rem!important}:host ::ng-deep .me-2{margin-right:.5rem!important}:host ::ng-deep .me-3{margin-right:1rem!important}:host ::ng-deep .me-4{margin-right:1.5rem!important}:host ::ng-deep .me-5{margin-right:3rem!important}:host ::ng-deep .me-auto{margin-right:auto!important}:host ::ng-deep .mb-0{margin-bottom:0!important}:host ::ng-deep .mb-1{margin-bottom:.25rem!important}:host ::ng-deep .mb-2{margin-bottom:.5rem!important}:host ::ng-deep .mb-3{margin-bottom:1rem!important}:host ::ng-deep .mb-4{margin-bottom:1.5rem!important}:host ::ng-deep .mb-5{margin-bottom:3rem!important}:host ::ng-deep .mb-auto{margin-bottom:auto!important}:host ::ng-deep .ms-0{margin-left:0!important}:host ::ng-deep .ms-1{margin-left:.25rem!important}:host ::ng-deep .ms-2{margin-left:.5rem!important}:host ::ng-deep .ms-3{margin-left:1rem!important}:host ::ng-deep .ms-4{margin-left:1.5rem!important}:host ::ng-deep .ms-5{margin-left:3rem!important}:host ::ng-deep .ms-auto{margin-left:auto!important}:host ::ng-deep .p-0{padding:0!important}:host ::ng-deep .p-1{padding:.25rem!important}:host ::ng-deep .p-2{padding:.5rem!important}:host ::ng-deep .p-3{padding:1rem!important}:host ::ng-deep .p-4{padding:1.5rem!important}:host ::ng-deep .p-5{padding:3rem!important}:host ::ng-deep .px-0{padding-right:0!important;padding-left:0!important}:host ::ng-deep .px-1{padding-right:.25rem!important;padding-left:.25rem!important}:host ::ng-deep .px-2{padding-right:.5rem!important;padding-left:.5rem!important}:host ::ng-deep .px-3{padding-right:1rem!important;padding-left:1rem!important}:host ::ng-deep .px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}:host ::ng-deep .px-5{padding-right:3rem!important;padding-left:3rem!important}:host ::ng-deep .py-0{padding-top:0!important;padding-bottom:0!important}:host ::ng-deep .py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}:host ::ng-deep .py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}:host ::ng-deep .py-3{padding-top:1rem!important;padding-bottom:1rem!important}:host ::ng-deep .py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}:host ::ng-deep .py-5{padding-top:3rem!important;padding-bottom:3rem!important}:host ::ng-deep .pt-0{padding-top:0!important}:host ::ng-deep .pt-1{padding-top:.25rem!important}:host ::ng-deep .pt-2{padding-top:.5rem!important}:host ::ng-deep .pt-3{padding-top:1rem!important}:host ::ng-deep .pt-4{padding-top:1.5rem!important}:host ::ng-deep .pt-5{padding-top:3rem!important}:host ::ng-deep .pe-0{padding-right:0!important}:host ::ng-deep .pe-1{padding-right:.25rem!important}:host ::ng-deep .pe-2{padding-right:.5rem!important}:host ::ng-deep .pe-3{padding-right:1rem!important}:host ::ng-deep .pe-4{padding-right:1.5rem!important}:host ::ng-deep .pe-5{padding-right:3rem!important}:host ::ng-deep .pb-0{padding-bottom:0!important}:host ::ng-deep .pb-1{padding-bottom:.25rem!important}:host ::ng-deep .pb-2{padding-bottom:.5rem!important}:host ::ng-deep .pb-3{padding-bottom:1rem!important}:host ::ng-deep .pb-4{padding-bottom:1.5rem!important}:host ::ng-deep .pb-5{padding-bottom:3rem!important}:host ::ng-deep .ps-0{padding-left:0!important}:host ::ng-deep .ps-1{padding-left:.25rem!important}:host ::ng-deep .ps-2{padding-left:.5rem!important}:host ::ng-deep .ps-3{padding-left:1rem!important}:host ::ng-deep .ps-4{padding-left:1.5rem!important}:host ::ng-deep .ps-5{padding-left:3rem!important}:host ::ng-deep .gap-0{gap:0!important}:host ::ng-deep .gap-1{gap:.25rem!important}:host ::ng-deep .gap-2{gap:.5rem!important}:host ::ng-deep .gap-3{gap:1rem!important}:host ::ng-deep .gap-4{gap:1.5rem!important}:host ::ng-deep .gap-5{gap:3rem!important}:host ::ng-deep .font-monospace{font-family:var(--bs-font-monospace)!important}:host ::ng-deep .fs-1{font-size:calc(1.375rem + 1.5vw)!important}:host ::ng-deep .fs-2{font-size:calc(1.325rem + .9vw)!important}:host ::ng-deep .fs-3{font-size:calc(1.3rem + .6vw)!important}:host ::ng-deep .fs-4{font-size:calc(1.275rem + .3vw)!important}:host ::ng-deep .fs-5{font-size:1.25rem!important}:host ::ng-deep .fs-6{font-size:1rem!important}:host ::ng-deep .fst-italic{font-style:italic!important}:host ::ng-deep .fst-normal{font-style:normal!important}:host ::ng-deep .fw-light{font-weight:300!important}:host ::ng-deep .fw-lighter{font-weight:lighter!important}:host ::ng-deep .fw-normal{font-weight:400!important}:host ::ng-deep .fw-bold{font-weight:700!important}:host ::ng-deep .fw-semibold{font-weight:600!important}:host ::ng-deep .fw-bolder{font-weight:bolder!important}:host ::ng-deep .lh-1{line-height:1!important}:host ::ng-deep .lh-sm{line-height:1.25!important}:host ::ng-deep .lh-base{line-height:1.5!important}:host ::ng-deep .lh-lg{line-height:2!important}:host ::ng-deep .text-start{text-align:left!important}:host ::ng-deep .text-end{text-align:right!important}:host ::ng-deep .text-center{text-align:center!important}:host ::ng-deep .text-decoration-none{text-decoration:none!important}:host ::ng-deep .text-decoration-underline{text-decoration:underline!important}:host ::ng-deep .text-decoration-line-through{text-decoration:line-through!important}:host ::ng-deep .text-lowercase{text-transform:lowercase!important}:host ::ng-deep .text-uppercase{text-transform:uppercase!important}:host ::ng-deep .text-capitalize{text-transform:capitalize!important}:host ::ng-deep .text-wrap{white-space:normal!important}:host ::ng-deep .text-nowrap{white-space:nowrap!important}:host ::ng-deep .text-break{word-wrap:break-word!important;word-break:break-word!important}:host ::ng-deep .text-primary{--bs-text-opacity: 1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}:host ::ng-deep .text-secondary{--bs-text-opacity: 1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}:host ::ng-deep .text-success{--bs-text-opacity: 1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}:host ::ng-deep .text-info{--bs-text-opacity: 1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}:host ::ng-deep .text-warning{--bs-text-opacity: 1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}:host ::ng-deep .text-danger{--bs-text-opacity: 1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}:host ::ng-deep .text-light{--bs-text-opacity: 1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}:host ::ng-deep .text-dark{--bs-text-opacity: 1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}:host ::ng-deep .text-black{--bs-text-opacity: 1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}:host ::ng-deep .text-white{--bs-text-opacity: 1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}:host ::ng-deep .text-body{--bs-text-opacity: 1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}:host ::ng-deep .text-muted{--bs-text-opacity: 1;color:#6c757d!important}:host ::ng-deep .text-black-50{--bs-text-opacity: 1;color:#00000080!important}:host ::ng-deep .text-white-50{--bs-text-opacity: 1;color:#ffffff80!important}:host ::ng-deep .text-reset{--bs-text-opacity: 1;color:inherit!important}:host ::ng-deep .text-opacity-25{--bs-text-opacity: .25}:host ::ng-deep .text-opacity-50{--bs-text-opacity: .5}:host ::ng-deep .text-opacity-75{--bs-text-opacity: .75}:host ::ng-deep .text-opacity-100{--bs-text-opacity: 1}:host ::ng-deep .bg-primary{--bs-bg-opacity: 1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}:host ::ng-deep .bg-secondary{--bs-bg-opacity: 1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}:host ::ng-deep .bg-success{--bs-bg-opacity: 1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}:host ::ng-deep .bg-info{--bs-bg-opacity: 1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}:host ::ng-deep .bg-warning{--bs-bg-opacity: 1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}:host ::ng-deep .bg-danger{--bs-bg-opacity: 1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}:host ::ng-deep .bg-light{--bs-bg-opacity: 1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}:host ::ng-deep .bg-dark{--bs-bg-opacity: 1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}:host ::ng-deep .bg-black{--bs-bg-opacity: 1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}:host ::ng-deep .bg-white{--bs-bg-opacity: 1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}:host ::ng-deep .bg-body{--bs-bg-opacity: 1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}:host ::ng-deep .bg-transparent{--bs-bg-opacity: 1;background-color:transparent!important}:host ::ng-deep .bg-opacity-10{--bs-bg-opacity: .1}:host ::ng-deep .bg-opacity-25{--bs-bg-opacity: .25}:host ::ng-deep .bg-opacity-50{--bs-bg-opacity: .5}:host ::ng-deep .bg-opacity-75{--bs-bg-opacity: .75}:host ::ng-deep .bg-opacity-100{--bs-bg-opacity: 1}:host ::ng-deep .bg-gradient{background-image:var(--bs-gradient)!important}:host ::ng-deep .user-select-all{-webkit-user-select:all!important;user-select:all!important}:host ::ng-deep .user-select-auto{-webkit-user-select:auto!important;user-select:auto!important}:host ::ng-deep .user-select-none{-webkit-user-select:none!important;user-select:none!important}:host ::ng-deep .pe-none{pointer-events:none!important}:host ::ng-deep .pe-auto{pointer-events:auto!important}:host ::ng-deep .rounded{border-radius:var(--bs-border-radius)!important}:host ::ng-deep .rounded-0{border-radius:0!important}:host ::ng-deep .rounded-1{border-radius:var(--bs-border-radius-sm)!important}:host ::ng-deep .rounded-2{border-radius:var(--bs-border-radius)!important}:host ::ng-deep .rounded-3{border-radius:var(--bs-border-radius-lg)!important}:host ::ng-deep .rounded-4{border-radius:var(--bs-border-radius-xl)!important}:host ::ng-deep .rounded-5{border-radius:var(--bs-border-radius-2xl)!important}:host ::ng-deep .rounded-circle{border-radius:50%!important}:host ::ng-deep .rounded-pill{border-radius:var(--bs-border-radius-pill)!important}:host ::ng-deep .rounded-top{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}:host ::ng-deep .rounded-end{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}:host ::ng-deep .rounded-bottom{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}:host ::ng-deep .rounded-start{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}:host ::ng-deep .visible{visibility:visible!important}:host ::ng-deep .invisible{visibility:hidden!important}@media (min-width: 576px){:host ::ng-deep .float-sm-start{float:left!important}:host ::ng-deep .float-sm-end{float:right!important}:host ::ng-deep .float-sm-none{float:none!important}:host ::ng-deep .d-sm-inline{display:inline!important}:host ::ng-deep .d-sm-inline-block{display:inline-block!important}:host ::ng-deep .d-sm-block{display:block!important}:host ::ng-deep .d-sm-grid{display:grid!important}:host ::ng-deep .d-sm-table{display:table!important}:host ::ng-deep .d-sm-table-row{display:table-row!important}:host ::ng-deep .d-sm-table-cell{display:table-cell!important}:host ::ng-deep .d-sm-flex{display:flex!important}:host ::ng-deep .d-sm-inline-flex{display:inline-flex!important}:host ::ng-deep .d-sm-none{display:none!important}:host ::ng-deep .flex-sm-fill{flex:1 1 auto!important}:host ::ng-deep .flex-sm-row{flex-direction:row!important}:host ::ng-deep .flex-sm-column{flex-direction:column!important}:host ::ng-deep .flex-sm-row-reverse{flex-direction:row-reverse!important}:host ::ng-deep .flex-sm-column-reverse{flex-direction:column-reverse!important}:host ::ng-deep .flex-sm-grow-0{flex-grow:0!important}:host ::ng-deep .flex-sm-grow-1{flex-grow:1!important}:host ::ng-deep .flex-sm-shrink-0{flex-shrink:0!important}:host ::ng-deep .flex-sm-shrink-1{flex-shrink:1!important}:host ::ng-deep .flex-sm-wrap{flex-wrap:wrap!important}:host ::ng-deep .flex-sm-nowrap{flex-wrap:nowrap!important}:host ::ng-deep .flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}:host ::ng-deep .justify-content-sm-start{justify-content:flex-start!important}:host ::ng-deep .justify-content-sm-end{justify-content:flex-end!important}:host ::ng-deep .justify-content-sm-center{justify-content:center!important}:host ::ng-deep .justify-content-sm-between{justify-content:space-between!important}:host ::ng-deep .justify-content-sm-around{justify-content:space-around!important}:host ::ng-deep .justify-content-sm-evenly{justify-content:space-evenly!important}:host ::ng-deep .align-items-sm-start{align-items:flex-start!important}:host ::ng-deep .align-items-sm-end{align-items:flex-end!important}:host ::ng-deep .align-items-sm-center{align-items:center!important}:host ::ng-deep .align-items-sm-baseline{align-items:baseline!important}:host ::ng-deep .align-items-sm-stretch{align-items:stretch!important}:host ::ng-deep .align-content-sm-start{align-content:flex-start!important}:host ::ng-deep .align-content-sm-end{align-content:flex-end!important}:host ::ng-deep .align-content-sm-center{align-content:center!important}:host ::ng-deep .align-content-sm-between{align-content:space-between!important}:host ::ng-deep .align-content-sm-around{align-content:space-around!important}:host ::ng-deep .align-content-sm-stretch{align-content:stretch!important}:host ::ng-deep .align-self-sm-auto{align-self:auto!important}:host ::ng-deep .align-self-sm-start{align-self:flex-start!important}:host ::ng-deep .align-self-sm-end{align-self:flex-end!important}:host ::ng-deep .align-self-sm-center{align-self:center!important}:host ::ng-deep .align-self-sm-baseline{align-self:baseline!important}:host ::ng-deep .align-self-sm-stretch{align-self:stretch!important}:host ::ng-deep .order-sm-first{order:-1!important}:host ::ng-deep .order-sm-0{order:0!important}:host ::ng-deep .order-sm-1{order:1!important}:host ::ng-deep .order-sm-2{order:2!important}:host ::ng-deep .order-sm-3{order:3!important}:host ::ng-deep .order-sm-4{order:4!important}:host ::ng-deep .order-sm-5{order:5!important}:host ::ng-deep .order-sm-last{order:6!important}:host ::ng-deep .m-sm-0{margin:0!important}:host ::ng-deep .m-sm-1{margin:.25rem!important}:host ::ng-deep .m-sm-2{margin:.5rem!important}:host ::ng-deep .m-sm-3{margin:1rem!important}:host ::ng-deep .m-sm-4{margin:1.5rem!important}:host ::ng-deep .m-sm-5{margin:3rem!important}:host ::ng-deep .m-sm-auto{margin:auto!important}:host ::ng-deep .mx-sm-0{margin-right:0!important;margin-left:0!important}:host ::ng-deep .mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}:host ::ng-deep .mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}:host ::ng-deep .mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}:host ::ng-deep .mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}:host ::ng-deep .mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}:host ::ng-deep .mx-sm-auto{margin-right:auto!important;margin-left:auto!important}:host ::ng-deep .my-sm-0{margin-top:0!important;margin-bottom:0!important}:host ::ng-deep .my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}:host ::ng-deep .my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}:host ::ng-deep .my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}:host ::ng-deep .my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}:host ::ng-deep .my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}:host ::ng-deep .my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}:host ::ng-deep .mt-sm-0{margin-top:0!important}:host ::ng-deep .mt-sm-1{margin-top:.25rem!important}:host ::ng-deep .mt-sm-2{margin-top:.5rem!important}:host ::ng-deep .mt-sm-3{margin-top:1rem!important}:host ::ng-deep .mt-sm-4{margin-top:1.5rem!important}:host ::ng-deep .mt-sm-5{margin-top:3rem!important}:host ::ng-deep .mt-sm-auto{margin-top:auto!important}:host ::ng-deep .me-sm-0{margin-right:0!important}:host ::ng-deep .me-sm-1{margin-right:.25rem!important}:host ::ng-deep .me-sm-2{margin-right:.5rem!important}:host ::ng-deep .me-sm-3{margin-right:1rem!important}:host ::ng-deep .me-sm-4{margin-right:1.5rem!important}:host ::ng-deep .me-sm-5{margin-right:3rem!important}:host ::ng-deep .me-sm-auto{margin-right:auto!important}:host ::ng-deep .mb-sm-0{margin-bottom:0!important}:host ::ng-deep .mb-sm-1{margin-bottom:.25rem!important}:host ::ng-deep .mb-sm-2{margin-bottom:.5rem!important}:host ::ng-deep .mb-sm-3{margin-bottom:1rem!important}:host ::ng-deep .mb-sm-4{margin-bottom:1.5rem!important}:host ::ng-deep .mb-sm-5{margin-bottom:3rem!important}:host ::ng-deep .mb-sm-auto{margin-bottom:auto!important}:host ::ng-deep .ms-sm-0{margin-left:0!important}:host ::ng-deep .ms-sm-1{margin-left:.25rem!important}:host ::ng-deep .ms-sm-2{margin-left:.5rem!important}:host ::ng-deep .ms-sm-3{margin-left:1rem!important}:host ::ng-deep .ms-sm-4{margin-left:1.5rem!important}:host ::ng-deep .ms-sm-5{margin-left:3rem!important}:host ::ng-deep .ms-sm-auto{margin-left:auto!important}:host ::ng-deep .p-sm-0{padding:0!important}:host ::ng-deep .p-sm-1{padding:.25rem!important}:host ::ng-deep .p-sm-2{padding:.5rem!important}:host ::ng-deep .p-sm-3{padding:1rem!important}:host ::ng-deep .p-sm-4{padding:1.5rem!important}:host ::ng-deep .p-sm-5{padding:3rem!important}:host ::ng-deep .px-sm-0{padding-right:0!important;padding-left:0!important}:host ::ng-deep .px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}:host ::ng-deep .px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}:host ::ng-deep .px-sm-3{padding-right:1rem!important;padding-left:1rem!important}:host ::ng-deep .px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}:host ::ng-deep .px-sm-5{padding-right:3rem!important;padding-left:3rem!important}:host ::ng-deep .py-sm-0{padding-top:0!important;padding-bottom:0!important}:host ::ng-deep .py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}:host ::ng-deep .py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}:host ::ng-deep .py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}:host ::ng-deep .py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}:host ::ng-deep .py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}:host ::ng-deep .pt-sm-0{padding-top:0!important}:host ::ng-deep .pt-sm-1{padding-top:.25rem!important}:host ::ng-deep .pt-sm-2{padding-top:.5rem!important}:host ::ng-deep .pt-sm-3{padding-top:1rem!important}:host ::ng-deep .pt-sm-4{padding-top:1.5rem!important}:host ::ng-deep .pt-sm-5{padding-top:3rem!important}:host ::ng-deep .pe-sm-0{padding-right:0!important}:host ::ng-deep .pe-sm-1{padding-right:.25rem!important}:host ::ng-deep .pe-sm-2{padding-right:.5rem!important}:host ::ng-deep .pe-sm-3{padding-right:1rem!important}:host ::ng-deep .pe-sm-4{padding-right:1.5rem!important}:host ::ng-deep .pe-sm-5{padding-right:3rem!important}:host ::ng-deep .pb-sm-0{padding-bottom:0!important}:host ::ng-deep .pb-sm-1{padding-bottom:.25rem!important}:host ::ng-deep .pb-sm-2{padding-bottom:.5rem!important}:host ::ng-deep .pb-sm-3{padding-bottom:1rem!important}:host ::ng-deep .pb-sm-4{padding-bottom:1.5rem!important}:host ::ng-deep .pb-sm-5{padding-bottom:3rem!important}:host ::ng-deep .ps-sm-0{padding-left:0!important}:host ::ng-deep .ps-sm-1{padding-left:.25rem!important}:host ::ng-deep .ps-sm-2{padding-left:.5rem!important}:host ::ng-deep .ps-sm-3{padding-left:1rem!important}:host ::ng-deep .ps-sm-4{padding-left:1.5rem!important}:host ::ng-deep .ps-sm-5{padding-left:3rem!important}:host ::ng-deep .gap-sm-0{gap:0!important}:host ::ng-deep .gap-sm-1{gap:.25rem!important}:host ::ng-deep .gap-sm-2{gap:.5rem!important}:host ::ng-deep .gap-sm-3{gap:1rem!important}:host ::ng-deep .gap-sm-4{gap:1.5rem!important}:host ::ng-deep .gap-sm-5{gap:3rem!important}:host ::ng-deep .text-sm-start{text-align:left!important}:host ::ng-deep .text-sm-end{text-align:right!important}:host ::ng-deep .text-sm-center{text-align:center!important}}@media (min-width: 768px){:host ::ng-deep .float-md-start{float:left!important}:host ::ng-deep .float-md-end{float:right!important}:host ::ng-deep .float-md-none{float:none!important}:host ::ng-deep .d-md-inline{display:inline!important}:host ::ng-deep .d-md-inline-block{display:inline-block!important}:host ::ng-deep .d-md-block{display:block!important}:host ::ng-deep .d-md-grid{display:grid!important}:host ::ng-deep .d-md-table{display:table!important}:host ::ng-deep .d-md-table-row{display:table-row!important}:host ::ng-deep .d-md-table-cell{display:table-cell!important}:host ::ng-deep .d-md-flex{display:flex!important}:host ::ng-deep .d-md-inline-flex{display:inline-flex!important}:host ::ng-deep .d-md-none{display:none!important}:host ::ng-deep .flex-md-fill{flex:1 1 auto!important}:host ::ng-deep .flex-md-row{flex-direction:row!important}:host ::ng-deep .flex-md-column{flex-direction:column!important}:host ::ng-deep .flex-md-row-reverse{flex-direction:row-reverse!important}:host ::ng-deep .flex-md-column-reverse{flex-direction:column-reverse!important}:host ::ng-deep .flex-md-grow-0{flex-grow:0!important}:host ::ng-deep .flex-md-grow-1{flex-grow:1!important}:host ::ng-deep .flex-md-shrink-0{flex-shrink:0!important}:host ::ng-deep .flex-md-shrink-1{flex-shrink:1!important}:host ::ng-deep .flex-md-wrap{flex-wrap:wrap!important}:host ::ng-deep .flex-md-nowrap{flex-wrap:nowrap!important}:host ::ng-deep .flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}:host ::ng-deep .justify-content-md-start{justify-content:flex-start!important}:host ::ng-deep .justify-content-md-end{justify-content:flex-end!important}:host ::ng-deep .justify-content-md-center{justify-content:center!important}:host ::ng-deep .justify-content-md-between{justify-content:space-between!important}:host ::ng-deep .justify-content-md-around{justify-content:space-around!important}:host ::ng-deep .justify-content-md-evenly{justify-content:space-evenly!important}:host ::ng-deep .align-items-md-start{align-items:flex-start!important}:host ::ng-deep .align-items-md-end{align-items:flex-end!important}:host ::ng-deep .align-items-md-center{align-items:center!important}:host ::ng-deep .align-items-md-baseline{align-items:baseline!important}:host ::ng-deep .align-items-md-stretch{align-items:stretch!important}:host ::ng-deep .align-content-md-start{align-content:flex-start!important}:host ::ng-deep .align-content-md-end{align-content:flex-end!important}:host ::ng-deep .align-content-md-center{align-content:center!important}:host ::ng-deep .align-content-md-between{align-content:space-between!important}:host ::ng-deep .align-content-md-around{align-content:space-around!important}:host ::ng-deep .align-content-md-stretch{align-content:stretch!important}:host ::ng-deep .align-self-md-auto{align-self:auto!important}:host ::ng-deep .align-self-md-start{align-self:flex-start!important}:host ::ng-deep .align-self-md-end{align-self:flex-end!important}:host ::ng-deep .align-self-md-center{align-self:center!important}:host ::ng-deep .align-self-md-baseline{align-self:baseline!important}:host ::ng-deep .align-self-md-stretch{align-self:stretch!important}:host ::ng-deep .order-md-first{order:-1!important}:host ::ng-deep .order-md-0{order:0!important}:host ::ng-deep .order-md-1{order:1!important}:host ::ng-deep .order-md-2{order:2!important}:host ::ng-deep .order-md-3{order:3!important}:host ::ng-deep .order-md-4{order:4!important}:host ::ng-deep .order-md-5{order:5!important}:host ::ng-deep .order-md-last{order:6!important}:host ::ng-deep .m-md-0{margin:0!important}:host ::ng-deep .m-md-1{margin:.25rem!important}:host ::ng-deep .m-md-2{margin:.5rem!important}:host ::ng-deep .m-md-3{margin:1rem!important}:host ::ng-deep .m-md-4{margin:1.5rem!important}:host ::ng-deep .m-md-5{margin:3rem!important}:host ::ng-deep .m-md-auto{margin:auto!important}:host ::ng-deep .mx-md-0{margin-right:0!important;margin-left:0!important}:host ::ng-deep .mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}:host ::ng-deep .mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}:host ::ng-deep .mx-md-3{margin-right:1rem!important;margin-left:1rem!important}:host ::ng-deep .mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}:host ::ng-deep .mx-md-5{margin-right:3rem!important;margin-left:3rem!important}:host ::ng-deep .mx-md-auto{margin-right:auto!important;margin-left:auto!important}:host ::ng-deep .my-md-0{margin-top:0!important;margin-bottom:0!important}:host ::ng-deep .my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}:host ::ng-deep .my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}:host ::ng-deep .my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}:host ::ng-deep .my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}:host ::ng-deep .my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}:host ::ng-deep .my-md-auto{margin-top:auto!important;margin-bottom:auto!important}:host ::ng-deep .mt-md-0{margin-top:0!important}:host ::ng-deep .mt-md-1{margin-top:.25rem!important}:host ::ng-deep .mt-md-2{margin-top:.5rem!important}:host ::ng-deep .mt-md-3{margin-top:1rem!important}:host ::ng-deep .mt-md-4{margin-top:1.5rem!important}:host ::ng-deep .mt-md-5{margin-top:3rem!important}:host ::ng-deep .mt-md-auto{margin-top:auto!important}:host ::ng-deep .me-md-0{margin-right:0!important}:host ::ng-deep .me-md-1{margin-right:.25rem!important}:host ::ng-deep .me-md-2{margin-right:.5rem!important}:host ::ng-deep .me-md-3{margin-right:1rem!important}:host ::ng-deep .me-md-4{margin-right:1.5rem!important}:host ::ng-deep .me-md-5{margin-right:3rem!important}:host ::ng-deep .me-md-auto{margin-right:auto!important}:host ::ng-deep .mb-md-0{margin-bottom:0!important}:host ::ng-deep .mb-md-1{margin-bottom:.25rem!important}:host ::ng-deep .mb-md-2{margin-bottom:.5rem!important}:host ::ng-deep .mb-md-3{margin-bottom:1rem!important}:host ::ng-deep .mb-md-4{margin-bottom:1.5rem!important}:host ::ng-deep .mb-md-5{margin-bottom:3rem!important}:host ::ng-deep .mb-md-auto{margin-bottom:auto!important}:host ::ng-deep .ms-md-0{margin-left:0!important}:host ::ng-deep .ms-md-1{margin-left:.25rem!important}:host ::ng-deep .ms-md-2{margin-left:.5rem!important}:host ::ng-deep .ms-md-3{margin-left:1rem!important}:host ::ng-deep .ms-md-4{margin-left:1.5rem!important}:host ::ng-deep .ms-md-5{margin-left:3rem!important}:host ::ng-deep .ms-md-auto{margin-left:auto!important}:host ::ng-deep .p-md-0{padding:0!important}:host ::ng-deep .p-md-1{padding:.25rem!important}:host ::ng-deep .p-md-2{padding:.5rem!important}:host ::ng-deep .p-md-3{padding:1rem!important}:host ::ng-deep .p-md-4{padding:1.5rem!important}:host ::ng-deep .p-md-5{padding:3rem!important}:host ::ng-deep .px-md-0{padding-right:0!important;padding-left:0!important}:host ::ng-deep .px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}:host ::ng-deep .px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}:host ::ng-deep .px-md-3{padding-right:1rem!important;padding-left:1rem!important}:host ::ng-deep .px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}:host ::ng-deep .px-md-5{padding-right:3rem!important;padding-left:3rem!important}:host ::ng-deep .py-md-0{padding-top:0!important;padding-bottom:0!important}:host ::ng-deep .py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}:host ::ng-deep .py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}:host ::ng-deep .py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}:host ::ng-deep .py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}:host ::ng-deep .py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}:host ::ng-deep .pt-md-0{padding-top:0!important}:host ::ng-deep .pt-md-1{padding-top:.25rem!important}:host ::ng-deep .pt-md-2{padding-top:.5rem!important}:host ::ng-deep .pt-md-3{padding-top:1rem!important}:host ::ng-deep .pt-md-4{padding-top:1.5rem!important}:host ::ng-deep .pt-md-5{padding-top:3rem!important}:host ::ng-deep .pe-md-0{padding-right:0!important}:host ::ng-deep .pe-md-1{padding-right:.25rem!important}:host ::ng-deep .pe-md-2{padding-right:.5rem!important}:host ::ng-deep .pe-md-3{padding-right:1rem!important}:host ::ng-deep .pe-md-4{padding-right:1.5rem!important}:host ::ng-deep .pe-md-5{padding-right:3rem!important}:host ::ng-deep .pb-md-0{padding-bottom:0!important}:host ::ng-deep .pb-md-1{padding-bottom:.25rem!important}:host ::ng-deep .pb-md-2{padding-bottom:.5rem!important}:host ::ng-deep .pb-md-3{padding-bottom:1rem!important}:host ::ng-deep .pb-md-4{padding-bottom:1.5rem!important}:host ::ng-deep .pb-md-5{padding-bottom:3rem!important}:host ::ng-deep .ps-md-0{padding-left:0!important}:host ::ng-deep .ps-md-1{padding-left:.25rem!important}:host ::ng-deep .ps-md-2{padding-left:.5rem!important}:host ::ng-deep .ps-md-3{padding-left:1rem!important}:host ::ng-deep .ps-md-4{padding-left:1.5rem!important}:host ::ng-deep .ps-md-5{padding-left:3rem!important}:host ::ng-deep .gap-md-0{gap:0!important}:host ::ng-deep .gap-md-1{gap:.25rem!important}:host ::ng-deep .gap-md-2{gap:.5rem!important}:host ::ng-deep .gap-md-3{gap:1rem!important}:host ::ng-deep .gap-md-4{gap:1.5rem!important}:host ::ng-deep .gap-md-5{gap:3rem!important}:host ::ng-deep .text-md-start{text-align:left!important}:host ::ng-deep .text-md-end{text-align:right!important}:host ::ng-deep .text-md-center{text-align:center!important}}@media (min-width: 992px){:host ::ng-deep .float-lg-start{float:left!important}:host ::ng-deep .float-lg-end{float:right!important}:host ::ng-deep .float-lg-none{float:none!important}:host ::ng-deep .d-lg-inline{display:inline!important}:host ::ng-deep .d-lg-inline-block{display:inline-block!important}:host ::ng-deep .d-lg-block{display:block!important}:host ::ng-deep .d-lg-grid{display:grid!important}:host ::ng-deep .d-lg-table{display:table!important}:host ::ng-deep .d-lg-table-row{display:table-row!important}:host ::ng-deep .d-lg-table-cell{display:table-cell!important}:host ::ng-deep .d-lg-flex{display:flex!important}:host ::ng-deep .d-lg-inline-flex{display:inline-flex!important}:host ::ng-deep .d-lg-none{display:none!important}:host ::ng-deep .flex-lg-fill{flex:1 1 auto!important}:host ::ng-deep .flex-lg-row{flex-direction:row!important}:host ::ng-deep .flex-lg-column{flex-direction:column!important}:host ::ng-deep .flex-lg-row-reverse{flex-direction:row-reverse!important}:host ::ng-deep .flex-lg-column-reverse{flex-direction:column-reverse!important}:host ::ng-deep .flex-lg-grow-0{flex-grow:0!important}:host ::ng-deep .flex-lg-grow-1{flex-grow:1!important}:host ::ng-deep .flex-lg-shrink-0{flex-shrink:0!important}:host ::ng-deep .flex-lg-shrink-1{flex-shrink:1!important}:host ::ng-deep .flex-lg-wrap{flex-wrap:wrap!important}:host ::ng-deep .flex-lg-nowrap{flex-wrap:nowrap!important}:host ::ng-deep .flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}:host ::ng-deep .justify-content-lg-start{justify-content:flex-start!important}:host ::ng-deep .justify-content-lg-end{justify-content:flex-end!important}:host ::ng-deep .justify-content-lg-center{justify-content:center!important}:host ::ng-deep .justify-content-lg-between{justify-content:space-between!important}:host ::ng-deep .justify-content-lg-around{justify-content:space-around!important}:host ::ng-deep .justify-content-lg-evenly{justify-content:space-evenly!important}:host ::ng-deep .align-items-lg-start{align-items:flex-start!important}:host ::ng-deep .align-items-lg-end{align-items:flex-end!important}:host ::ng-deep .align-items-lg-center{align-items:center!important}:host ::ng-deep .align-items-lg-baseline{align-items:baseline!important}:host ::ng-deep .align-items-lg-stretch{align-items:stretch!important}:host ::ng-deep .align-content-lg-start{align-content:flex-start!important}:host ::ng-deep .align-content-lg-end{align-content:flex-end!important}:host ::ng-deep .align-content-lg-center{align-content:center!important}:host ::ng-deep .align-content-lg-between{align-content:space-between!important}:host ::ng-deep .align-content-lg-around{align-content:space-around!important}:host ::ng-deep .align-content-lg-stretch{align-content:stretch!important}:host ::ng-deep .align-self-lg-auto{align-self:auto!important}:host ::ng-deep .align-self-lg-start{align-self:flex-start!important}:host ::ng-deep .align-self-lg-end{align-self:flex-end!important}:host ::ng-deep .align-self-lg-center{align-self:center!important}:host ::ng-deep .align-self-lg-baseline{align-self:baseline!important}:host ::ng-deep .align-self-lg-stretch{align-self:stretch!important}:host ::ng-deep .order-lg-first{order:-1!important}:host ::ng-deep .order-lg-0{order:0!important}:host ::ng-deep .order-lg-1{order:1!important}:host ::ng-deep .order-lg-2{order:2!important}:host ::ng-deep .order-lg-3{order:3!important}:host ::ng-deep .order-lg-4{order:4!important}:host ::ng-deep .order-lg-5{order:5!important}:host ::ng-deep .order-lg-last{order:6!important}:host ::ng-deep .m-lg-0{margin:0!important}:host ::ng-deep .m-lg-1{margin:.25rem!important}:host ::ng-deep .m-lg-2{margin:.5rem!important}:host ::ng-deep .m-lg-3{margin:1rem!important}:host ::ng-deep .m-lg-4{margin:1.5rem!important}:host ::ng-deep .m-lg-5{margin:3rem!important}:host ::ng-deep .m-lg-auto{margin:auto!important}:host ::ng-deep .mx-lg-0{margin-right:0!important;margin-left:0!important}:host ::ng-deep .mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}:host ::ng-deep .mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}:host ::ng-deep .mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}:host ::ng-deep .mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}:host ::ng-deep .mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}:host ::ng-deep .mx-lg-auto{margin-right:auto!important;margin-left:auto!important}:host ::ng-deep .my-lg-0{margin-top:0!important;margin-bottom:0!important}:host ::ng-deep .my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}:host ::ng-deep .my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}:host ::ng-deep .my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}:host ::ng-deep .my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}:host ::ng-deep .my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}:host ::ng-deep .my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}:host ::ng-deep .mt-lg-0{margin-top:0!important}:host ::ng-deep .mt-lg-1{margin-top:.25rem!important}:host ::ng-deep .mt-lg-2{margin-top:.5rem!important}:host ::ng-deep .mt-lg-3{margin-top:1rem!important}:host ::ng-deep .mt-lg-4{margin-top:1.5rem!important}:host ::ng-deep .mt-lg-5{margin-top:3rem!important}:host ::ng-deep .mt-lg-auto{margin-top:auto!important}:host ::ng-deep .me-lg-0{margin-right:0!important}:host ::ng-deep .me-lg-1{margin-right:.25rem!important}:host ::ng-deep .me-lg-2{margin-right:.5rem!important}:host ::ng-deep .me-lg-3{margin-right:1rem!important}:host ::ng-deep .me-lg-4{margin-right:1.5rem!important}:host ::ng-deep .me-lg-5{margin-right:3rem!important}:host ::ng-deep .me-lg-auto{margin-right:auto!important}:host ::ng-deep .mb-lg-0{margin-bottom:0!important}:host ::ng-deep .mb-lg-1{margin-bottom:.25rem!important}:host ::ng-deep .mb-lg-2{margin-bottom:.5rem!important}:host ::ng-deep .mb-lg-3{margin-bottom:1rem!important}:host ::ng-deep .mb-lg-4{margin-bottom:1.5rem!important}:host ::ng-deep .mb-lg-5{margin-bottom:3rem!important}:host ::ng-deep .mb-lg-auto{margin-bottom:auto!important}:host ::ng-deep .ms-lg-0{margin-left:0!important}:host ::ng-deep .ms-lg-1{margin-left:.25rem!important}:host ::ng-deep .ms-lg-2{margin-left:.5rem!important}:host ::ng-deep .ms-lg-3{margin-left:1rem!important}:host ::ng-deep .ms-lg-4{margin-left:1.5rem!important}:host ::ng-deep .ms-lg-5{margin-left:3rem!important}:host ::ng-deep .ms-lg-auto{margin-left:auto!important}:host ::ng-deep .p-lg-0{padding:0!important}:host ::ng-deep .p-lg-1{padding:.25rem!important}:host ::ng-deep .p-lg-2{padding:.5rem!important}:host ::ng-deep .p-lg-3{padding:1rem!important}:host ::ng-deep .p-lg-4{padding:1.5rem!important}:host ::ng-deep .p-lg-5{padding:3rem!important}:host ::ng-deep .px-lg-0{padding-right:0!important;padding-left:0!important}:host ::ng-deep .px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}:host ::ng-deep .px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}:host ::ng-deep .px-lg-3{padding-right:1rem!important;padding-left:1rem!important}:host ::ng-deep .px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}:host ::ng-deep .px-lg-5{padding-right:3rem!important;padding-left:3rem!important}:host ::ng-deep .py-lg-0{padding-top:0!important;padding-bottom:0!important}:host ::ng-deep .py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}:host ::ng-deep .py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}:host ::ng-deep .py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}:host ::ng-deep .py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}:host ::ng-deep .py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}:host ::ng-deep .pt-lg-0{padding-top:0!important}:host ::ng-deep .pt-lg-1{padding-top:.25rem!important}:host ::ng-deep .pt-lg-2{padding-top:.5rem!important}:host ::ng-deep .pt-lg-3{padding-top:1rem!important}:host ::ng-deep .pt-lg-4{padding-top:1.5rem!important}:host ::ng-deep .pt-lg-5{padding-top:3rem!important}:host ::ng-deep .pe-lg-0{padding-right:0!important}:host ::ng-deep .pe-lg-1{padding-right:.25rem!important}:host ::ng-deep .pe-lg-2{padding-right:.5rem!important}:host ::ng-deep .pe-lg-3{padding-right:1rem!important}:host ::ng-deep .pe-lg-4{padding-right:1.5rem!important}:host ::ng-deep .pe-lg-5{padding-right:3rem!important}:host ::ng-deep .pb-lg-0{padding-bottom:0!important}:host ::ng-deep .pb-lg-1{padding-bottom:.25rem!important}:host ::ng-deep .pb-lg-2{padding-bottom:.5rem!important}:host ::ng-deep .pb-lg-3{padding-bottom:1rem!important}:host ::ng-deep .pb-lg-4{padding-bottom:1.5rem!important}:host ::ng-deep .pb-lg-5{padding-bottom:3rem!important}:host ::ng-deep .ps-lg-0{padding-left:0!important}:host ::ng-deep .ps-lg-1{padding-left:.25rem!important}:host ::ng-deep .ps-lg-2{padding-left:.5rem!important}:host ::ng-deep .ps-lg-3{padding-left:1rem!important}:host ::ng-deep .ps-lg-4{padding-left:1.5rem!important}:host ::ng-deep .ps-lg-5{padding-left:3rem!important}:host ::ng-deep .gap-lg-0{gap:0!important}:host ::ng-deep .gap-lg-1{gap:.25rem!important}:host ::ng-deep .gap-lg-2{gap:.5rem!important}:host ::ng-deep .gap-lg-3{gap:1rem!important}:host ::ng-deep .gap-lg-4{gap:1.5rem!important}:host ::ng-deep .gap-lg-5{gap:3rem!important}:host ::ng-deep .text-lg-start{text-align:left!important}:host ::ng-deep .text-lg-end{text-align:right!important}:host ::ng-deep .text-lg-center{text-align:center!important}}@media (min-width: 1200px){:host ::ng-deep .float-xl-start{float:left!important}:host ::ng-deep .float-xl-end{float:right!important}:host ::ng-deep .float-xl-none{float:none!important}:host ::ng-deep .d-xl-inline{display:inline!important}:host ::ng-deep .d-xl-inline-block{display:inline-block!important}:host ::ng-deep .d-xl-block{display:block!important}:host ::ng-deep .d-xl-grid{display:grid!important}:host ::ng-deep .d-xl-table{display:table!important}:host ::ng-deep .d-xl-table-row{display:table-row!important}:host ::ng-deep .d-xl-table-cell{display:table-cell!important}:host ::ng-deep .d-xl-flex{display:flex!important}:host ::ng-deep .d-xl-inline-flex{display:inline-flex!important}:host ::ng-deep .d-xl-none{display:none!important}:host ::ng-deep .flex-xl-fill{flex:1 1 auto!important}:host ::ng-deep .flex-xl-row{flex-direction:row!important}:host ::ng-deep .flex-xl-column{flex-direction:column!important}:host ::ng-deep .flex-xl-row-reverse{flex-direction:row-reverse!important}:host ::ng-deep .flex-xl-column-reverse{flex-direction:column-reverse!important}:host ::ng-deep .flex-xl-grow-0{flex-grow:0!important}:host ::ng-deep .flex-xl-grow-1{flex-grow:1!important}:host ::ng-deep .flex-xl-shrink-0{flex-shrink:0!important}:host ::ng-deep .flex-xl-shrink-1{flex-shrink:1!important}:host ::ng-deep .flex-xl-wrap{flex-wrap:wrap!important}:host ::ng-deep .flex-xl-nowrap{flex-wrap:nowrap!important}:host ::ng-deep .flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}:host ::ng-deep .justify-content-xl-start{justify-content:flex-start!important}:host ::ng-deep .justify-content-xl-end{justify-content:flex-end!important}:host ::ng-deep .justify-content-xl-center{justify-content:center!important}:host ::ng-deep .justify-content-xl-between{justify-content:space-between!important}:host ::ng-deep .justify-content-xl-around{justify-content:space-around!important}:host ::ng-deep .justify-content-xl-evenly{justify-content:space-evenly!important}:host ::ng-deep .align-items-xl-start{align-items:flex-start!important}:host ::ng-deep .align-items-xl-end{align-items:flex-end!important}:host ::ng-deep .align-items-xl-center{align-items:center!important}:host ::ng-deep .align-items-xl-baseline{align-items:baseline!important}:host ::ng-deep .align-items-xl-stretch{align-items:stretch!important}:host ::ng-deep .align-content-xl-start{align-content:flex-start!important}:host ::ng-deep .align-content-xl-end{align-content:flex-end!important}:host ::ng-deep .align-content-xl-center{align-content:center!important}:host ::ng-deep .align-content-xl-between{align-content:space-between!important}:host ::ng-deep .align-content-xl-around{align-content:space-around!important}:host ::ng-deep .align-content-xl-stretch{align-content:stretch!important}:host ::ng-deep .align-self-xl-auto{align-self:auto!important}:host ::ng-deep .align-self-xl-start{align-self:flex-start!important}:host ::ng-deep .align-self-xl-end{align-self:flex-end!important}:host ::ng-deep .align-self-xl-center{align-self:center!important}:host ::ng-deep .align-self-xl-baseline{align-self:baseline!important}:host ::ng-deep .align-self-xl-stretch{align-self:stretch!important}:host ::ng-deep .order-xl-first{order:-1!important}:host ::ng-deep .order-xl-0{order:0!important}:host ::ng-deep .order-xl-1{order:1!important}:host ::ng-deep .order-xl-2{order:2!important}:host ::ng-deep .order-xl-3{order:3!important}:host ::ng-deep .order-xl-4{order:4!important}:host ::ng-deep .order-xl-5{order:5!important}:host ::ng-deep .order-xl-last{order:6!important}:host ::ng-deep .m-xl-0{margin:0!important}:host ::ng-deep .m-xl-1{margin:.25rem!important}:host ::ng-deep .m-xl-2{margin:.5rem!important}:host ::ng-deep .m-xl-3{margin:1rem!important}:host ::ng-deep .m-xl-4{margin:1.5rem!important}:host ::ng-deep .m-xl-5{margin:3rem!important}:host ::ng-deep .m-xl-auto{margin:auto!important}:host ::ng-deep .mx-xl-0{margin-right:0!important;margin-left:0!important}:host ::ng-deep .mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}:host ::ng-deep .mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}:host ::ng-deep .mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}:host ::ng-deep .mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}:host ::ng-deep .mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}:host ::ng-deep .mx-xl-auto{margin-right:auto!important;margin-left:auto!important}:host ::ng-deep .my-xl-0{margin-top:0!important;margin-bottom:0!important}:host ::ng-deep .my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}:host ::ng-deep .my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}:host ::ng-deep .my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}:host ::ng-deep .my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}:host ::ng-deep .my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}:host ::ng-deep .my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}:host ::ng-deep .mt-xl-0{margin-top:0!important}:host ::ng-deep .mt-xl-1{margin-top:.25rem!important}:host ::ng-deep .mt-xl-2{margin-top:.5rem!important}:host ::ng-deep .mt-xl-3{margin-top:1rem!important}:host ::ng-deep .mt-xl-4{margin-top:1.5rem!important}:host ::ng-deep .mt-xl-5{margin-top:3rem!important}:host ::ng-deep .mt-xl-auto{margin-top:auto!important}:host ::ng-deep .me-xl-0{margin-right:0!important}:host ::ng-deep .me-xl-1{margin-right:.25rem!important}:host ::ng-deep .me-xl-2{margin-right:.5rem!important}:host ::ng-deep .me-xl-3{margin-right:1rem!important}:host ::ng-deep .me-xl-4{margin-right:1.5rem!important}:host ::ng-deep .me-xl-5{margin-right:3rem!important}:host ::ng-deep .me-xl-auto{margin-right:auto!important}:host ::ng-deep .mb-xl-0{margin-bottom:0!important}:host ::ng-deep .mb-xl-1{margin-bottom:.25rem!important}:host ::ng-deep .mb-xl-2{margin-bottom:.5rem!important}:host ::ng-deep .mb-xl-3{margin-bottom:1rem!important}:host ::ng-deep .mb-xl-4{margin-bottom:1.5rem!important}:host ::ng-deep .mb-xl-5{margin-bottom:3rem!important}:host ::ng-deep .mb-xl-auto{margin-bottom:auto!important}:host ::ng-deep .ms-xl-0{margin-left:0!important}:host ::ng-deep .ms-xl-1{margin-left:.25rem!important}:host ::ng-deep .ms-xl-2{margin-left:.5rem!important}:host ::ng-deep .ms-xl-3{margin-left:1rem!important}:host ::ng-deep .ms-xl-4{margin-left:1.5rem!important}:host ::ng-deep .ms-xl-5{margin-left:3rem!important}:host ::ng-deep .ms-xl-auto{margin-left:auto!important}:host ::ng-deep .p-xl-0{padding:0!important}:host ::ng-deep .p-xl-1{padding:.25rem!important}:host ::ng-deep .p-xl-2{padding:.5rem!important}:host ::ng-deep .p-xl-3{padding:1rem!important}:host ::ng-deep .p-xl-4{padding:1.5rem!important}:host ::ng-deep .p-xl-5{padding:3rem!important}:host ::ng-deep .px-xl-0{padding-right:0!important;padding-left:0!important}:host ::ng-deep .px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}:host ::ng-deep .px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}:host ::ng-deep .px-xl-3{padding-right:1rem!important;padding-left:1rem!important}:host ::ng-deep .px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}:host ::ng-deep .px-xl-5{padding-right:3rem!important;padding-left:3rem!important}:host ::ng-deep .py-xl-0{padding-top:0!important;padding-bottom:0!important}:host ::ng-deep .py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}:host ::ng-deep .py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}:host ::ng-deep .py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}:host ::ng-deep .py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}:host ::ng-deep .py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}:host ::ng-deep .pt-xl-0{padding-top:0!important}:host ::ng-deep .pt-xl-1{padding-top:.25rem!important}:host ::ng-deep .pt-xl-2{padding-top:.5rem!important}:host ::ng-deep .pt-xl-3{padding-top:1rem!important}:host ::ng-deep .pt-xl-4{padding-top:1.5rem!important}:host ::ng-deep .pt-xl-5{padding-top:3rem!important}:host ::ng-deep .pe-xl-0{padding-right:0!important}:host ::ng-deep .pe-xl-1{padding-right:.25rem!important}:host ::ng-deep .pe-xl-2{padding-right:.5rem!important}:host ::ng-deep .pe-xl-3{padding-right:1rem!important}:host ::ng-deep .pe-xl-4{padding-right:1.5rem!important}:host ::ng-deep .pe-xl-5{padding-right:3rem!important}:host ::ng-deep .pb-xl-0{padding-bottom:0!important}:host ::ng-deep .pb-xl-1{padding-bottom:.25rem!important}:host ::ng-deep .pb-xl-2{padding-bottom:.5rem!important}:host ::ng-deep .pb-xl-3{padding-bottom:1rem!important}:host ::ng-deep .pb-xl-4{padding-bottom:1.5rem!important}:host ::ng-deep .pb-xl-5{padding-bottom:3rem!important}:host ::ng-deep .ps-xl-0{padding-left:0!important}:host ::ng-deep .ps-xl-1{padding-left:.25rem!important}:host ::ng-deep .ps-xl-2{padding-left:.5rem!important}:host ::ng-deep .ps-xl-3{padding-left:1rem!important}:host ::ng-deep .ps-xl-4{padding-left:1.5rem!important}:host ::ng-deep .ps-xl-5{padding-left:3rem!important}:host ::ng-deep .gap-xl-0{gap:0!important}:host ::ng-deep .gap-xl-1{gap:.25rem!important}:host ::ng-deep .gap-xl-2{gap:.5rem!important}:host ::ng-deep .gap-xl-3{gap:1rem!important}:host ::ng-deep .gap-xl-4{gap:1.5rem!important}:host ::ng-deep .gap-xl-5{gap:3rem!important}:host ::ng-deep .text-xl-start{text-align:left!important}:host ::ng-deep .text-xl-end{text-align:right!important}:host ::ng-deep .text-xl-center{text-align:center!important}}@media (min-width: 1400px){:host ::ng-deep .float-xxl-start{float:left!important}:host ::ng-deep .float-xxl-end{float:right!important}:host ::ng-deep .float-xxl-none{float:none!important}:host ::ng-deep .d-xxl-inline{display:inline!important}:host ::ng-deep .d-xxl-inline-block{display:inline-block!important}:host ::ng-deep .d-xxl-block{display:block!important}:host ::ng-deep .d-xxl-grid{display:grid!important}:host ::ng-deep .d-xxl-table{display:table!important}:host ::ng-deep .d-xxl-table-row{display:table-row!important}:host ::ng-deep .d-xxl-table-cell{display:table-cell!important}:host ::ng-deep .d-xxl-flex{display:flex!important}:host ::ng-deep .d-xxl-inline-flex{display:inline-flex!important}:host ::ng-deep .d-xxl-none{display:none!important}:host ::ng-deep .flex-xxl-fill{flex:1 1 auto!important}:host ::ng-deep .flex-xxl-row{flex-direction:row!important}:host ::ng-deep .flex-xxl-column{flex-direction:column!important}:host ::ng-deep .flex-xxl-row-reverse{flex-direction:row-reverse!important}:host ::ng-deep .flex-xxl-column-reverse{flex-direction:column-reverse!important}:host ::ng-deep .flex-xxl-grow-0{flex-grow:0!important}:host ::ng-deep .flex-xxl-grow-1{flex-grow:1!important}:host ::ng-deep .flex-xxl-shrink-0{flex-shrink:0!important}:host ::ng-deep .flex-xxl-shrink-1{flex-shrink:1!important}:host ::ng-deep .flex-xxl-wrap{flex-wrap:wrap!important}:host ::ng-deep .flex-xxl-nowrap{flex-wrap:nowrap!important}:host ::ng-deep .flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}:host ::ng-deep .justify-content-xxl-start{justify-content:flex-start!important}:host ::ng-deep .justify-content-xxl-end{justify-content:flex-end!important}:host ::ng-deep .justify-content-xxl-center{justify-content:center!important}:host ::ng-deep .justify-content-xxl-between{justify-content:space-between!important}:host ::ng-deep .justify-content-xxl-around{justify-content:space-around!important}:host ::ng-deep .justify-content-xxl-evenly{justify-content:space-evenly!important}:host ::ng-deep .align-items-xxl-start{align-items:flex-start!important}:host ::ng-deep .align-items-xxl-end{align-items:flex-end!important}:host ::ng-deep .align-items-xxl-center{align-items:center!important}:host ::ng-deep .align-items-xxl-baseline{align-items:baseline!important}:host ::ng-deep .align-items-xxl-stretch{align-items:stretch!important}:host ::ng-deep .align-content-xxl-start{align-content:flex-start!important}:host ::ng-deep .align-content-xxl-end{align-content:flex-end!important}:host ::ng-deep .align-content-xxl-center{align-content:center!important}:host ::ng-deep .align-content-xxl-between{align-content:space-between!important}:host ::ng-deep .align-content-xxl-around{align-content:space-around!important}:host ::ng-deep .align-content-xxl-stretch{align-content:stretch!important}:host ::ng-deep .align-self-xxl-auto{align-self:auto!important}:host ::ng-deep .align-self-xxl-start{align-self:flex-start!important}:host ::ng-deep .align-self-xxl-end{align-self:flex-end!important}:host ::ng-deep .align-self-xxl-center{align-self:center!important}:host ::ng-deep .align-self-xxl-baseline{align-self:baseline!important}:host ::ng-deep .align-self-xxl-stretch{align-self:stretch!important}:host ::ng-deep .order-xxl-first{order:-1!important}:host ::ng-deep .order-xxl-0{order:0!important}:host ::ng-deep .order-xxl-1{order:1!important}:host ::ng-deep .order-xxl-2{order:2!important}:host ::ng-deep .order-xxl-3{order:3!important}:host ::ng-deep .order-xxl-4{order:4!important}:host ::ng-deep .order-xxl-5{order:5!important}:host ::ng-deep .order-xxl-last{order:6!important}:host ::ng-deep .m-xxl-0{margin:0!important}:host ::ng-deep .m-xxl-1{margin:.25rem!important}:host ::ng-deep .m-xxl-2{margin:.5rem!important}:host ::ng-deep .m-xxl-3{margin:1rem!important}:host ::ng-deep .m-xxl-4{margin:1.5rem!important}:host ::ng-deep .m-xxl-5{margin:3rem!important}:host ::ng-deep .m-xxl-auto{margin:auto!important}:host ::ng-deep .mx-xxl-0{margin-right:0!important;margin-left:0!important}:host ::ng-deep .mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}:host ::ng-deep .mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}:host ::ng-deep .mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}:host ::ng-deep .mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}:host ::ng-deep .mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}:host ::ng-deep .mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}:host ::ng-deep .my-xxl-0{margin-top:0!important;margin-bottom:0!important}:host ::ng-deep .my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}:host ::ng-deep .my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}:host ::ng-deep .my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}:host ::ng-deep .my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}:host ::ng-deep .my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}:host ::ng-deep .my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}:host ::ng-deep .mt-xxl-0{margin-top:0!important}:host ::ng-deep .mt-xxl-1{margin-top:.25rem!important}:host ::ng-deep .mt-xxl-2{margin-top:.5rem!important}:host ::ng-deep .mt-xxl-3{margin-top:1rem!important}:host ::ng-deep .mt-xxl-4{margin-top:1.5rem!important}:host ::ng-deep .mt-xxl-5{margin-top:3rem!important}:host ::ng-deep .mt-xxl-auto{margin-top:auto!important}:host ::ng-deep .me-xxl-0{margin-right:0!important}:host ::ng-deep .me-xxl-1{margin-right:.25rem!important}:host ::ng-deep .me-xxl-2{margin-right:.5rem!important}:host ::ng-deep .me-xxl-3{margin-right:1rem!important}:host ::ng-deep .me-xxl-4{margin-right:1.5rem!important}:host ::ng-deep .me-xxl-5{margin-right:3rem!important}:host ::ng-deep .me-xxl-auto{margin-right:auto!important}:host ::ng-deep .mb-xxl-0{margin-bottom:0!important}:host ::ng-deep .mb-xxl-1{margin-bottom:.25rem!important}:host ::ng-deep .mb-xxl-2{margin-bottom:.5rem!important}:host ::ng-deep .mb-xxl-3{margin-bottom:1rem!important}:host ::ng-deep .mb-xxl-4{margin-bottom:1.5rem!important}:host ::ng-deep .mb-xxl-5{margin-bottom:3rem!important}:host ::ng-deep .mb-xxl-auto{margin-bottom:auto!important}:host ::ng-deep .ms-xxl-0{margin-left:0!important}:host ::ng-deep .ms-xxl-1{margin-left:.25rem!important}:host ::ng-deep .ms-xxl-2{margin-left:.5rem!important}:host ::ng-deep .ms-xxl-3{margin-left:1rem!important}:host ::ng-deep .ms-xxl-4{margin-left:1.5rem!important}:host ::ng-deep .ms-xxl-5{margin-left:3rem!important}:host ::ng-deep .ms-xxl-auto{margin-left:auto!important}:host ::ng-deep .p-xxl-0{padding:0!important}:host ::ng-deep .p-xxl-1{padding:.25rem!important}:host ::ng-deep .p-xxl-2{padding:.5rem!important}:host ::ng-deep .p-xxl-3{padding:1rem!important}:host ::ng-deep .p-xxl-4{padding:1.5rem!important}:host ::ng-deep .p-xxl-5{padding:3rem!important}:host ::ng-deep .px-xxl-0{padding-right:0!important;padding-left:0!important}:host ::ng-deep .px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}:host ::ng-deep .px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}:host ::ng-deep .px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}:host ::ng-deep .px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}:host ::ng-deep .px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}:host ::ng-deep .py-xxl-0{padding-top:0!important;padding-bottom:0!important}:host ::ng-deep .py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}:host ::ng-deep .py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}:host ::ng-deep .py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}:host ::ng-deep .py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}:host ::ng-deep .py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}:host ::ng-deep .pt-xxl-0{padding-top:0!important}:host ::ng-deep .pt-xxl-1{padding-top:.25rem!important}:host ::ng-deep .pt-xxl-2{padding-top:.5rem!important}:host ::ng-deep .pt-xxl-3{padding-top:1rem!important}:host ::ng-deep .pt-xxl-4{padding-top:1.5rem!important}:host ::ng-deep .pt-xxl-5{padding-top:3rem!important}:host ::ng-deep .pe-xxl-0{padding-right:0!important}:host ::ng-deep .pe-xxl-1{padding-right:.25rem!important}:host ::ng-deep .pe-xxl-2{padding-right:.5rem!important}:host ::ng-deep .pe-xxl-3{padding-right:1rem!important}:host ::ng-deep .pe-xxl-4{padding-right:1.5rem!important}:host ::ng-deep .pe-xxl-5{padding-right:3rem!important}:host ::ng-deep .pb-xxl-0{padding-bottom:0!important}:host ::ng-deep .pb-xxl-1{padding-bottom:.25rem!important}:host ::ng-deep .pb-xxl-2{padding-bottom:.5rem!important}:host ::ng-deep .pb-xxl-3{padding-bottom:1rem!important}:host ::ng-deep .pb-xxl-4{padding-bottom:1.5rem!important}:host ::ng-deep .pb-xxl-5{padding-bottom:3rem!important}:host ::ng-deep .ps-xxl-0{padding-left:0!important}:host ::ng-deep .ps-xxl-1{padding-left:.25rem!important}:host ::ng-deep .ps-xxl-2{padding-left:.5rem!important}:host ::ng-deep .ps-xxl-3{padding-left:1rem!important}:host ::ng-deep .ps-xxl-4{padding-left:1.5rem!important}:host ::ng-deep .ps-xxl-5{padding-left:3rem!important}:host ::ng-deep .gap-xxl-0{gap:0!important}:host ::ng-deep .gap-xxl-1{gap:.25rem!important}:host ::ng-deep .gap-xxl-2{gap:.5rem!important}:host ::ng-deep .gap-xxl-3{gap:1rem!important}:host ::ng-deep .gap-xxl-4{gap:1.5rem!important}:host ::ng-deep .gap-xxl-5{gap:3rem!important}:host ::ng-deep .text-xxl-start{text-align:left!important}:host ::ng-deep .text-xxl-end{text-align:right!important}:host ::ng-deep .text-xxl-center{text-align:center!important}}@media (min-width: 1200px){:host ::ng-deep .fs-1{font-size:2.5rem!important}:host ::ng-deep .fs-2{font-size:2rem!important}:host ::ng-deep .fs-3{font-size:1.75rem!important}:host ::ng-deep .fs-4{font-size:1.5rem!important}}@media print{:host ::ng-deep .d-print-inline{display:inline!important}:host ::ng-deep .d-print-inline-block{display:inline-block!important}:host ::ng-deep .d-print-block{display:block!important}:host ::ng-deep .d-print-grid{display:grid!important}:host ::ng-deep .d-print-table{display:table!important}:host ::ng-deep .d-print-table-row{display:table-row!important}:host ::ng-deep .d-print-table-cell{display:table-cell!important}:host ::ng-deep .d-print-flex{display:flex!important}:host ::ng-deep .d-print-inline-flex{display:inline-flex!important}:host ::ng-deep .d-print-none{display:none!important}}:host ::ng-deep .container,:host ::ng-deep .container-fluid,:host ::ng-deep .container-xxl,:host ::ng-deep .container-xl,:host ::ng-deep .container-lg,:host ::ng-deep .container-md,:host ::ng-deep .container-sm{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width: 576px){:host ::ng-deep .container-sm,:host ::ng-deep .container{max-width:540px}}@media (min-width: 768px){:host ::ng-deep .container-md,:host ::ng-deep .container-sm,:host ::ng-deep .container{max-width:720px}}@media (min-width: 992px){:host ::ng-deep .container-lg,:host ::ng-deep .container-md,:host ::ng-deep .container-sm,:host ::ng-deep .container{max-width:960px}}@media (min-width: 1200px){:host ::ng-deep .container-xl,:host ::ng-deep .container-lg,:host ::ng-deep .container-md,:host ::ng-deep .container-sm,:host ::ng-deep .container{max-width:1140px}}@media (min-width: 1400px){:host ::ng-deep .container-xxl,:host ::ng-deep .container-xl,:host ::ng-deep .container-lg,:host ::ng-deep .container-md,:host ::ng-deep .container-sm,:host ::ng-deep .container{max-width:1320px}}:host ::ng-deep .row{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}:host ::ng-deep .row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}:host ::ng-deep .col{flex:1 0 0%}:host ::ng-deep .row-cols-auto>*{flex:0 0 auto;width:auto}:host ::ng-deep .row-cols-1>*{flex:0 0 auto;width:100%}:host ::ng-deep .row-cols-2>*{flex:0 0 auto;width:50%}:host ::ng-deep .row-cols-3>*{flex:0 0 auto;width:33.3333333333%}:host ::ng-deep .row-cols-4>*{flex:0 0 auto;width:25%}:host ::ng-deep .row-cols-5>*{flex:0 0 auto;width:20%}:host ::ng-deep .row-cols-6>*{flex:0 0 auto;width:16.6666666667%}:host ::ng-deep .col-auto{flex:0 0 auto;width:auto}:host ::ng-deep .col-1{flex:0 0 auto;width:8.33333333%}:host ::ng-deep .col-2{flex:0 0 auto;width:16.66666667%}:host ::ng-deep .col-3{flex:0 0 auto;width:25%}:host ::ng-deep .col-4{flex:0 0 auto;width:33.33333333%}:host ::ng-deep .col-5{flex:0 0 auto;width:41.66666667%}:host ::ng-deep .col-6{flex:0 0 auto;width:50%}:host ::ng-deep .col-7{flex:0 0 auto;width:58.33333333%}:host ::ng-deep .col-8{flex:0 0 auto;width:66.66666667%}:host ::ng-deep .col-9{flex:0 0 auto;width:75%}:host ::ng-deep .col-10{flex:0 0 auto;width:83.33333333%}:host ::ng-deep .col-11{flex:0 0 auto;width:91.66666667%}:host ::ng-deep .col-12{flex:0 0 auto;width:100%}:host ::ng-deep .offset-1{margin-left:8.33333333%}:host ::ng-deep .offset-2{margin-left:16.66666667%}:host ::ng-deep .offset-3{margin-left:25%}:host ::ng-deep .offset-4{margin-left:33.33333333%}:host ::ng-deep .offset-5{margin-left:41.66666667%}:host ::ng-deep .offset-6{margin-left:50%}:host ::ng-deep .offset-7{margin-left:58.33333333%}:host ::ng-deep .offset-8{margin-left:66.66666667%}:host ::ng-deep .offset-9{margin-left:75%}:host ::ng-deep .offset-10{margin-left:83.33333333%}:host ::ng-deep .offset-11{margin-left:91.66666667%}:host ::ng-deep .g-0,:host ::ng-deep .gx-0{--bs-gutter-x: 0}:host ::ng-deep .g-0,:host ::ng-deep .gy-0{--bs-gutter-y: 0}:host ::ng-deep .g-1,:host ::ng-deep .gx-1{--bs-gutter-x: .25rem}:host ::ng-deep .g-1,:host ::ng-deep .gy-1{--bs-gutter-y: .25rem}:host ::ng-deep .g-2,:host ::ng-deep .gx-2{--bs-gutter-x: .5rem}:host ::ng-deep .g-2,:host ::ng-deep .gy-2{--bs-gutter-y: .5rem}:host ::ng-deep .g-3,:host ::ng-deep .gx-3{--bs-gutter-x: 1rem}:host ::ng-deep .g-3,:host ::ng-deep .gy-3{--bs-gutter-y: 1rem}:host ::ng-deep .g-4,:host ::ng-deep .gx-4{--bs-gutter-x: 1.5rem}:host ::ng-deep .g-4,:host ::ng-deep .gy-4{--bs-gutter-y: 1.5rem}:host ::ng-deep .g-5,:host ::ng-deep .gx-5{--bs-gutter-x: 3rem}:host ::ng-deep .g-5,:host ::ng-deep .gy-5{--bs-gutter-y: 3rem}@media (min-width: 576px){:host ::ng-deep .col-sm{flex:1 0 0%}:host ::ng-deep .row-cols-sm-auto>*{flex:0 0 auto;width:auto}:host ::ng-deep .row-cols-sm-1>*{flex:0 0 auto;width:100%}:host ::ng-deep .row-cols-sm-2>*{flex:0 0 auto;width:50%}:host ::ng-deep .row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}:host ::ng-deep .row-cols-sm-4>*{flex:0 0 auto;width:25%}:host ::ng-deep .row-cols-sm-5>*{flex:0 0 auto;width:20%}:host ::ng-deep .row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}:host ::ng-deep .col-sm-auto{flex:0 0 auto;width:auto}:host ::ng-deep .col-sm-1{flex:0 0 auto;width:8.33333333%}:host ::ng-deep .col-sm-2{flex:0 0 auto;width:16.66666667%}:host ::ng-deep .col-sm-3{flex:0 0 auto;width:25%}:host ::ng-deep .col-sm-4{flex:0 0 auto;width:33.33333333%}:host ::ng-deep .col-sm-5{flex:0 0 auto;width:41.66666667%}:host ::ng-deep .col-sm-6{flex:0 0 auto;width:50%}:host ::ng-deep .col-sm-7{flex:0 0 auto;width:58.33333333%}:host ::ng-deep .col-sm-8{flex:0 0 auto;width:66.66666667%}:host ::ng-deep .col-sm-9{flex:0 0 auto;width:75%}:host ::ng-deep .col-sm-10{flex:0 0 auto;width:83.33333333%}:host ::ng-deep .col-sm-11{flex:0 0 auto;width:91.66666667%}:host ::ng-deep .col-sm-12{flex:0 0 auto;width:100%}:host ::ng-deep .offset-sm-0{margin-left:0}:host ::ng-deep .offset-sm-1{margin-left:8.33333333%}:host ::ng-deep .offset-sm-2{margin-left:16.66666667%}:host ::ng-deep .offset-sm-3{margin-left:25%}:host ::ng-deep .offset-sm-4{margin-left:33.33333333%}:host ::ng-deep .offset-sm-5{margin-left:41.66666667%}:host ::ng-deep .offset-sm-6{margin-left:50%}:host ::ng-deep .offset-sm-7{margin-left:58.33333333%}:host ::ng-deep .offset-sm-8{margin-left:66.66666667%}:host ::ng-deep .offset-sm-9{margin-left:75%}:host ::ng-deep .offset-sm-10{margin-left:83.33333333%}:host ::ng-deep .offset-sm-11{margin-left:91.66666667%}:host ::ng-deep .g-sm-0,:host ::ng-deep .gx-sm-0{--bs-gutter-x: 0}:host ::ng-deep .g-sm-0,:host ::ng-deep .gy-sm-0{--bs-gutter-y: 0}:host ::ng-deep .g-sm-1,:host ::ng-deep .gx-sm-1{--bs-gutter-x: .25rem}:host ::ng-deep .g-sm-1,:host ::ng-deep .gy-sm-1{--bs-gutter-y: .25rem}:host ::ng-deep .g-sm-2,:host ::ng-deep .gx-sm-2{--bs-gutter-x: .5rem}:host ::ng-deep .g-sm-2,:host ::ng-deep .gy-sm-2{--bs-gutter-y: .5rem}:host ::ng-deep .g-sm-3,:host ::ng-deep .gx-sm-3{--bs-gutter-x: 1rem}:host ::ng-deep .g-sm-3,:host ::ng-deep .gy-sm-3{--bs-gutter-y: 1rem}:host ::ng-deep .g-sm-4,:host ::ng-deep .gx-sm-4{--bs-gutter-x: 1.5rem}:host ::ng-deep .g-sm-4,:host ::ng-deep .gy-sm-4{--bs-gutter-y: 1.5rem}:host ::ng-deep .g-sm-5,:host ::ng-deep .gx-sm-5{--bs-gutter-x: 3rem}:host ::ng-deep .g-sm-5,:host ::ng-deep .gy-sm-5{--bs-gutter-y: 3rem}}@media (min-width: 768px){:host ::ng-deep .col-md{flex:1 0 0%}:host ::ng-deep .row-cols-md-auto>*{flex:0 0 auto;width:auto}:host ::ng-deep .row-cols-md-1>*{flex:0 0 auto;width:100%}:host ::ng-deep .row-cols-md-2>*{flex:0 0 auto;width:50%}:host ::ng-deep .row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}:host ::ng-deep .row-cols-md-4>*{flex:0 0 auto;width:25%}:host ::ng-deep .row-cols-md-5>*{flex:0 0 auto;width:20%}:host ::ng-deep .row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}:host ::ng-deep .col-md-auto{flex:0 0 auto;width:auto}:host ::ng-deep .col-md-1{flex:0 0 auto;width:8.33333333%}:host ::ng-deep .col-md-2{flex:0 0 auto;width:16.66666667%}:host ::ng-deep .col-md-3{flex:0 0 auto;width:25%}:host ::ng-deep .col-md-4{flex:0 0 auto;width:33.33333333%}:host ::ng-deep .col-md-5{flex:0 0 auto;width:41.66666667%}:host ::ng-deep .col-md-6{flex:0 0 auto;width:50%}:host ::ng-deep .col-md-7{flex:0 0 auto;width:58.33333333%}:host ::ng-deep .col-md-8{flex:0 0 auto;width:66.66666667%}:host ::ng-deep .col-md-9{flex:0 0 auto;width:75%}:host ::ng-deep .col-md-10{flex:0 0 auto;width:83.33333333%}:host ::ng-deep .col-md-11{flex:0 0 auto;width:91.66666667%}:host ::ng-deep .col-md-12{flex:0 0 auto;width:100%}:host ::ng-deep .offset-md-0{margin-left:0}:host ::ng-deep .offset-md-1{margin-left:8.33333333%}:host ::ng-deep .offset-md-2{margin-left:16.66666667%}:host ::ng-deep .offset-md-3{margin-left:25%}:host ::ng-deep .offset-md-4{margin-left:33.33333333%}:host ::ng-deep .offset-md-5{margin-left:41.66666667%}:host ::ng-deep .offset-md-6{margin-left:50%}:host ::ng-deep .offset-md-7{margin-left:58.33333333%}:host ::ng-deep .offset-md-8{margin-left:66.66666667%}:host ::ng-deep .offset-md-9{margin-left:75%}:host ::ng-deep .offset-md-10{margin-left:83.33333333%}:host ::ng-deep .offset-md-11{margin-left:91.66666667%}:host ::ng-deep .g-md-0,:host ::ng-deep .gx-md-0{--bs-gutter-x: 0}:host ::ng-deep .g-md-0,:host ::ng-deep .gy-md-0{--bs-gutter-y: 0}:host ::ng-deep .g-md-1,:host ::ng-deep .gx-md-1{--bs-gutter-x: .25rem}:host ::ng-deep .g-md-1,:host ::ng-deep .gy-md-1{--bs-gutter-y: .25rem}:host ::ng-deep .g-md-2,:host ::ng-deep .gx-md-2{--bs-gutter-x: .5rem}:host ::ng-deep .g-md-2,:host ::ng-deep .gy-md-2{--bs-gutter-y: .5rem}:host ::ng-deep .g-md-3,:host ::ng-deep .gx-md-3{--bs-gutter-x: 1rem}:host ::ng-deep .g-md-3,:host ::ng-deep .gy-md-3{--bs-gutter-y: 1rem}:host ::ng-deep .g-md-4,:host ::ng-deep .gx-md-4{--bs-gutter-x: 1.5rem}:host ::ng-deep .g-md-4,:host ::ng-deep .gy-md-4{--bs-gutter-y: 1.5rem}:host ::ng-deep .g-md-5,:host ::ng-deep .gx-md-5{--bs-gutter-x: 3rem}:host ::ng-deep .g-md-5,:host ::ng-deep .gy-md-5{--bs-gutter-y: 3rem}}@media (min-width: 992px){:host ::ng-deep .col-lg{flex:1 0 0%}:host ::ng-deep .row-cols-lg-auto>*{flex:0 0 auto;width:auto}:host ::ng-deep .row-cols-lg-1>*{flex:0 0 auto;width:100%}:host ::ng-deep .row-cols-lg-2>*{flex:0 0 auto;width:50%}:host ::ng-deep .row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}:host ::ng-deep .row-cols-lg-4>*{flex:0 0 auto;width:25%}:host ::ng-deep .row-cols-lg-5>*{flex:0 0 auto;width:20%}:host ::ng-deep .row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}:host ::ng-deep .col-lg-auto{flex:0 0 auto;width:auto}:host ::ng-deep .col-lg-1{flex:0 0 auto;width:8.33333333%}:host ::ng-deep .col-lg-2{flex:0 0 auto;width:16.66666667%}:host ::ng-deep .col-lg-3{flex:0 0 auto;width:25%}:host ::ng-deep .col-lg-4{flex:0 0 auto;width:33.33333333%}:host ::ng-deep .col-lg-5{flex:0 0 auto;width:41.66666667%}:host ::ng-deep .col-lg-6{flex:0 0 auto;width:50%}:host ::ng-deep .col-lg-7{flex:0 0 auto;width:58.33333333%}:host ::ng-deep .col-lg-8{flex:0 0 auto;width:66.66666667%}:host ::ng-deep .col-lg-9{flex:0 0 auto;width:75%}:host ::ng-deep .col-lg-10{flex:0 0 auto;width:83.33333333%}:host ::ng-deep .col-lg-11{flex:0 0 auto;width:91.66666667%}:host ::ng-deep .col-lg-12{flex:0 0 auto;width:100%}:host ::ng-deep .offset-lg-0{margin-left:0}:host ::ng-deep .offset-lg-1{margin-left:8.33333333%}:host ::ng-deep .offset-lg-2{margin-left:16.66666667%}:host ::ng-deep .offset-lg-3{margin-left:25%}:host ::ng-deep .offset-lg-4{margin-left:33.33333333%}:host ::ng-deep .offset-lg-5{margin-left:41.66666667%}:host ::ng-deep .offset-lg-6{margin-left:50%}:host ::ng-deep .offset-lg-7{margin-left:58.33333333%}:host ::ng-deep .offset-lg-8{margin-left:66.66666667%}:host ::ng-deep .offset-lg-9{margin-left:75%}:host ::ng-deep .offset-lg-10{margin-left:83.33333333%}:host ::ng-deep .offset-lg-11{margin-left:91.66666667%}:host ::ng-deep .g-lg-0,:host ::ng-deep .gx-lg-0{--bs-gutter-x: 0}:host ::ng-deep .g-lg-0,:host ::ng-deep .gy-lg-0{--bs-gutter-y: 0}:host ::ng-deep .g-lg-1,:host ::ng-deep .gx-lg-1{--bs-gutter-x: .25rem}:host ::ng-deep .g-lg-1,:host ::ng-deep .gy-lg-1{--bs-gutter-y: .25rem}:host ::ng-deep .g-lg-2,:host ::ng-deep .gx-lg-2{--bs-gutter-x: .5rem}:host ::ng-deep .g-lg-2,:host ::ng-deep .gy-lg-2{--bs-gutter-y: .5rem}:host ::ng-deep .g-lg-3,:host ::ng-deep .gx-lg-3{--bs-gutter-x: 1rem}:host ::ng-deep .g-lg-3,:host ::ng-deep .gy-lg-3{--bs-gutter-y: 1rem}:host ::ng-deep .g-lg-4,:host ::ng-deep .gx-lg-4{--bs-gutter-x: 1.5rem}:host ::ng-deep .g-lg-4,:host ::ng-deep .gy-lg-4{--bs-gutter-y: 1.5rem}:host ::ng-deep .g-lg-5,:host ::ng-deep .gx-lg-5{--bs-gutter-x: 3rem}:host ::ng-deep .g-lg-5,:host ::ng-deep .gy-lg-5{--bs-gutter-y: 3rem}}@media (min-width: 1200px){:host ::ng-deep .col-xl{flex:1 0 0%}:host ::ng-deep .row-cols-xl-auto>*{flex:0 0 auto;width:auto}:host ::ng-deep .row-cols-xl-1>*{flex:0 0 auto;width:100%}:host ::ng-deep .row-cols-xl-2>*{flex:0 0 auto;width:50%}:host ::ng-deep .row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}:host ::ng-deep .row-cols-xl-4>*{flex:0 0 auto;width:25%}:host ::ng-deep .row-cols-xl-5>*{flex:0 0 auto;width:20%}:host ::ng-deep .row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}:host ::ng-deep .col-xl-auto{flex:0 0 auto;width:auto}:host ::ng-deep .col-xl-1{flex:0 0 auto;width:8.33333333%}:host ::ng-deep .col-xl-2{flex:0 0 auto;width:16.66666667%}:host ::ng-deep .col-xl-3{flex:0 0 auto;width:25%}:host ::ng-deep .col-xl-4{flex:0 0 auto;width:33.33333333%}:host ::ng-deep .col-xl-5{flex:0 0 auto;width:41.66666667%}:host ::ng-deep .col-xl-6{flex:0 0 auto;width:50%}:host ::ng-deep .col-xl-7{flex:0 0 auto;width:58.33333333%}:host ::ng-deep .col-xl-8{flex:0 0 auto;width:66.66666667%}:host ::ng-deep .col-xl-9{flex:0 0 auto;width:75%}:host ::ng-deep .col-xl-10{flex:0 0 auto;width:83.33333333%}:host ::ng-deep .col-xl-11{flex:0 0 auto;width:91.66666667%}:host ::ng-deep .col-xl-12{flex:0 0 auto;width:100%}:host ::ng-deep .offset-xl-0{margin-left:0}:host ::ng-deep .offset-xl-1{margin-left:8.33333333%}:host ::ng-deep .offset-xl-2{margin-left:16.66666667%}:host ::ng-deep .offset-xl-3{margin-left:25%}:host ::ng-deep .offset-xl-4{margin-left:33.33333333%}:host ::ng-deep .offset-xl-5{margin-left:41.66666667%}:host ::ng-deep .offset-xl-6{margin-left:50%}:host ::ng-deep .offset-xl-7{margin-left:58.33333333%}:host ::ng-deep .offset-xl-8{margin-left:66.66666667%}:host ::ng-deep .offset-xl-9{margin-left:75%}:host ::ng-deep .offset-xl-10{margin-left:83.33333333%}:host ::ng-deep .offset-xl-11{margin-left:91.66666667%}:host ::ng-deep .g-xl-0,:host ::ng-deep .gx-xl-0{--bs-gutter-x: 0}:host ::ng-deep .g-xl-0,:host ::ng-deep .gy-xl-0{--bs-gutter-y: 0}:host ::ng-deep .g-xl-1,:host ::ng-deep .gx-xl-1{--bs-gutter-x: .25rem}:host ::ng-deep .g-xl-1,:host ::ng-deep .gy-xl-1{--bs-gutter-y: .25rem}:host ::ng-deep .g-xl-2,:host ::ng-deep .gx-xl-2{--bs-gutter-x: .5rem}:host ::ng-deep .g-xl-2,:host ::ng-deep .gy-xl-2{--bs-gutter-y: .5rem}:host ::ng-deep .g-xl-3,:host ::ng-deep .gx-xl-3{--bs-gutter-x: 1rem}:host ::ng-deep .g-xl-3,:host ::ng-deep .gy-xl-3{--bs-gutter-y: 1rem}:host ::ng-deep .g-xl-4,:host ::ng-deep .gx-xl-4{--bs-gutter-x: 1.5rem}:host ::ng-deep .g-xl-4,:host ::ng-deep .gy-xl-4{--bs-gutter-y: 1.5rem}:host ::ng-deep .g-xl-5,:host ::ng-deep .gx-xl-5{--bs-gutter-x: 3rem}:host ::ng-deep .g-xl-5,:host ::ng-deep .gy-xl-5{--bs-gutter-y: 3rem}}@media (min-width: 1400px){:host ::ng-deep .col-xxl{flex:1 0 0%}:host ::ng-deep .row-cols-xxl-auto>*{flex:0 0 auto;width:auto}:host ::ng-deep .row-cols-xxl-1>*{flex:0 0 auto;width:100%}:host ::ng-deep .row-cols-xxl-2>*{flex:0 0 auto;width:50%}:host ::ng-deep .row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}:host ::ng-deep .row-cols-xxl-4>*{flex:0 0 auto;width:25%}:host ::ng-deep .row-cols-xxl-5>*{flex:0 0 auto;width:20%}:host ::ng-deep .row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}:host ::ng-deep .col-xxl-auto{flex:0 0 auto;width:auto}:host ::ng-deep .col-xxl-1{flex:0 0 auto;width:8.33333333%}:host ::ng-deep .col-xxl-2{flex:0 0 auto;width:16.66666667%}:host ::ng-deep .col-xxl-3{flex:0 0 auto;width:25%}:host ::ng-deep .col-xxl-4{flex:0 0 auto;width:33.33333333%}:host ::ng-deep .col-xxl-5{flex:0 0 auto;width:41.66666667%}:host ::ng-deep .col-xxl-6{flex:0 0 auto;width:50%}:host ::ng-deep .col-xxl-7{flex:0 0 auto;width:58.33333333%}:host ::ng-deep .col-xxl-8{flex:0 0 auto;width:66.66666667%}:host ::ng-deep .col-xxl-9{flex:0 0 auto;width:75%}:host ::ng-deep .col-xxl-10{flex:0 0 auto;width:83.33333333%}:host ::ng-deep .col-xxl-11{flex:0 0 auto;width:91.66666667%}:host ::ng-deep .col-xxl-12{flex:0 0 auto;width:100%}:host ::ng-deep .offset-xxl-0{margin-left:0}:host ::ng-deep .offset-xxl-1{margin-left:8.33333333%}:host ::ng-deep .offset-xxl-2{margin-left:16.66666667%}:host ::ng-deep .offset-xxl-3{margin-left:25%}:host ::ng-deep .offset-xxl-4{margin-left:33.33333333%}:host ::ng-deep .offset-xxl-5{margin-left:41.66666667%}:host ::ng-deep .offset-xxl-6{margin-left:50%}:host ::ng-deep .offset-xxl-7{margin-left:58.33333333%}:host ::ng-deep .offset-xxl-8{margin-left:66.66666667%}:host ::ng-deep .offset-xxl-9{margin-left:75%}:host ::ng-deep .offset-xxl-10{margin-left:83.33333333%}:host ::ng-deep .offset-xxl-11{margin-left:91.66666667%}:host ::ng-deep .g-xxl-0,:host ::ng-deep .gx-xxl-0{--bs-gutter-x: 0}:host ::ng-deep .g-xxl-0,:host ::ng-deep .gy-xxl-0{--bs-gutter-y: 0}:host ::ng-deep .g-xxl-1,:host ::ng-deep .gx-xxl-1{--bs-gutter-x: .25rem}:host ::ng-deep .g-xxl-1,:host ::ng-deep .gy-xxl-1{--bs-gutter-y: .25rem}:host ::ng-deep .g-xxl-2,:host ::ng-deep .gx-xxl-2{--bs-gutter-x: .5rem}:host ::ng-deep .g-xxl-2,:host ::ng-deep .gy-xxl-2{--bs-gutter-y: .5rem}:host ::ng-deep .g-xxl-3,:host ::ng-deep .gx-xxl-3{--bs-gutter-x: 1rem}:host ::ng-deep .g-xxl-3,:host ::ng-deep .gy-xxl-3{--bs-gutter-y: 1rem}:host ::ng-deep .g-xxl-4,:host ::ng-deep .gx-xxl-4{--bs-gutter-x: 1.5rem}:host ::ng-deep .g-xxl-4,:host ::ng-deep .gy-xxl-4{--bs-gutter-y: 1.5rem}:host ::ng-deep .g-xxl-5,:host ::ng-deep .gx-xxl-5{--bs-gutter-x: 3rem}:host ::ng-deep .g-xxl-5,:host ::ng-deep .gy-xxl-5{--bs-gutter-y: 3rem}}:host{display:contents}\n"] }]
1287
+ }], ctorParameters: function () { return []; }, propDecorators: { stopFullWidthAt: [{
1288
+ type: Input
1289
+ }] } });
1290
+
1291
+ class BsGridRowDirective {
1292
+ constructor() {
1293
+ this.rowClass = true;
1294
+ }
1295
+ }
1296
+ BsGridRowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsGridRowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
1297
+ BsGridRowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: BsGridRowDirective, selector: "[bsRow]", host: { properties: { "class.row": "this.rowClass" } }, ngImport: i0 });
1298
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsGridRowDirective, decorators: [{
1299
+ type: Directive,
1300
+ args: [{
1301
+ selector: '[bsRow]'
1302
+ }]
1303
+ }], propDecorators: { rowClass: [{
1304
+ type: HostBinding,
1305
+ args: ['class.row']
1306
+ }] } });
1307
+
1308
+ class BsGridColumnDirective {
1309
+ constructor() {
1310
+ this.customColClasses$ = new BehaviorSubject(undefined);
1311
+ this.destroyed$ = new Subject();
1312
+ this.classList = null;
1313
+ this.customColClasses$
1314
+ .pipe(map((data) => {
1315
+ if (!data) {
1316
+ return 'col';
1317
+ }
1318
+ else {
1319
+ return Object.keys(data)
1320
+ .map(key => ({
1321
+ key,
1322
+ value: data[key]
1323
+ }))
1324
+ .map(v => {
1325
+ if (v.key === '_') {
1326
+ return `col-${v.value}`;
1327
+ }
1328
+ else {
1329
+ return `col-${v.key}-${v.value}`;
1330
+ }
1331
+ })
1332
+ .join(' ');
1333
+ }
1334
+ }))
1335
+ .pipe(takeUntil(this.destroyed$))
1336
+ .subscribe((classList) => {
1337
+ this.classList = classList;
1338
+ });
1339
+ }
1340
+ set bsColumn(value) {
1341
+ this.customColClasses$.next(value);
1342
+ }
1343
+ ngOnDestroy() {
1344
+ this.destroyed$.next(true);
1345
+ }
1346
+ }
1347
+ BsGridColumnDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsGridColumnDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
1348
+ BsGridColumnDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: BsGridColumnDirective, selector: "[bsColumn]", inputs: { bsColumn: "bsColumn" }, host: { properties: { "class": "this.classList" } }, ngImport: i0 });
1349
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsGridColumnDirective, decorators: [{
1350
+ type: Directive,
1351
+ args: [{
1352
+ selector: '[bsColumn]'
1353
+ }]
1354
+ }], ctorParameters: function () { return []; }, propDecorators: { classList: [{
1355
+ type: HostBinding,
1356
+ args: ['class']
1357
+ }], bsColumn: [{
1358
+ type: Input
1359
+ }] } });
1360
+
1361
+ class BsTableComponent {
1362
+ constructor() {
1363
+ //#region isResponsive
1364
+ this.isResponsive$ = new BehaviorSubject(false);
1365
+ //#endregion
1366
+ //#region striped
1367
+ this.striped$ = new BehaviorSubject(false);
1368
+ //#endregion
1369
+ //#region hover
1370
+ this.hover$ = new BehaviorSubject(false);
1371
+ }
1372
+ get isResponsive() {
1373
+ return this.isResponsive$.value;
1374
+ }
1375
+ set isResponsive(value) {
1376
+ this.isResponsive$.next(value);
1377
+ }
1378
+ get striped() {
1379
+ return this.striped$.value;
1380
+ }
1381
+ set striped(value) {
1382
+ this.striped$.next(value);
1383
+ }
1384
+ get hover() {
1385
+ return this.hover$.value;
1386
+ }
1387
+ set hover(value) {
1388
+ this.hover$.next(value);
1389
+ }
1390
+ }
1391
+ BsTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1392
+ BsTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: BsTableComponent, selector: "bs-table", inputs: { isResponsive: "isResponsive", striped: "striped", hover: "hover" }, ngImport: i0, template: "<div class=\"d-block\" [class.table-responsive]=\"isResponsive$ | async\" [class.nowrap]=\"isResponsive$ | async\">\n <table class=\"table\" cellspacing=\"0\" role=\"grid\"\n [class.mb-0]=\"isResponsive$ | async\"\n [class.table-striped]=\"striped$ | async\"\n [class.table-hover]=\"hover$ | async\">\n\n <ng-content></ng-content>\n\n </table>\n</div>\n", styles: [":host ::ng-deep *,:host ::ng-deep *:before,:host ::ng-deep *:after{box-sizing:border-box}@media (prefers-reduced-motion: no-preference){:host ::ng-deep :root{scroll-behavior:smooth}}:host ::ng-deep body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}:host ::ng-deep hr{margin:1rem 0;color:inherit;border:0;border-top:1px solid;opacity:.25}:host ::ng-deep h6,:host ::ng-deep h5,:host ::ng-deep h4,:host ::ng-deep h3,:host ::ng-deep h2,:host ::ng-deep h1{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}:host ::ng-deep h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width: 1200px){:host ::ng-deep h1{font-size:2.5rem}}:host ::ng-deep h2{font-size:calc(1.325rem + .9vw)}@media (min-width: 1200px){:host ::ng-deep h2{font-size:2rem}}:host ::ng-deep h3{font-size:calc(1.3rem + .6vw)}@media (min-width: 1200px){:host ::ng-deep h3{font-size:1.75rem}}:host ::ng-deep h4{font-size:calc(1.275rem + .3vw)}@media (min-width: 1200px){:host ::ng-deep h4{font-size:1.5rem}}:host ::ng-deep h5{font-size:1.25rem}:host ::ng-deep h6{font-size:1rem}:host ::ng-deep p{margin-top:0;margin-bottom:1rem}:host ::ng-deep abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}:host ::ng-deep address{margin-bottom:1rem;font-style:normal;line-height:inherit}:host ::ng-deep ol,:host ::ng-deep ul{padding-left:2rem}:host ::ng-deep ol,:host ::ng-deep ul,:host ::ng-deep dl{margin-top:0;margin-bottom:1rem}:host ::ng-deep ol ol,:host ::ng-deep ul ul,:host ::ng-deep ol ul,:host ::ng-deep ul ol{margin-bottom:0}:host ::ng-deep dt{font-weight:700}:host ::ng-deep dd{margin-bottom:.5rem;margin-left:0}:host ::ng-deep blockquote{margin:0 0 1rem}:host ::ng-deep b,:host ::ng-deep strong{font-weight:bolder}:host ::ng-deep small{font-size:.875em}:host ::ng-deep mark{padding:.1875em;background-color:var(--bs-highlight-bg)}:host ::ng-deep sub,:host ::ng-deep sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}:host ::ng-deep sub{bottom:-.25em}:host ::ng-deep sup{top:-.5em}:host ::ng-deep a{color:var(--bs-link-color);text-decoration:underline}:host ::ng-deep a:hover{color:var(--bs-link-hover-color)}:host ::ng-deep a:not([href]):not([class]),:host ::ng-deep a:not([href]):not([class]):hover{color:inherit;text-decoration:none}:host ::ng-deep pre,:host ::ng-deep code,:host ::ng-deep kbd,:host ::ng-deep samp{font-family:var(--bs-font-monospace);font-size:1em}:host ::ng-deep pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}:host ::ng-deep pre code{font-size:inherit;color:inherit;word-break:normal}:host ::ng-deep code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>:host ::ng-deep code{color:inherit}:host ::ng-deep kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}:host ::ng-deep kbd kbd{padding:0;font-size:1em}:host ::ng-deep figure{margin:0 0 1rem}:host ::ng-deep img,:host ::ng-deep svg{vertical-align:middle}:host ::ng-deep table{caption-side:bottom;border-collapse:collapse}:host ::ng-deep caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}:host ::ng-deep th{text-align:inherit;text-align:-webkit-match-parent}:host ::ng-deep thead,:host ::ng-deep tbody,:host ::ng-deep tfoot,:host ::ng-deep tr,:host ::ng-deep td,:host ::ng-deep th{border-color:inherit;border-style:solid;border-width:0}:host ::ng-deep label{display:inline-block}:host ::ng-deep button{border-radius:0}:host ::ng-deep button:focus:not(:focus-visible){outline:0}:host ::ng-deep input,:host ::ng-deep button,:host ::ng-deep select,:host ::ng-deep optgroup,:host ::ng-deep textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}:host ::ng-deep button,:host ::ng-deep select{text-transform:none}:host ::ng-deep [role=button]{cursor:pointer}:host ::ng-deep select{word-wrap:normal}:host ::ng-deep select:disabled{opacity:1}:host ::ng-deep [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}:host ::ng-deep button,:host ::ng-deep [type=button],:host ::ng-deep [type=reset],:host ::ng-deep [type=submit]{-webkit-appearance:button}:host ::ng-deep button:not(:disabled),:host ::ng-deep [type=button]:not(:disabled),:host ::ng-deep [type=reset]:not(:disabled),:host ::ng-deep [type=submit]:not(:disabled){cursor:pointer}:host ::ng-deep ::-moz-focus-inner{padding:0;border-style:none}:host ::ng-deep textarea{resize:vertical}:host ::ng-deep fieldset{min-width:0;padding:0;margin:0;border:0}:host ::ng-deep legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width: 1200px){:host ::ng-deep legend{font-size:1.5rem}}:host ::ng-deep legend+*{clear:left}:host ::ng-deep ::-webkit-datetime-edit-fields-wrapper,:host ::ng-deep ::-webkit-datetime-edit-text,:host ::ng-deep ::-webkit-datetime-edit-minute,:host ::ng-deep ::-webkit-datetime-edit-hour-field,:host ::ng-deep ::-webkit-datetime-edit-day-field,:host ::ng-deep ::-webkit-datetime-edit-month-field,:host ::ng-deep ::-webkit-datetime-edit-year-field{padding:0}:host ::ng-deep ::-webkit-inner-spin-button{height:auto}:host ::ng-deep [type=search]{outline-offset:-2px;-webkit-appearance:textfield}:host ::ng-deep ::-webkit-search-decoration{-webkit-appearance:none}:host ::ng-deep ::-webkit-color-swatch-wrapper{padding:0}:host ::ng-deep ::file-selector-button{font:inherit;-webkit-appearance:button}:host ::ng-deep output{display:inline-block}:host ::ng-deep iframe{border:0}:host ::ng-deep summary{display:list-item;cursor:pointer}:host ::ng-deep progress{vertical-align:baseline}:host ::ng-deep [hidden]{display:none!important}:host ::ng-deep .table{--bs-table-color: var(--bs-body-color);--bs-table-bg: transparent;--bs-table-border-color: var(--bs-border-color);--bs-table-accent-bg: transparent;--bs-table-striped-color: var(--bs-body-color);--bs-table-striped-bg: rgba(0, 0, 0, .05);--bs-table-active-color: var(--bs-body-color);--bs-table-active-bg: rgba(0, 0, 0, .1);--bs-table-hover-color: var(--bs-body-color);--bs-table-hover-bg: rgba(0, 0, 0, .075);width:100%;margin-bottom:1rem;color:var(--bs-table-color);vertical-align:top;border-color:var(--bs-table-border-color)}:host ::ng-deep .table>:not(caption)>*>*{padding:.5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}:host ::ng-deep .table>tbody{vertical-align:inherit}:host ::ng-deep .table>thead{vertical-align:bottom}:host ::ng-deep .table-group-divider{border-top:2px solid currentcolor}:host ::ng-deep .caption-top{caption-side:top}:host ::ng-deep .table-sm>:not(caption)>*>*{padding:.25rem}:host ::ng-deep .table-bordered>:not(caption)>*{border-width:1px 0}:host ::ng-deep .table-bordered>:not(caption)>*>*{border-width:0 1px}:host ::ng-deep .table-borderless>:not(caption)>*>*{border-bottom-width:0}:host ::ng-deep .table-borderless>:not(:first-child){border-top-width:0}:host ::ng-deep .table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg: var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}:host ::ng-deep .table-striped-columns>:not(caption)>tr>:nth-child(even){--bs-table-accent-bg: var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}:host ::ng-deep .table-active{--bs-table-accent-bg: var(--bs-table-active-bg);color:var(--bs-table-active-color)}:host ::ng-deep .table-hover>tbody>tr:hover>*{--bs-table-accent-bg: var(--bs-table-hover-bg);color:var(--bs-table-hover-color)}:host ::ng-deep .table-primary{--bs-table-color: #000;--bs-table-bg: #cfe2ff;--bs-table-border-color: #bacbe6;--bs-table-striped-bg: #c5d7f2;--bs-table-striped-color: #000;--bs-table-active-bg: #bacbe6;--bs-table-active-color: #000;--bs-table-hover-bg: #bfd1ec;--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-secondary{--bs-table-color: #000;--bs-table-bg: #e2e3e5;--bs-table-border-color: #cbccce;--bs-table-striped-bg: #d7d8da;--bs-table-striped-color: #000;--bs-table-active-bg: #cbccce;--bs-table-active-color: #000;--bs-table-hover-bg: #d1d2d4;--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-success{--bs-table-color: #000;--bs-table-bg: #d1e7dd;--bs-table-border-color: #bcd0c7;--bs-table-striped-bg: #c7dbd2;--bs-table-striped-color: #000;--bs-table-active-bg: #bcd0c7;--bs-table-active-color: #000;--bs-table-hover-bg: #c1d6cc;--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-info{--bs-table-color: #000;--bs-table-bg: #cff4fc;--bs-table-border-color: #badce3;--bs-table-striped-bg: #c5e8ef;--bs-table-striped-color: #000;--bs-table-active-bg: #badce3;--bs-table-active-color: #000;--bs-table-hover-bg: #bfe2e9;--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-warning{--bs-table-color: #000;--bs-table-bg: #fff3cd;--bs-table-border-color: #e6dbb9;--bs-table-striped-bg: #f2e7c3;--bs-table-striped-color: #000;--bs-table-active-bg: #e6dbb9;--bs-table-active-color: #000;--bs-table-hover-bg: #ece1be;--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-danger{--bs-table-color: #000;--bs-table-bg: #f8d7da;--bs-table-border-color: #dfc2c4;--bs-table-striped-bg: #eccccf;--bs-table-striped-color: #000;--bs-table-active-bg: #dfc2c4;--bs-table-active-color: #000;--bs-table-hover-bg: #e5c7ca;--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-light{--bs-table-color: #000;--bs-table-bg: #f8f9fa;--bs-table-border-color: #dfe0e1;--bs-table-striped-bg: #ecedee;--bs-table-striped-color: #000;--bs-table-active-bg: #dfe0e1;--bs-table-active-color: #000;--bs-table-hover-bg: #e5e6e7;--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-dark{--bs-table-color: #fff;--bs-table-bg: #212529;--bs-table-border-color: #373b3e;--bs-table-striped-bg: #2c3034;--bs-table-striped-color: #fff;--bs-table-active-bg: #373b3e;--bs-table-active-color: #fff;--bs-table-hover-bg: #323539;--bs-table-hover-color: #fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 575.98px){:host ::ng-deep .table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 767.98px){:host ::ng-deep .table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 991.98px){:host ::ng-deep .table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 1199.98px){:host ::ng-deep .table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 1399.98px){:host ::ng-deep .table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}:host ::ng-deep .nowrap th,:host ::ng-deep td{white-space:nowrap}\n"], dependencies: [{ kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
1393
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsTableComponent, decorators: [{
1394
+ type: Component,
1395
+ args: [{ selector: 'bs-table', template: "<div class=\"d-block\" [class.table-responsive]=\"isResponsive$ | async\" [class.nowrap]=\"isResponsive$ | async\">\n <table class=\"table\" cellspacing=\"0\" role=\"grid\"\n [class.mb-0]=\"isResponsive$ | async\"\n [class.table-striped]=\"striped$ | async\"\n [class.table-hover]=\"hover$ | async\">\n\n <ng-content></ng-content>\n\n </table>\n</div>\n", styles: [":host ::ng-deep *,:host ::ng-deep *:before,:host ::ng-deep *:after{box-sizing:border-box}@media (prefers-reduced-motion: no-preference){:host ::ng-deep :root{scroll-behavior:smooth}}:host ::ng-deep body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}:host ::ng-deep hr{margin:1rem 0;color:inherit;border:0;border-top:1px solid;opacity:.25}:host ::ng-deep h6,:host ::ng-deep h5,:host ::ng-deep h4,:host ::ng-deep h3,:host ::ng-deep h2,:host ::ng-deep h1{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}:host ::ng-deep h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width: 1200px){:host ::ng-deep h1{font-size:2.5rem}}:host ::ng-deep h2{font-size:calc(1.325rem + .9vw)}@media (min-width: 1200px){:host ::ng-deep h2{font-size:2rem}}:host ::ng-deep h3{font-size:calc(1.3rem + .6vw)}@media (min-width: 1200px){:host ::ng-deep h3{font-size:1.75rem}}:host ::ng-deep h4{font-size:calc(1.275rem + .3vw)}@media (min-width: 1200px){:host ::ng-deep h4{font-size:1.5rem}}:host ::ng-deep h5{font-size:1.25rem}:host ::ng-deep h6{font-size:1rem}:host ::ng-deep p{margin-top:0;margin-bottom:1rem}:host ::ng-deep abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}:host ::ng-deep address{margin-bottom:1rem;font-style:normal;line-height:inherit}:host ::ng-deep ol,:host ::ng-deep ul{padding-left:2rem}:host ::ng-deep ol,:host ::ng-deep ul,:host ::ng-deep dl{margin-top:0;margin-bottom:1rem}:host ::ng-deep ol ol,:host ::ng-deep ul ul,:host ::ng-deep ol ul,:host ::ng-deep ul ol{margin-bottom:0}:host ::ng-deep dt{font-weight:700}:host ::ng-deep dd{margin-bottom:.5rem;margin-left:0}:host ::ng-deep blockquote{margin:0 0 1rem}:host ::ng-deep b,:host ::ng-deep strong{font-weight:bolder}:host ::ng-deep small{font-size:.875em}:host ::ng-deep mark{padding:.1875em;background-color:var(--bs-highlight-bg)}:host ::ng-deep sub,:host ::ng-deep sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}:host ::ng-deep sub{bottom:-.25em}:host ::ng-deep sup{top:-.5em}:host ::ng-deep a{color:var(--bs-link-color);text-decoration:underline}:host ::ng-deep a:hover{color:var(--bs-link-hover-color)}:host ::ng-deep a:not([href]):not([class]),:host ::ng-deep a:not([href]):not([class]):hover{color:inherit;text-decoration:none}:host ::ng-deep pre,:host ::ng-deep code,:host ::ng-deep kbd,:host ::ng-deep samp{font-family:var(--bs-font-monospace);font-size:1em}:host ::ng-deep pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}:host ::ng-deep pre code{font-size:inherit;color:inherit;word-break:normal}:host ::ng-deep code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>:host ::ng-deep code{color:inherit}:host ::ng-deep kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}:host ::ng-deep kbd kbd{padding:0;font-size:1em}:host ::ng-deep figure{margin:0 0 1rem}:host ::ng-deep img,:host ::ng-deep svg{vertical-align:middle}:host ::ng-deep table{caption-side:bottom;border-collapse:collapse}:host ::ng-deep caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}:host ::ng-deep th{text-align:inherit;text-align:-webkit-match-parent}:host ::ng-deep thead,:host ::ng-deep tbody,:host ::ng-deep tfoot,:host ::ng-deep tr,:host ::ng-deep td,:host ::ng-deep th{border-color:inherit;border-style:solid;border-width:0}:host ::ng-deep label{display:inline-block}:host ::ng-deep button{border-radius:0}:host ::ng-deep button:focus:not(:focus-visible){outline:0}:host ::ng-deep input,:host ::ng-deep button,:host ::ng-deep select,:host ::ng-deep optgroup,:host ::ng-deep textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}:host ::ng-deep button,:host ::ng-deep select{text-transform:none}:host ::ng-deep [role=button]{cursor:pointer}:host ::ng-deep select{word-wrap:normal}:host ::ng-deep select:disabled{opacity:1}:host ::ng-deep [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}:host ::ng-deep button,:host ::ng-deep [type=button],:host ::ng-deep [type=reset],:host ::ng-deep [type=submit]{-webkit-appearance:button}:host ::ng-deep button:not(:disabled),:host ::ng-deep [type=button]:not(:disabled),:host ::ng-deep [type=reset]:not(:disabled),:host ::ng-deep [type=submit]:not(:disabled){cursor:pointer}:host ::ng-deep ::-moz-focus-inner{padding:0;border-style:none}:host ::ng-deep textarea{resize:vertical}:host ::ng-deep fieldset{min-width:0;padding:0;margin:0;border:0}:host ::ng-deep legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width: 1200px){:host ::ng-deep legend{font-size:1.5rem}}:host ::ng-deep legend+*{clear:left}:host ::ng-deep ::-webkit-datetime-edit-fields-wrapper,:host ::ng-deep ::-webkit-datetime-edit-text,:host ::ng-deep ::-webkit-datetime-edit-minute,:host ::ng-deep ::-webkit-datetime-edit-hour-field,:host ::ng-deep ::-webkit-datetime-edit-day-field,:host ::ng-deep ::-webkit-datetime-edit-month-field,:host ::ng-deep ::-webkit-datetime-edit-year-field{padding:0}:host ::ng-deep ::-webkit-inner-spin-button{height:auto}:host ::ng-deep [type=search]{outline-offset:-2px;-webkit-appearance:textfield}:host ::ng-deep ::-webkit-search-decoration{-webkit-appearance:none}:host ::ng-deep ::-webkit-color-swatch-wrapper{padding:0}:host ::ng-deep ::file-selector-button{font:inherit;-webkit-appearance:button}:host ::ng-deep output{display:inline-block}:host ::ng-deep iframe{border:0}:host ::ng-deep summary{display:list-item;cursor:pointer}:host ::ng-deep progress{vertical-align:baseline}:host ::ng-deep [hidden]{display:none!important}:host ::ng-deep .table{--bs-table-color: var(--bs-body-color);--bs-table-bg: transparent;--bs-table-border-color: var(--bs-border-color);--bs-table-accent-bg: transparent;--bs-table-striped-color: var(--bs-body-color);--bs-table-striped-bg: rgba(0, 0, 0, .05);--bs-table-active-color: var(--bs-body-color);--bs-table-active-bg: rgba(0, 0, 0, .1);--bs-table-hover-color: var(--bs-body-color);--bs-table-hover-bg: rgba(0, 0, 0, .075);width:100%;margin-bottom:1rem;color:var(--bs-table-color);vertical-align:top;border-color:var(--bs-table-border-color)}:host ::ng-deep .table>:not(caption)>*>*{padding:.5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}:host ::ng-deep .table>tbody{vertical-align:inherit}:host ::ng-deep .table>thead{vertical-align:bottom}:host ::ng-deep .table-group-divider{border-top:2px solid currentcolor}:host ::ng-deep .caption-top{caption-side:top}:host ::ng-deep .table-sm>:not(caption)>*>*{padding:.25rem}:host ::ng-deep .table-bordered>:not(caption)>*{border-width:1px 0}:host ::ng-deep .table-bordered>:not(caption)>*>*{border-width:0 1px}:host ::ng-deep .table-borderless>:not(caption)>*>*{border-bottom-width:0}:host ::ng-deep .table-borderless>:not(:first-child){border-top-width:0}:host ::ng-deep .table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg: var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}:host ::ng-deep .table-striped-columns>:not(caption)>tr>:nth-child(even){--bs-table-accent-bg: var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}:host ::ng-deep .table-active{--bs-table-accent-bg: var(--bs-table-active-bg);color:var(--bs-table-active-color)}:host ::ng-deep .table-hover>tbody>tr:hover>*{--bs-table-accent-bg: var(--bs-table-hover-bg);color:var(--bs-table-hover-color)}:host ::ng-deep .table-primary{--bs-table-color: #000;--bs-table-bg: #cfe2ff;--bs-table-border-color: #bacbe6;--bs-table-striped-bg: #c5d7f2;--bs-table-striped-color: #000;--bs-table-active-bg: #bacbe6;--bs-table-active-color: #000;--bs-table-hover-bg: #bfd1ec;--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-secondary{--bs-table-color: #000;--bs-table-bg: #e2e3e5;--bs-table-border-color: #cbccce;--bs-table-striped-bg: #d7d8da;--bs-table-striped-color: #000;--bs-table-active-bg: #cbccce;--bs-table-active-color: #000;--bs-table-hover-bg: #d1d2d4;--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-success{--bs-table-color: #000;--bs-table-bg: #d1e7dd;--bs-table-border-color: #bcd0c7;--bs-table-striped-bg: #c7dbd2;--bs-table-striped-color: #000;--bs-table-active-bg: #bcd0c7;--bs-table-active-color: #000;--bs-table-hover-bg: #c1d6cc;--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-info{--bs-table-color: #000;--bs-table-bg: #cff4fc;--bs-table-border-color: #badce3;--bs-table-striped-bg: #c5e8ef;--bs-table-striped-color: #000;--bs-table-active-bg: #badce3;--bs-table-active-color: #000;--bs-table-hover-bg: #bfe2e9;--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-warning{--bs-table-color: #000;--bs-table-bg: #fff3cd;--bs-table-border-color: #e6dbb9;--bs-table-striped-bg: #f2e7c3;--bs-table-striped-color: #000;--bs-table-active-bg: #e6dbb9;--bs-table-active-color: #000;--bs-table-hover-bg: #ece1be;--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-danger{--bs-table-color: #000;--bs-table-bg: #f8d7da;--bs-table-border-color: #dfc2c4;--bs-table-striped-bg: #eccccf;--bs-table-striped-color: #000;--bs-table-active-bg: #dfc2c4;--bs-table-active-color: #000;--bs-table-hover-bg: #e5c7ca;--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-light{--bs-table-color: #000;--bs-table-bg: #f8f9fa;--bs-table-border-color: #dfe0e1;--bs-table-striped-bg: #ecedee;--bs-table-striped-color: #000;--bs-table-active-bg: #dfe0e1;--bs-table-active-color: #000;--bs-table-hover-bg: #e5e6e7;--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-dark{--bs-table-color: #fff;--bs-table-bg: #212529;--bs-table-border-color: #373b3e;--bs-table-striped-bg: #2c3034;--bs-table-striped-color: #fff;--bs-table-active-bg: #373b3e;--bs-table-active-color: #fff;--bs-table-hover-bg: #323539;--bs-table-hover-color: #fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}:host ::ng-deep .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 575.98px){:host ::ng-deep .table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 767.98px){:host ::ng-deep .table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 991.98px){:host ::ng-deep .table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 1199.98px){:host ::ng-deep .table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 1399.98px){:host ::ng-deep .table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}:host ::ng-deep .nowrap th,:host ::ng-deep td{white-space:nowrap}\n"] }]
1396
+ }], ctorParameters: function () { return []; }, propDecorators: { isResponsive: [{
1397
+ type: Input
1398
+ }], striped: [{
1399
+ type: Input
1400
+ }], hover: [{
1401
+ type: Input
1402
+ }] } });
1403
+
1268
1404
  class BsPaginationComponent {
1269
1405
  constructor() {
1270
1406
  /** All page numbers. */
@@ -1461,13 +1597,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
1461
1597
 
1462
1598
  class BsDatatableComponent {
1463
1599
  constructor() {
1464
- this.columns = [];
1600
+ //#region Columns
1601
+ this.columns$ = new BehaviorSubject([]);
1465
1602
  this.reloadData = new EventEmitter();
1466
1603
  this.settings = new DatatableSettings();
1467
1604
  this.settings.sortProperty = '';
1468
1605
  this.settings.sortDirection = 'ascending';
1469
1606
  this.settings.perPage = { values: [10, 20, 50], selected: 20 };
1470
1607
  this.settings.page = { values: [1], selected: 1 };
1608
+ this.numberOfColumns$ = this.columns$.pipe(map(columns => columns.length));
1609
+ }
1610
+ set columns(value) {
1611
+ this.columns$.next(value);
1471
1612
  }
1472
1613
  columnHeaderClicked(column) {
1473
1614
  if (column.bsDatatableColumn.sortable) {
@@ -1486,10 +1627,10 @@ class BsDatatableComponent {
1486
1627
  }
1487
1628
  }
1488
1629
  BsDatatableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsDatatableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1489
- BsDatatableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: BsDatatableComponent, selector: "bs-datatable", inputs: { settings: "settings", data: "data" }, outputs: { reloadData: "reloadData" }, queries: [{ propertyName: "columns", predicate: BsDatatableColumnDirective }], ngImport: i0, template: "<div class=\"table-responsive overflow-y-hidden mb-3\">\n <table class=\"table table-striped table-hover w-100 mb-0\" cellspacing=\"0\" role=\"grid\">\n <thead>\n <tr>\n <th *ngFor=\"let column of columns\" class=\"text-nowrap\"\n [class.sort]=\"column.bsDatatableColumn.sortable\"\n [class.sort-asc]=\"column.bsDatatableColumn.sortable && (settings.sortProperty === column.bsDatatableColumn.name) && (settings.sortDirection === 'ascending')\"\n [class.sort-desc]=\"column.bsDatatableColumn.sortable && (settings.sortProperty === column.bsDatatableColumn.name) && (settings.sortDirection === 'descending')\"\n (click)=\"columnHeaderClicked(column)\">\n <ng-container *ngTemplateOutlet=\"column.templateRef\"></ng-container>\n </th>\n </tr>\n </thead>\n <tbody>\n <ng-container *ngIf=\"!!data && !!rowTemplate\">\n <ng-container *ngFor=\"let item of data.data\">\n <ng-container *ngTemplateOutlet=\"rowTemplate; context: { $implicit: item }\"></ng-container>\n </ng-container>\n </ng-container>\n </tbody>\n </table>\n</div>\n<div class=\"container-fluid\">\n <div class=\"row\">\n <div class=\"col-md-12\">\n <bs-pagination class=\"float-start\" [pageNumbers]=\"settings.perPage.values\"\n [(selectedPageNumber)]=\"settings.perPage.selected\" (selectedPageNumberChange)=\"reloadData.emit(settings)\"\n [showArrows]=\"false\"></bs-pagination>\n <bs-pagination class=\"float-end\" [pageNumbers]=\"settings.page.values\"\n [(selectedPageNumber)]=\"settings.page.selected\" (selectedPageNumberChange)=\"reloadData.emit(settings)\"\n [showArrows]=\"true\"></bs-pagination>\n </div>\n </div>\n</div>", styles: ["@charset \"UTF-8\";.overflow-y-hidden{overflow-y:hidden}.table thead th.sort{position:relative;cursor:pointer}.table thead th.sort:before,.table thead th.sort:after{position:absolute;display:block;opacity:.3;bottom:.5em}.table thead th.sort:before{content:\"\\2191\";right:1em}.table thead th.sort:after{content:\"\\2193\";right:.5em}.table thead th.sort.sort-asc:after{opacity:1}.table thead th.sort.sort-desc:before{opacity:1}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BsPaginationComponent, selector: "bs-pagination", inputs: ["selectedPageNumber", "numberOfBoxes", "pageNumbers", "showArrows", "size"], outputs: ["selectedPageNumberChange"] }] });
1630
+ BsDatatableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: BsDatatableComponent, selector: "bs-datatable", inputs: { settings: "settings", data: "data" }, outputs: { reloadData: "reloadData" }, queries: [{ propertyName: "columns", predicate: BsDatatableColumnDirective }], ngImport: i0, template: "<bs-table [isResponsive]=\"true\" [striped]=\"true\" [hover]=\"true\" class=\"mb-3\">\n <thead>\n <tr>\n <th *ngFor=\"let column of (columns$ | async)\" class=\"text-nowrap\"\n [class.sort]=\"column.bsDatatableColumn.sortable\"\n [class.sort-asc]=\"column.bsDatatableColumn.sortable && (settings.sortProperty === column.bsDatatableColumn.name) && (settings.sortDirection === 'ascending')\"\n [class.sort-desc]=\"column.bsDatatableColumn.sortable && (settings.sortProperty === column.bsDatatableColumn.name) && (settings.sortDirection === 'descending')\"\n (click)=\"columnHeaderClicked(column)\">\n <ng-container *ngTemplateOutlet=\"column.templateRef\"></ng-container>\n </th>\n </tr>\n </thead>\n <tbody>\n <ng-container *ngIf=\"!!data && !!rowTemplate\">\n <ng-container *ngFor=\"let item of data.data\">\n <ng-container *ngTemplateOutlet=\"rowTemplate; context: { $implicit: item }\"></ng-container>\n </ng-container>\n </ng-container>\n </tbody>\n <tfoot>\n <tr>\n <td [colSpan]=\"numberOfColumns$ | async\">\n <bs-grid [stopFullWidthAt]=\"'never'\">\n <div bsRow>\n <div [bsColumn]=\"{md: 12}\">\n <bs-pagination class=\"float-start\" [pageNumbers]=\"settings.perPage.values\"\n [(selectedPageNumber)]=\"settings.perPage.selected\" (selectedPageNumberChange)=\"reloadData.emit(settings)\"\n [showArrows]=\"false\"></bs-pagination>\n <bs-pagination class=\"float-end\" [pageNumbers]=\"settings.page.values\"\n [(selectedPageNumber)]=\"settings.page.selected\" (selectedPageNumberChange)=\"reloadData.emit(settings)\"\n [showArrows]=\"true\"></bs-pagination>\n </div>\n </div>\n </bs-grid>\n </td>\n </tr>\n </tfoot>\n</bs-table>", styles: ["@charset \"UTF-8\";tfoot>tr>td{border-bottom:none}bs-table thead th.sort{position:relative;cursor:pointer}bs-table thead th.sort:before,bs-table thead th.sort:after{position:absolute;display:block;opacity:.3;bottom:.5em}bs-table thead th.sort:before{content:\"\\2191\";right:1em}bs-table thead th.sort:after{content:\"\\2193\";right:.5em}bs-table thead th.sort.sort-asc:after{opacity:1}bs-table thead th.sort.sort-desc:before{opacity:1}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BsGridComponent, selector: "bs-grid", inputs: ["stopFullWidthAt"] }, { kind: "directive", type: BsGridRowDirective, selector: "[bsRow]" }, { kind: "directive", type: BsGridColumnDirective, selector: "[bsColumn]", inputs: ["bsColumn"] }, { kind: "component", type: BsTableComponent, selector: "bs-table", inputs: ["isResponsive", "striped", "hover"] }, { kind: "component", type: BsPaginationComponent, selector: "bs-pagination", inputs: ["selectedPageNumber", "numberOfBoxes", "pageNumbers", "showArrows", "size"], outputs: ["selectedPageNumberChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
1490
1631
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsDatatableComponent, decorators: [{
1491
1632
  type: Component,
1492
- args: [{ selector: 'bs-datatable', template: "<div class=\"table-responsive overflow-y-hidden mb-3\">\n <table class=\"table table-striped table-hover w-100 mb-0\" cellspacing=\"0\" role=\"grid\">\n <thead>\n <tr>\n <th *ngFor=\"let column of columns\" class=\"text-nowrap\"\n [class.sort]=\"column.bsDatatableColumn.sortable\"\n [class.sort-asc]=\"column.bsDatatableColumn.sortable && (settings.sortProperty === column.bsDatatableColumn.name) && (settings.sortDirection === 'ascending')\"\n [class.sort-desc]=\"column.bsDatatableColumn.sortable && (settings.sortProperty === column.bsDatatableColumn.name) && (settings.sortDirection === 'descending')\"\n (click)=\"columnHeaderClicked(column)\">\n <ng-container *ngTemplateOutlet=\"column.templateRef\"></ng-container>\n </th>\n </tr>\n </thead>\n <tbody>\n <ng-container *ngIf=\"!!data && !!rowTemplate\">\n <ng-container *ngFor=\"let item of data.data\">\n <ng-container *ngTemplateOutlet=\"rowTemplate; context: { $implicit: item }\"></ng-container>\n </ng-container>\n </ng-container>\n </tbody>\n </table>\n</div>\n<div class=\"container-fluid\">\n <div class=\"row\">\n <div class=\"col-md-12\">\n <bs-pagination class=\"float-start\" [pageNumbers]=\"settings.perPage.values\"\n [(selectedPageNumber)]=\"settings.perPage.selected\" (selectedPageNumberChange)=\"reloadData.emit(settings)\"\n [showArrows]=\"false\"></bs-pagination>\n <bs-pagination class=\"float-end\" [pageNumbers]=\"settings.page.values\"\n [(selectedPageNumber)]=\"settings.page.selected\" (selectedPageNumberChange)=\"reloadData.emit(settings)\"\n [showArrows]=\"true\"></bs-pagination>\n </div>\n </div>\n</div>", styles: ["@charset \"UTF-8\";.overflow-y-hidden{overflow-y:hidden}.table thead th.sort{position:relative;cursor:pointer}.table thead th.sort:before,.table thead th.sort:after{position:absolute;display:block;opacity:.3;bottom:.5em}.table thead th.sort:before{content:\"\\2191\";right:1em}.table thead th.sort:after{content:\"\\2193\";right:.5em}.table thead th.sort.sort-asc:after{opacity:1}.table thead th.sort.sort-desc:before{opacity:1}\n"] }]
1633
+ args: [{ selector: 'bs-datatable', template: "<bs-table [isResponsive]=\"true\" [striped]=\"true\" [hover]=\"true\" class=\"mb-3\">\n <thead>\n <tr>\n <th *ngFor=\"let column of (columns$ | async)\" class=\"text-nowrap\"\n [class.sort]=\"column.bsDatatableColumn.sortable\"\n [class.sort-asc]=\"column.bsDatatableColumn.sortable && (settings.sortProperty === column.bsDatatableColumn.name) && (settings.sortDirection === 'ascending')\"\n [class.sort-desc]=\"column.bsDatatableColumn.sortable && (settings.sortProperty === column.bsDatatableColumn.name) && (settings.sortDirection === 'descending')\"\n (click)=\"columnHeaderClicked(column)\">\n <ng-container *ngTemplateOutlet=\"column.templateRef\"></ng-container>\n </th>\n </tr>\n </thead>\n <tbody>\n <ng-container *ngIf=\"!!data && !!rowTemplate\">\n <ng-container *ngFor=\"let item of data.data\">\n <ng-container *ngTemplateOutlet=\"rowTemplate; context: { $implicit: item }\"></ng-container>\n </ng-container>\n </ng-container>\n </tbody>\n <tfoot>\n <tr>\n <td [colSpan]=\"numberOfColumns$ | async\">\n <bs-grid [stopFullWidthAt]=\"'never'\">\n <div bsRow>\n <div [bsColumn]=\"{md: 12}\">\n <bs-pagination class=\"float-start\" [pageNumbers]=\"settings.perPage.values\"\n [(selectedPageNumber)]=\"settings.perPage.selected\" (selectedPageNumberChange)=\"reloadData.emit(settings)\"\n [showArrows]=\"false\"></bs-pagination>\n <bs-pagination class=\"float-end\" [pageNumbers]=\"settings.page.values\"\n [(selectedPageNumber)]=\"settings.page.selected\" (selectedPageNumberChange)=\"reloadData.emit(settings)\"\n [showArrows]=\"true\"></bs-pagination>\n </div>\n </div>\n </bs-grid>\n </td>\n </tr>\n </tfoot>\n</bs-table>", styles: ["@charset \"UTF-8\";tfoot>tr>td{border-bottom:none}bs-table thead th.sort{position:relative;cursor:pointer}bs-table thead th.sort:before,bs-table thead th.sort:after{position:absolute;display:block;opacity:.3;bottom:.5em}bs-table thead th.sort:before{content:\"\\2191\";right:1em}bs-table thead th.sort:after{content:\"\\2193\";right:.5em}bs-table thead th.sort.sort-asc:after{opacity:1}bs-table thead th.sort.sort-desc:before{opacity:1}\n"] }]
1493
1634
  }], ctorParameters: function () { return []; }, propDecorators: { columns: [{
1494
1635
  type: ContentChildren,
1495
1636
  args: [BsDatatableColumnDirective]
@@ -1516,6 +1657,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
1516
1657
  }]
1517
1658
  }], ctorParameters: function () { return [{ type: BsDatatableComponent }, { type: i0.TemplateRef }]; } });
1518
1659
 
1660
+ class BsGridModule {
1661
+ }
1662
+ BsGridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1663
+ BsGridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: BsGridModule, declarations: [BsGridComponent, BsGridRowDirective, BsGridColumnDirective], imports: [CommonModule], exports: [BsGridComponent, BsGridRowDirective, BsGridColumnDirective] });
1664
+ BsGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsGridModule, imports: [CommonModule] });
1665
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsGridModule, decorators: [{
1666
+ type: NgModule,
1667
+ args: [{
1668
+ declarations: [BsGridComponent, BsGridRowDirective, BsGridColumnDirective],
1669
+ imports: [CommonModule],
1670
+ exports: [BsGridComponent, BsGridRowDirective, BsGridColumnDirective],
1671
+ }]
1672
+ }] });
1673
+
1674
+ class BsTableModule {
1675
+ }
1676
+ BsTableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1677
+ BsTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: BsTableModule, declarations: [BsTableComponent], imports: [CommonModule], exports: [BsTableComponent] });
1678
+ BsTableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsTableModule, imports: [CommonModule] });
1679
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsTableModule, decorators: [{
1680
+ type: NgModule,
1681
+ args: [{
1682
+ declarations: [BsTableComponent],
1683
+ imports: [CommonModule],
1684
+ exports: [BsTableComponent],
1685
+ }]
1686
+ }] });
1687
+
1519
1688
  class BsPaginationModule {
1520
1689
  }
1521
1690
  BsPaginationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsPaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -1542,10 +1711,14 @@ BsDatatableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", versio
1542
1711
  BsDatatableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: BsDatatableModule, declarations: [BsDatatableComponent,
1543
1712
  BsRowTemplateDirective,
1544
1713
  BsDatatableColumnDirective], imports: [CommonModule,
1714
+ BsGridModule,
1715
+ BsTableModule,
1545
1716
  BsPaginationModule], exports: [BsDatatableComponent,
1546
1717
  BsRowTemplateDirective,
1547
1718
  BsDatatableColumnDirective] });
1548
1719
  BsDatatableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsDatatableModule, imports: [CommonModule,
1720
+ BsGridModule,
1721
+ BsTableModule,
1549
1722
  BsPaginationModule] });
1550
1723
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsDatatableModule, decorators: [{
1551
1724
  type: NgModule,
@@ -1557,6 +1730,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
1557
1730
  ],
1558
1731
  imports: [
1559
1732
  CommonModule,
1733
+ BsGridModule,
1734
+ BsTableModule,
1560
1735
  BsPaginationModule
1561
1736
  ],
1562
1737
  exports: [
@@ -2037,6 +2212,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
2037
2212
  args: ['class.overflow-hidden']
2038
2213
  }] } });
2039
2214
 
2215
+ class BsListGroupItemComponent {
2216
+ constructor() {
2217
+ }
2218
+ ngOnInit() {
2219
+ }
2220
+ }
2221
+ BsListGroupItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2222
+ BsListGroupItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: BsListGroupItemComponent, selector: "bs-list-group-item", ngImport: i0, template: "<li class=\"list-group-item\">\n <ng-content></ng-content>\n</li>", styles: [".list-group-item{margin-bottom:-1px}\n"] });
2223
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupItemComponent, decorators: [{
2224
+ type: Component,
2225
+ args: [{ selector: 'bs-list-group-item', template: "<li class=\"list-group-item\">\n <ng-content></ng-content>\n</li>", styles: [".list-group-item{margin-bottom:-1px}\n"] }]
2226
+ }], ctorParameters: function () { return []; } });
2227
+
2228
+ class BsListGroupComponent {
2229
+ constructor() {
2230
+ }
2231
+ ngOnInit() {
2232
+ }
2233
+ }
2234
+ BsListGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2235
+ BsListGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: BsListGroupComponent, selector: "bs-list-group", queries: [{ propertyName: "items", predicate: BsListGroupItemComponent }], ngImport: i0, template: "<ul class=\"list-group mt-0\">\n <ng-content></ng-content>\n</ul>", styles: [":host ::ng-deep .list-group{--bs-list-group-color: #212529;--bs-list-group-bg: #fff;--bs-list-group-border-color: rgba(0, 0, 0, .125);--bs-list-group-border-width: 1px;--bs-list-group-border-radius: .375rem;--bs-list-group-item-padding-x: 1rem;--bs-list-group-item-padding-y: .5rem;--bs-list-group-action-color: #495057;--bs-list-group-action-hover-color: #495057;--bs-list-group-action-hover-bg: #f8f9fa;--bs-list-group-action-active-color: #212529;--bs-list-group-action-active-bg: #e9ecef;--bs-list-group-disabled-color: #6c757d;--bs-list-group-disabled-bg: #fff;--bs-list-group-active-color: #fff;--bs-list-group-active-bg: #0d6efd;--bs-list-group-active-border-color: #0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}:host ::ng-deep .list-group-numbered{list-style-type:none;counter-reset:section}:host ::ng-deep .list-group-numbered>.list-group-item:before{content:counters(section,\".\") \". \";counter-increment:section}:host ::ng-deep .list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}:host ::ng-deep .list-group-item-action:hover,:host ::ng-deep .list-group-item-action:focus{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}:host ::ng-deep .list-group-item-action:active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}:host ::ng-deep .list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}:host ::ng-deep .list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}:host ::ng-deep .list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}:host ::ng-deep .list-group-item.disabled,:host ::ng-deep .list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}:host ::ng-deep .list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}:host ::ng-deep .list-group-item+.list-group-item{border-top-width:0}:host ::ng-deep .list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}:host ::ng-deep .list-group-horizontal{flex-direction:row}:host ::ng-deep .list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}:host ::ng-deep .list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}:host ::ng-deep .list-group-horizontal>.list-group-item.active{margin-top:0}:host ::ng-deep .list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}:host ::ng-deep .list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@media (min-width: 576px){:host ::ng-deep .list-group-horizontal-sm{flex-direction:row}:host ::ng-deep .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}:host ::ng-deep .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}:host ::ng-deep .list-group-horizontal-sm>.list-group-item.active{margin-top:0}:host ::ng-deep .list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}:host ::ng-deep .list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width: 768px){:host ::ng-deep .list-group-horizontal-md{flex-direction:row}:host ::ng-deep .list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}:host ::ng-deep .list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}:host ::ng-deep .list-group-horizontal-md>.list-group-item.active{margin-top:0}:host ::ng-deep .list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}:host ::ng-deep .list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width: 992px){:host ::ng-deep .list-group-horizontal-lg{flex-direction:row}:host ::ng-deep .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}:host ::ng-deep .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}:host ::ng-deep .list-group-horizontal-lg>.list-group-item.active{margin-top:0}:host ::ng-deep .list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}:host ::ng-deep .list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width: 1200px){:host ::ng-deep .list-group-horizontal-xl{flex-direction:row}:host ::ng-deep .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}:host ::ng-deep .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}:host ::ng-deep .list-group-horizontal-xl>.list-group-item.active{margin-top:0}:host ::ng-deep .list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}:host ::ng-deep .list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width: 1400px){:host ::ng-deep .list-group-horizontal-xxl{flex-direction:row}:host ::ng-deep .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}:host ::ng-deep .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}:host ::ng-deep .list-group-horizontal-xxl>.list-group-item.active{margin-top:0}:host ::ng-deep .list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}:host ::ng-deep .list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}:host ::ng-deep .list-group-flush{border-radius:0}:host ::ng-deep .list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}:host ::ng-deep .list-group-flush>.list-group-item:last-child{border-bottom-width:0}:host ::ng-deep .list-group-item-primary{color:#084298;background-color:#cfe2ff}:host ::ng-deep .list-group-item-primary.list-group-item-action:hover,:host ::ng-deep .list-group-item-primary.list-group-item-action:focus{color:#084298;background-color:#bacbe6}:host ::ng-deep .list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#084298;border-color:#084298}:host ::ng-deep .list-group-item-secondary{color:#41464b;background-color:#e2e3e5}:host ::ng-deep .list-group-item-secondary.list-group-item-action:hover,:host ::ng-deep .list-group-item-secondary.list-group-item-action:focus{color:#41464b;background-color:#cbccce}:host ::ng-deep .list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#41464b;border-color:#41464b}:host ::ng-deep .list-group-item-success{color:#0f5132;background-color:#d1e7dd}:host ::ng-deep .list-group-item-success.list-group-item-action:hover,:host ::ng-deep .list-group-item-success.list-group-item-action:focus{color:#0f5132;background-color:#bcd0c7}:host ::ng-deep .list-group-item-success.list-group-item-action.active{color:#fff;background-color:#0f5132;border-color:#0f5132}:host ::ng-deep .list-group-item-info{color:#055160;background-color:#cff4fc}:host ::ng-deep .list-group-item-info.list-group-item-action:hover,:host ::ng-deep .list-group-item-info.list-group-item-action:focus{color:#055160;background-color:#badce3}:host ::ng-deep .list-group-item-info.list-group-item-action.active{color:#fff;background-color:#055160;border-color:#055160}:host ::ng-deep .list-group-item-warning{color:#664d03;background-color:#fff3cd}:host ::ng-deep .list-group-item-warning.list-group-item-action:hover,:host ::ng-deep .list-group-item-warning.list-group-item-action:focus{color:#664d03;background-color:#e6dbb9}:host ::ng-deep .list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#664d03;border-color:#664d03}:host ::ng-deep .list-group-item-danger{color:#842029;background-color:#f8d7da}:host ::ng-deep .list-group-item-danger.list-group-item-action:hover,:host ::ng-deep .list-group-item-danger.list-group-item-action:focus{color:#842029;background-color:#dfc2c4}:host ::ng-deep .list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#842029;border-color:#842029}:host ::ng-deep .list-group-item-light{color:#636464;background-color:#fefefe}:host ::ng-deep .list-group-item-light.list-group-item-action:hover,:host ::ng-deep .list-group-item-light.list-group-item-action:focus{color:#636464;background-color:#e5e5e5}:host ::ng-deep .list-group-item-light.list-group-item-action.active{color:#fff;background-color:#636464;border-color:#636464}:host ::ng-deep .list-group-item-dark{color:#141619;background-color:#d3d3d4}:host ::ng-deep .list-group-item-dark.list-group-item-action:hover,:host ::ng-deep .list-group-item-dark.list-group-item-action:focus{color:#141619;background-color:#bebebf}:host ::ng-deep .list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#141619;border-color:#141619}\n"] });
2236
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupComponent, decorators: [{
2237
+ type: Component,
2238
+ args: [{ selector: 'bs-list-group', template: "<ul class=\"list-group mt-0\">\n <ng-content></ng-content>\n</ul>", styles: [":host ::ng-deep .list-group{--bs-list-group-color: #212529;--bs-list-group-bg: #fff;--bs-list-group-border-color: rgba(0, 0, 0, .125);--bs-list-group-border-width: 1px;--bs-list-group-border-radius: .375rem;--bs-list-group-item-padding-x: 1rem;--bs-list-group-item-padding-y: .5rem;--bs-list-group-action-color: #495057;--bs-list-group-action-hover-color: #495057;--bs-list-group-action-hover-bg: #f8f9fa;--bs-list-group-action-active-color: #212529;--bs-list-group-action-active-bg: #e9ecef;--bs-list-group-disabled-color: #6c757d;--bs-list-group-disabled-bg: #fff;--bs-list-group-active-color: #fff;--bs-list-group-active-bg: #0d6efd;--bs-list-group-active-border-color: #0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}:host ::ng-deep .list-group-numbered{list-style-type:none;counter-reset:section}:host ::ng-deep .list-group-numbered>.list-group-item:before{content:counters(section,\".\") \". \";counter-increment:section}:host ::ng-deep .list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}:host ::ng-deep .list-group-item-action:hover,:host ::ng-deep .list-group-item-action:focus{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}:host ::ng-deep .list-group-item-action:active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}:host ::ng-deep .list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}:host ::ng-deep .list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}:host ::ng-deep .list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}:host ::ng-deep .list-group-item.disabled,:host ::ng-deep .list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}:host ::ng-deep .list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}:host ::ng-deep .list-group-item+.list-group-item{border-top-width:0}:host ::ng-deep .list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}:host ::ng-deep .list-group-horizontal{flex-direction:row}:host ::ng-deep .list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}:host ::ng-deep .list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}:host ::ng-deep .list-group-horizontal>.list-group-item.active{margin-top:0}:host ::ng-deep .list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}:host ::ng-deep .list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@media (min-width: 576px){:host ::ng-deep .list-group-horizontal-sm{flex-direction:row}:host ::ng-deep .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}:host ::ng-deep .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}:host ::ng-deep .list-group-horizontal-sm>.list-group-item.active{margin-top:0}:host ::ng-deep .list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}:host ::ng-deep .list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width: 768px){:host ::ng-deep .list-group-horizontal-md{flex-direction:row}:host ::ng-deep .list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}:host ::ng-deep .list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}:host ::ng-deep .list-group-horizontal-md>.list-group-item.active{margin-top:0}:host ::ng-deep .list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}:host ::ng-deep .list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width: 992px){:host ::ng-deep .list-group-horizontal-lg{flex-direction:row}:host ::ng-deep .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}:host ::ng-deep .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}:host ::ng-deep .list-group-horizontal-lg>.list-group-item.active{margin-top:0}:host ::ng-deep .list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}:host ::ng-deep .list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width: 1200px){:host ::ng-deep .list-group-horizontal-xl{flex-direction:row}:host ::ng-deep .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}:host ::ng-deep .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}:host ::ng-deep .list-group-horizontal-xl>.list-group-item.active{margin-top:0}:host ::ng-deep .list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}:host ::ng-deep .list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width: 1400px){:host ::ng-deep .list-group-horizontal-xxl{flex-direction:row}:host ::ng-deep .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}:host ::ng-deep .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}:host ::ng-deep .list-group-horizontal-xxl>.list-group-item.active{margin-top:0}:host ::ng-deep .list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}:host ::ng-deep .list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}:host ::ng-deep .list-group-flush{border-radius:0}:host ::ng-deep .list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}:host ::ng-deep .list-group-flush>.list-group-item:last-child{border-bottom-width:0}:host ::ng-deep .list-group-item-primary{color:#084298;background-color:#cfe2ff}:host ::ng-deep .list-group-item-primary.list-group-item-action:hover,:host ::ng-deep .list-group-item-primary.list-group-item-action:focus{color:#084298;background-color:#bacbe6}:host ::ng-deep .list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#084298;border-color:#084298}:host ::ng-deep .list-group-item-secondary{color:#41464b;background-color:#e2e3e5}:host ::ng-deep .list-group-item-secondary.list-group-item-action:hover,:host ::ng-deep .list-group-item-secondary.list-group-item-action:focus{color:#41464b;background-color:#cbccce}:host ::ng-deep .list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#41464b;border-color:#41464b}:host ::ng-deep .list-group-item-success{color:#0f5132;background-color:#d1e7dd}:host ::ng-deep .list-group-item-success.list-group-item-action:hover,:host ::ng-deep .list-group-item-success.list-group-item-action:focus{color:#0f5132;background-color:#bcd0c7}:host ::ng-deep .list-group-item-success.list-group-item-action.active{color:#fff;background-color:#0f5132;border-color:#0f5132}:host ::ng-deep .list-group-item-info{color:#055160;background-color:#cff4fc}:host ::ng-deep .list-group-item-info.list-group-item-action:hover,:host ::ng-deep .list-group-item-info.list-group-item-action:focus{color:#055160;background-color:#badce3}:host ::ng-deep .list-group-item-info.list-group-item-action.active{color:#fff;background-color:#055160;border-color:#055160}:host ::ng-deep .list-group-item-warning{color:#664d03;background-color:#fff3cd}:host ::ng-deep .list-group-item-warning.list-group-item-action:hover,:host ::ng-deep .list-group-item-warning.list-group-item-action:focus{color:#664d03;background-color:#e6dbb9}:host ::ng-deep .list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#664d03;border-color:#664d03}:host ::ng-deep .list-group-item-danger{color:#842029;background-color:#f8d7da}:host ::ng-deep .list-group-item-danger.list-group-item-action:hover,:host ::ng-deep .list-group-item-danger.list-group-item-action:focus{color:#842029;background-color:#dfc2c4}:host ::ng-deep .list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#842029;border-color:#842029}:host ::ng-deep .list-group-item-light{color:#636464;background-color:#fefefe}:host ::ng-deep .list-group-item-light.list-group-item-action:hover,:host ::ng-deep .list-group-item-light.list-group-item-action:focus{color:#636464;background-color:#e5e5e5}:host ::ng-deep .list-group-item-light.list-group-item-action.active{color:#fff;background-color:#636464;border-color:#636464}:host ::ng-deep .list-group-item-dark{color:#141619;background-color:#d3d3d4}:host ::ng-deep .list-group-item-dark.list-group-item-action:hover,:host ::ng-deep .list-group-item-dark.list-group-item-action:focus{color:#141619;background-color:#bebebf}:host ::ng-deep .list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#141619;border-color:#141619}\n"] }]
2239
+ }], ctorParameters: function () { return []; }, propDecorators: { items: [{
2240
+ type: ContentChildren,
2241
+ args: [BsListGroupItemComponent]
2242
+ }] } });
2243
+
2040
2244
  class BsFormatBytesPipe {
2041
2245
  transform(value, decimals = 2) {
2042
2246
  if (value === 0) {
@@ -2110,10 +2314,10 @@ class BsFileUploadComponent {
2110
2314
  }
2111
2315
  }
2112
2316
  BsFileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2113
- BsFileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: BsFileUploadComponent, selector: "bs-file-upload", inputs: { dropFilesCaption: "dropFilesCaption", browseFilesCaption: "browseFilesCaption", placeholder: "placeholder", files: "files" }, outputs: { filesDropped: "filesDropped" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "onDrop($event)" } }, ngImport: i0, template: "<div class=\"dropzone border position-relative p-5\" [class.dragging]=\"isDraggingFile\">\n <input type=\"file\" multiple #fileUpload (change)=\"onChange($event)\" [title]=\"placeholder\" [placeholder]=\"placeholder\" class=\"position-absolute w-100 h-100\">\n <!-- <img src=\"/assets/ic-file-upload.svg\" [alt]=\"placeholder\"> -->\n <span class=\"h3 d-block\">{{ dropFilesCaption }}</span>\n <label class=\"btn btn-primary position-relative\" [bsFor]=\"fileUpload\">{{ browseFilesCaption }}</label>\n</div>\n<ul class=\"list-group files-list\">\n <li class=\"list-group-item\" *ngFor=\"let upload of files\">\n <ng-container *ngTemplateOutlet=\"fileTemplate ?? defaultFileTemplate; context: { $implicit: upload }\"></ng-container>\n </li>\n</ul>\n\n<ng-template #defaultFileTemplate let-upload>\n <div class=\"d-flex flex-row mx-auto\">\n <div class=\"file-img\"></div>\n <div class=\"flex-grow-1 text-start px-2\">\n <span class=\"d-block text-truncate text-secondary\">{{ upload.file.name }}</span>\n <span class=\"d-block text-grey mb-0\">{{ upload.file.size | bsFormatBytes }}</span>\n <bs-progress [height]=\"4\">\n <bs-progress-bar [minimum]=\"0\" [maximum]=\"upload.file.size\" [value]=\"upload.progress\"></bs-progress-bar>\n </bs-progress>\n </div>\n </div>\n</ng-template>", styles: [".dropzone{z-index:1}.dropzone.dragging{border:4px solid #CB1535!important;background:#DC88A8;margin:-3px -3px -4px}.dropzone input{opacity:0;z-index:2;top:0;left:0}.dropzone .btn{z-index:5}.files-list{margin-top:-1px}.files-list .d-flex{max-width:400px}.text-grey{color:#999}.list-group span{margin:-5px auto}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: BsForDirective, selector: "[bsFor]", inputs: ["bsFor"] }, { kind: "component", type: BsProgressBarComponent, selector: "bs-progress-bar", inputs: ["minimum", "maximum", "value", "color", "striped", "animated"] }, { kind: "component", type: BsProgressComponent, selector: "bs-progress", inputs: ["height", "isIndeterminate"] }, { kind: "pipe", type: BsFormatBytesPipe, name: "bsFormatBytes" }] });
2317
+ BsFileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: BsFileUploadComponent, selector: "bs-file-upload", inputs: { dropFilesCaption: "dropFilesCaption", browseFilesCaption: "browseFilesCaption", placeholder: "placeholder", files: "files" }, outputs: { filesDropped: "filesDropped" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "onDrop($event)" } }, ngImport: i0, template: "<div class=\"dropzone border position-relative p-5\" [class.dragging]=\"isDraggingFile\">\n <input type=\"file\" multiple #fileUpload (change)=\"onChange($event)\" [title]=\"placeholder\" [placeholder]=\"placeholder\" class=\"position-absolute w-100 h-100\">\n <!-- <img src=\"/assets/ic-file-upload.svg\" [alt]=\"placeholder\"> -->\n <span class=\"h3 d-block\">{{ dropFilesCaption }}</span>\n <label class=\"btn btn-primary position-relative\" [bsFor]=\"fileUpload\">{{ browseFilesCaption }}</label>\n</div>\n<bs-list-group class=\"files-list\">\n <bs-list-group-item *ngFor=\"let upload of files\">\n <ng-container *ngTemplateOutlet=\"fileTemplate ?? defaultFileTemplate; context: { $implicit: upload }\"></ng-container>\n </bs-list-group-item>\n</bs-list-group>\n\n<ng-template #defaultFileTemplate let-upload>\n <div class=\"d-flex flex-row mx-auto\">\n <div class=\"file-img\"></div>\n <div class=\"flex-grow-1 text-start px-2\">\n <span class=\"d-block text-truncate text-secondary\">{{ upload.file.name }}</span>\n <span class=\"d-block text-grey mb-0\">{{ upload.file.size | bsFormatBytes }}</span>\n <bs-progress [height]=\"4\">\n <bs-progress-bar [minimum]=\"0\" [maximum]=\"upload.file.size\" [value]=\"upload.progress\"></bs-progress-bar>\n </bs-progress>\n </div>\n </div>\n</ng-template>", styles: [".dropzone{z-index:1}.dropzone.dragging{border:4px solid #CB1535!important;background:#DC88A8;margin:-3px -3px -4px}.dropzone input{opacity:0;z-index:2;top:0;left:0}.dropzone .btn{z-index:5}.files-list{margin-top:-1px}.files-list .d-flex{max-width:400px}.text-grey{color:#999}.list-group span{margin:-5px auto}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: BsForDirective, selector: "[bsFor]", inputs: ["bsFor"] }, { kind: "component", type: BsProgressBarComponent, selector: "bs-progress-bar", inputs: ["minimum", "maximum", "value", "color", "striped", "animated"] }, { kind: "component", type: BsProgressComponent, selector: "bs-progress", inputs: ["height", "isIndeterminate"] }, { kind: "component", type: BsListGroupComponent, selector: "bs-list-group" }, { kind: "component", type: BsListGroupItemComponent, selector: "bs-list-group-item" }, { kind: "pipe", type: BsFormatBytesPipe, name: "bsFormatBytes" }] });
2114
2318
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsFileUploadComponent, decorators: [{
2115
2319
  type: Component,
2116
- args: [{ selector: 'bs-file-upload', template: "<div class=\"dropzone border position-relative p-5\" [class.dragging]=\"isDraggingFile\">\n <input type=\"file\" multiple #fileUpload (change)=\"onChange($event)\" [title]=\"placeholder\" [placeholder]=\"placeholder\" class=\"position-absolute w-100 h-100\">\n <!-- <img src=\"/assets/ic-file-upload.svg\" [alt]=\"placeholder\"> -->\n <span class=\"h3 d-block\">{{ dropFilesCaption }}</span>\n <label class=\"btn btn-primary position-relative\" [bsFor]=\"fileUpload\">{{ browseFilesCaption }}</label>\n</div>\n<ul class=\"list-group files-list\">\n <li class=\"list-group-item\" *ngFor=\"let upload of files\">\n <ng-container *ngTemplateOutlet=\"fileTemplate ?? defaultFileTemplate; context: { $implicit: upload }\"></ng-container>\n </li>\n</ul>\n\n<ng-template #defaultFileTemplate let-upload>\n <div class=\"d-flex flex-row mx-auto\">\n <div class=\"file-img\"></div>\n <div class=\"flex-grow-1 text-start px-2\">\n <span class=\"d-block text-truncate text-secondary\">{{ upload.file.name }}</span>\n <span class=\"d-block text-grey mb-0\">{{ upload.file.size | bsFormatBytes }}</span>\n <bs-progress [height]=\"4\">\n <bs-progress-bar [minimum]=\"0\" [maximum]=\"upload.file.size\" [value]=\"upload.progress\"></bs-progress-bar>\n </bs-progress>\n </div>\n </div>\n</ng-template>", styles: [".dropzone{z-index:1}.dropzone.dragging{border:4px solid #CB1535!important;background:#DC88A8;margin:-3px -3px -4px}.dropzone input{opacity:0;z-index:2;top:0;left:0}.dropzone .btn{z-index:5}.files-list{margin-top:-1px}.files-list .d-flex{max-width:400px}.text-grey{color:#999}.list-group span{margin:-5px auto}\n"] }]
2320
+ args: [{ selector: 'bs-file-upload', template: "<div class=\"dropzone border position-relative p-5\" [class.dragging]=\"isDraggingFile\">\n <input type=\"file\" multiple #fileUpload (change)=\"onChange($event)\" [title]=\"placeholder\" [placeholder]=\"placeholder\" class=\"position-absolute w-100 h-100\">\n <!-- <img src=\"/assets/ic-file-upload.svg\" [alt]=\"placeholder\"> -->\n <span class=\"h3 d-block\">{{ dropFilesCaption }}</span>\n <label class=\"btn btn-primary position-relative\" [bsFor]=\"fileUpload\">{{ browseFilesCaption }}</label>\n</div>\n<bs-list-group class=\"files-list\">\n <bs-list-group-item *ngFor=\"let upload of files\">\n <ng-container *ngTemplateOutlet=\"fileTemplate ?? defaultFileTemplate; context: { $implicit: upload }\"></ng-container>\n </bs-list-group-item>\n</bs-list-group>\n\n<ng-template #defaultFileTemplate let-upload>\n <div class=\"d-flex flex-row mx-auto\">\n <div class=\"file-img\"></div>\n <div class=\"flex-grow-1 text-start px-2\">\n <span class=\"d-block text-truncate text-secondary\">{{ upload.file.name }}</span>\n <span class=\"d-block text-grey mb-0\">{{ upload.file.size | bsFormatBytes }}</span>\n <bs-progress [height]=\"4\">\n <bs-progress-bar [minimum]=\"0\" [maximum]=\"upload.file.size\" [value]=\"upload.progress\"></bs-progress-bar>\n </bs-progress>\n </div>\n </div>\n</ng-template>", styles: [".dropzone{z-index:1}.dropzone.dragging{border:4px solid #CB1535!important;background:#DC88A8;margin:-3px -3px -4px}.dropzone input{opacity:0;z-index:2;top:0;left:0}.dropzone .btn{z-index:5}.files-list{margin-top:-1px}.files-list .d-flex{max-width:400px}.text-grey{color:#999}.list-group span{margin:-5px auto}\n"] }]
2117
2321
  }], propDecorators: { dropFilesCaption: [{
2118
2322
  type: Input
2119
2323
  }], browseFilesCaption: [{
@@ -2213,6 +2417,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
2213
2417
  }]
2214
2418
  }] });
2215
2419
 
2420
+ class BsListGroupModule {
2421
+ }
2422
+ BsListGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
2423
+ BsListGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupModule, declarations: [BsListGroupComponent,
2424
+ BsListGroupItemComponent], imports: [CommonModule], exports: [BsListGroupComponent,
2425
+ BsListGroupItemComponent] });
2426
+ BsListGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupModule, imports: [CommonModule] });
2427
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupModule, decorators: [{
2428
+ type: NgModule,
2429
+ args: [{
2430
+ imports: [CommonModule],
2431
+ declarations: [
2432
+ BsListGroupComponent,
2433
+ BsListGroupItemComponent
2434
+ ],
2435
+ exports: [
2436
+ BsListGroupComponent,
2437
+ BsListGroupItemComponent
2438
+ ]
2439
+ }]
2440
+ }] });
2441
+
2216
2442
  class BsFileUploadModule {
2217
2443
  }
2218
2444
  BsFileUploadModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsFileUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -2220,12 +2446,14 @@ BsFileUploadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", vers
2220
2446
  BsFileUploadTemplateDirective], imports: [CommonModule,
2221
2447
  BsForModule,
2222
2448
  BsFormatBytesModule,
2223
- BsProgressBarModule], exports: [BsFileUploadComponent,
2449
+ BsProgressBarModule,
2450
+ BsListGroupModule], exports: [BsFileUploadComponent,
2224
2451
  BsFileUploadTemplateDirective] });
2225
2452
  BsFileUploadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsFileUploadModule, imports: [CommonModule,
2226
2453
  BsForModule,
2227
2454
  BsFormatBytesModule,
2228
- BsProgressBarModule] });
2455
+ BsProgressBarModule,
2456
+ BsListGroupModule] });
2229
2457
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsFileUploadModule, decorators: [{
2230
2458
  type: NgModule,
2231
2459
  args: [{
@@ -2237,7 +2465,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
2237
2465
  CommonModule,
2238
2466
  BsForModule,
2239
2467
  BsFormatBytesModule,
2240
- BsProgressBarModule
2468
+ BsProgressBarModule,
2469
+ BsListGroupModule
2241
2470
  ],
2242
2471
  exports: [
2243
2472
  BsFileUploadComponent,
@@ -2947,10 +3176,10 @@ class BsSchedulerComponent {
2947
3176
  }
2948
3177
  }
2949
3178
  BsSchedulerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsSchedulerComponent, deps: [{ token: BsCalendarMonthService }, { token: BsTimelineService }], target: i0.ɵɵFactoryTarget.Component });
2950
- BsSchedulerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: BsSchedulerComponent, selector: "bs-scheduler", inputs: { mode: "mode", weekOptions: "weekOptions", timelineOptions: "timelineOptions", maxInnerHeight: "maxInnerHeight", resources: "resources" }, outputs: { modeChange: "modeChange", weekOptionsChange: "weekOptionsChange", timelineOptionsChange: "timelineOptionsChange" }, host: { listeners: { "document:mousemove": "onMousemove($event)", "document:mouseup": "onMouseUp($event)" } }, viewQueries: [{ propertyName: "timeSlotElements", predicate: ["slot"], descendants: true }], ngImport: i0, template: "<div class=\"table d-flex w-100 overflow-y-auto mb-0 week-schedule\" [style.max-height.px]=\"null\"\n *ngIf=\"(mode$ | async) === modes.week\">\n <div class=\"calendar-head\">\n <div class=\"w-100 d-flex flex-row\">\n <div class=\"d-flex calendar-left justify-content-between\">\n <button class=\"btn btn-default flex-start\" (click)=\"onPreviousWeekOrMonth()\">\n <i class=\"bi-chevron-left px-0\"></i>\n </button>\n <button class=\"btn btn-default flex-end\" (click)=\"onNextWeekOrMonth()\">\n <i class=\"bi-chevron-right px-0\"></i>\n </button>\n </div>\n <div class=\"flex-grow-1 calendar-head-cell\" *ngFor=\"let day of (shownDays$ | async)\">\n <span class=\"d-block col-form-label text-center\">\n <span>{{ day | date: 'dd-MM' }}</span><span class=\"d-none d-lg-inline-block\">-{{ day | date: 'yyyy' }}</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"calendar-body\" [style.height.px]=\"maxInnerHeight\">\n <div class=\"position-relative\" *ngIf=\"(timeSlots$ | async) as row\">\n <ng-container *ngIf=\"(weekOptions$ | async) as weekOptions\">\n <!-- Timeslots -->\n <div *ngFor=\"let timeslots of row; let i = index\" class=\"d-flex flex-row p-0 timeslot\" [style.height.px]=\"weekOptions.unitHeight\">\n <div class=\"calendar-cell calendar-left align-top px-2 py-0\">{{ timeslots.slots[0].start | date: 'HH:mm:ss' }}</div>\n <div class=\"calendar-cell flex-grow-1\" *ngFor=\"let slot of timeslots.slots; let j = index\" #slot (mousedown)=\"onCreateEvent($event, slot)\" [attr.data-row]=\"i\" [attr.data-column]=\"j\"></div>\n </div>\n\n <!-- Events -->\n <ng-container *ngIf=\"(timeSlotDuration$ | async) as timeSlotDuration\">\n <ng-container *ngIf=\"(timelinedEventPartsForThisWeek$ | async) as partData\">\n <div *ngFor=\"let eventPart of partData.parts\" class=\"event p-0\"\n [style.top.px]=\"(eventPart.part | bsSecondsTodayOffset) / timeSlotDuration * weekOptions.unitHeight\"\n [style.height.px]=\"(eventPart.part | bsSecondsTimespan) / timeSlotDuration * weekOptions.unitHeight\"\n [style.left]=\"'calc(90px + ((100% - 90px) / 7 * ' + ((eventPart.part | dayOfWeek) - 1) + '))'\">\n <div class=\"event-inner\" [class.hover]=\"(hoveredEvent$ | async) === eventPart.part.event\"\n [style.width]=\"'calc(100% / ' + partData.total + ')'\"\n [style.height.px]=\"(eventPart.part | bsSecondsTimespan) / timeSlotDuration * weekOptions.unitHeight\"\n [style.margin-left]=\"'calc(100% / ' + partData.total + ' * ' + eventPart.index + ')'\">\n\n <div class=\"event-resize top\"\n *ngIf=\"eventPart.part.start === eventPart.part.event?.start\"\n (mousedown)=\"onStartResizeEvent(eventPart.part.event, 'top')\"></div>\n <div class=\"event-border\"></div>\n <div class=\"event-wrapper\" *ngIf=\"eventPart.part.event\"\n (mousedown)=\"onStartDragEvent(eventPart.part, $event)\"\n (mouseenter)=\"onHoverEvent(eventPart.part.event)\"\n (mouseleave)=\"onLeaveEvent(eventPart.part.event)\">\n <div class=\"event-bg\" [style.background-color]=\"eventPart.part.event.color\"></div>\n <div class=\"event-label\">{{ eventPart.part.event.description }}</div>\n </div>\n <div class=\"event-resize bottom\"\n *ngIf=\"eventPart.part.end === eventPart.part.event?.end\"\n (mousedown)=\"onStartResizeEvent(eventPart.part.event, 'bottom')\"></div>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"(previewEventPartsForThisWeek$ | async) as previewPartData\">\n <div *ngFor=\"let eventPart of previewPartData\" class=\"event preview p-0\"\n [style.top.px]=\"(eventPart | bsSecondsTodayOffset) / timeSlotDuration * weekOptions.unitHeight\"\n [style.height.px]=\"(eventPart | bsSecondsTimespan) / timeSlotDuration * weekOptions.unitHeight\"\n [style.left]=\"'calc(90px + ((100% - 90px) / 7 * ' + ((eventPart | dayOfWeek) - 1) + '))'\">\n <div class=\"event-inner w-100\"\n [style.height.px]=\"(eventPart | bsSecondsTimespan) / timeSlotDuration * weekOptions.unitHeight\">\n </div>\n </div>\n </ng-container>\n </ng-container>\n </ng-container>\n </div>\n </div>\n</div>\n<div class=\"table d-flex w-100 overflow-y-auto mb-0 bg-white timeline\" *ngIf=\"(mode$ | async) === modes.timeline\">\n <div class=\"calendar-head d-flex\">\n <button class=\"btn flex-start\" (click)=\"onPreviousWeekOrMonth()\">\n <i class=\"bi-chevron-left px-0\"></i>\n </button>\n <div class=\"flex-grow-1 h3 py-2 mb-0 text-center\">{{ currentWeekOrMonth$ | async | date: 'MMMM yyyy' }}</div>\n <button class=\"btn flex-start\" (click)=\"onNextWeekOrMonth()\">\n <i class=\"bi-chevron-right px-0\"></i>\n </button>\n </div>\n <div class=\"calendar-body table-responsive overflow-x-auto\">\n <table class=\"table mb-0\">\n <ng-container *ngIf=\"(timeSlots$ | async) as timeSlots\">\n <tr>\n <td></td>\n <td *ngFor=\"let day of timeSlots\" [attr.colspan]=\"day.slots.length\" class=\"text-center px-2\">\n <span class=\"position-sticky day-label\">{{ day.stamp | date: 'd EE' }}</span>\n </td>\n </tr>\n <tr>\n <td></td>\n <ng-container *ngIf=\"(timelineOptions$ | async) as timelineOptions\">\n <ng-container *ngFor=\"let day of timeSlots\">\n <td *ngFor=\"let slot of day.slots\">\n <span class=\"d-block p-0 text-center\" [style.width.px]=\"timelineOptions.unitWidth\">\n {{ slot.start | date: 'HH:mm' }}\n </span>\n </td>\n </ng-container>\n </ng-container>\n </tr>\n <bs-resource-group-presenter *ngFor=\"let group of (resources$ | async)\" [resourceGroup]=\"group\" [timeSlots]=\"timeSlots\"></bs-resource-group-presenter>\n </ng-container>\n </table>\n </div>\n</div>", styles: [":host{display:block;border:1px solid #333;border-top-right-radius:10px;border-top-left-radius:10px;overflow:hidden}.calendar-head{background:#F7F7F7;color:#007aff}.table .calendar-head{flex:0 0 auto}.table .calendar-body{display:block;flex:1 1 auto}.week-schedule.table{flex-flow:column}.week-schedule.table .calendar-head>div{padding-right:18px}.week-schedule.table .calendar-body{overflow-y:scroll;overflow-x:hidden}.week-schedule.table .calendar-body .calendar-cell{border-right:1px solid #DEE2E6;border-bottom:1px solid #DEE2E6;cursor:default}.week-schedule.table .calendar-body .calendar-cell.hover{border-top-width:3px}.week-schedule.table .calendar-left{width:90px}.week-schedule .event{z-index:5;width:calc((100% - 90px) / 7);height:100px;overflow:hidden;position:absolute;-webkit-user-select:none;user-select:none;pointer-events:none}.week-schedule .event.preview{background:#666;opacity:.6}.week-schedule .event .event-border{background:black;top:0;left:0;bottom:3px;width:3px;position:absolute;z-index:10;opacity:.3}.week-schedule .event .event-inner{position:relative;inset:0 5px 5px 0;cursor:move;pointer-events:all;overflow:hidden}.week-schedule .event .event-inner .event-wrapper{width:calc(100% - 2px);margin:1px auto 1px 0;height:calc(100% - 3px)}.week-schedule .event .event-inner .event-wrapper .event-bg{opacity:.5;height:100%;transition:opacity .15s ease-in-out}.week-schedule .event .event-inner .event-wrapper .event-label{position:absolute;top:0;font-size:12px;font-weight:600;padding:4px}.week-schedule .event .event-inner .event-resize{position:absolute;cursor:ns-resize;height:4px;left:0;right:0;z-index:400}.week-schedule .event .event-inner .event-resize.top{top:0}.week-schedule .event .event-inner .event-resize.bottom{bottom:0}.week-schedule .event .event-inner .event-resize:hover{background:#DDD}.week-schedule .event .event-inner.hover .event-bg{opacity:.7!important}@media (max-width: 767px){.week-schedule.table .calendar-head .calendar-head-cell{text-orientation:sideways;writing-mode:vertical-rl}}.timeline.table{flex-flow:column}.timeline .calendar-body .table{background-color:#f7f7f7}.timeline .calendar-body .table tr:first-child td{background-color:#fff;border:1px solid #000}.timeline .calendar-body .table tr:first-child td:first-child{min-width:10rem}.timeline .calendar-body .table tr:first-child span.day-label{left:0;right:0}.timeline .calendar-body .table tr:nth-child(2) td{border-width:1px;border-color:inherit}.timeline .calendar-body .table>:not(:first-child){border-top:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ResourceGroupPresenterComponent, selector: "bs-resource-group-presenter", inputs: ["level", "resourceGroup", "timeSlots", "isExpanded"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "pipe", type: BsSecondsTimespanPipe, name: "bsSecondsTimespan" }, { kind: "pipe", type: BsSecondsTodayOffsetPipe, name: "bsSecondsTodayOffset" }, { kind: "pipe", type: DayOfWeekPipe, name: "dayOfWeek" }] });
3179
+ BsSchedulerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: BsSchedulerComponent, selector: "bs-scheduler", inputs: { mode: "mode", weekOptions: "weekOptions", timelineOptions: "timelineOptions", maxInnerHeight: "maxInnerHeight", resources: "resources" }, outputs: { modeChange: "modeChange", weekOptionsChange: "weekOptionsChange", timelineOptionsChange: "timelineOptionsChange" }, host: { listeners: { "document:mousemove": "onMousemove($event)", "document:mouseup": "onMouseUp($event)" } }, viewQueries: [{ propertyName: "timeSlotElements", predicate: ["slot"], descendants: true }], ngImport: i0, template: "<div class=\"d-flex flex-column w-100 overflow-y-auto mb-0 week-schedule\" [style.max-height.px]=\"null\"\n *ngIf=\"(mode$ | async) === modes.week\">\n <div class=\"calendar-head\">\n <div class=\"w-100 d-flex flex-row\">\n <div class=\"d-flex calendar-left justify-content-between\">\n <button class=\"btn btn-default flex-start\" (click)=\"onPreviousWeekOrMonth()\">\n <i class=\"bi-chevron-left px-0\"></i>\n </button>\n <button class=\"btn btn-default flex-end\" (click)=\"onNextWeekOrMonth()\">\n <i class=\"bi-chevron-right px-0\"></i>\n </button>\n </div>\n <div class=\"flex-grow-1 calendar-head-cell\" *ngFor=\"let day of (shownDays$ | async)\">\n <span class=\"d-block col-form-label text-center\">\n <span>{{ day | date: 'dd-MM' }}</span><span class=\"d-none d-lg-inline-block\">-{{ day | date: 'yyyy' }}</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"calendar-body\" [style.height.px]=\"maxInnerHeight\">\n <div class=\"position-relative\" *ngIf=\"(timeSlots$ | async) as row\">\n <ng-container *ngIf=\"(weekOptions$ | async) as weekOptions\">\n <!-- Timeslots -->\n <div *ngFor=\"let timeslots of row; let i = index\" class=\"d-flex flex-row p-0 timeslot\" [style.height.px]=\"weekOptions.unitHeight\">\n <div class=\"calendar-cell calendar-left align-top px-2 py-0\">{{ timeslots.slots[0].start | date: 'HH:mm:ss' }}</div>\n <div class=\"calendar-cell flex-grow-1\" *ngFor=\"let slot of timeslots.slots; let j = index\" #slot (mousedown)=\"onCreateEvent($event, slot)\" [attr.data-row]=\"i\" [attr.data-column]=\"j\"></div>\n </div>\n\n <!-- Events -->\n <ng-container *ngIf=\"(timeSlotDuration$ | async) as timeSlotDuration\">\n <ng-container *ngIf=\"(timelinedEventPartsForThisWeek$ | async) as partData\">\n <div *ngFor=\"let eventPart of partData.parts\" class=\"event p-0\"\n [style.top.px]=\"(eventPart.part | bsSecondsTodayOffset) / timeSlotDuration * weekOptions.unitHeight\"\n [style.height.px]=\"(eventPart.part | bsSecondsTimespan) / timeSlotDuration * weekOptions.unitHeight\"\n [style.left]=\"'calc(90px + ((100% - 90px) / 7 * ' + ((eventPart.part | dayOfWeek) - 1) + '))'\">\n <div class=\"event-inner\" [class.hover]=\"(hoveredEvent$ | async) === eventPart.part.event\"\n [style.width]=\"'calc(100% / ' + partData.total + ')'\"\n [style.height.px]=\"(eventPart.part | bsSecondsTimespan) / timeSlotDuration * weekOptions.unitHeight\"\n [style.margin-left]=\"'calc(100% / ' + partData.total + ' * ' + eventPart.index + ')'\">\n\n <div class=\"event-resize top\"\n *ngIf=\"eventPart.part.start === eventPart.part.event?.start\"\n (mousedown)=\"onStartResizeEvent(eventPart.part.event, 'top')\"></div>\n <div class=\"event-border\"></div>\n <div class=\"event-wrapper\" *ngIf=\"eventPart.part.event\"\n (mousedown)=\"onStartDragEvent(eventPart.part, $event)\"\n (mouseenter)=\"onHoverEvent(eventPart.part.event)\"\n (mouseleave)=\"onLeaveEvent(eventPart.part.event)\">\n <div class=\"event-bg\" [style.background-color]=\"eventPart.part.event.color\"></div>\n <div class=\"event-label\">{{ eventPart.part.event.description }}</div>\n </div>\n <div class=\"event-resize bottom\"\n *ngIf=\"eventPart.part.end === eventPart.part.event?.end\"\n (mousedown)=\"onStartResizeEvent(eventPart.part.event, 'bottom')\"></div>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"(previewEventPartsForThisWeek$ | async) as previewPartData\">\n <div *ngFor=\"let eventPart of previewPartData\" class=\"event preview p-0\"\n [style.top.px]=\"(eventPart | bsSecondsTodayOffset) / timeSlotDuration * weekOptions.unitHeight\"\n [style.height.px]=\"(eventPart | bsSecondsTimespan) / timeSlotDuration * weekOptions.unitHeight\"\n [style.left]=\"'calc(90px + ((100% - 90px) / 7 * ' + ((eventPart | dayOfWeek) - 1) + '))'\">\n <div class=\"event-inner w-100\"\n [style.height.px]=\"(eventPart | bsSecondsTimespan) / timeSlotDuration * weekOptions.unitHeight\">\n </div>\n </div>\n </ng-container>\n </ng-container>\n </ng-container>\n </div>\n </div>\n</div>\n<div class=\"d-flex flex-column-100 overflow-y-auto mb-0 bg-white timeline\" *ngIf=\"(mode$ | async) === modes.timeline\">\n <div class=\"calendar-head d-flex\">\n <button class=\"btn flex-start\" (click)=\"onPreviousWeekOrMonth()\">\n <i class=\"bi-chevron-left px-0\"></i>\n </button>\n <div class=\"flex-grow-1 h3 py-2 mb-0 text-center\">{{ currentWeekOrMonth$ | async | date: 'MMMM yyyy' }}</div>\n <button class=\"btn flex-start\" (click)=\"onNextWeekOrMonth()\">\n <i class=\"bi-chevron-right px-0\"></i>\n </button>\n </div>\n \n <div class=\"calendar-body table-responsive overflow-x-auto\">\n <table class=\"table mb-0\">\n <ng-container *ngIf=\"(timeSlots$ | async) as timeSlots\">\n <tr>\n <td></td>\n <td *ngFor=\"let day of timeSlots\" [attr.colspan]=\"day.slots.length\" class=\"text-center px-2\">\n <span class=\"position-sticky day-label\">{{ day.stamp | date: 'd EE' }}</span>\n </td>\n </tr>\n <tr>\n <td></td>\n <ng-container *ngIf=\"(timelineOptions$ | async) as timelineOptions\">\n <ng-container *ngFor=\"let day of timeSlots\">\n <td *ngFor=\"let slot of day.slots\">\n <span class=\"d-block p-0 text-center\" [style.width.px]=\"timelineOptions.unitWidth\">\n {{ slot.start | date: 'HH:mm' }}\n </span>\n </td>\n </ng-container>\n </ng-container>\n </tr>\n <bs-resource-group-presenter *ngFor=\"let group of (resources$ | async)\" [resourceGroup]=\"group\" [timeSlots]=\"timeSlots\"></bs-resource-group-presenter>\n </ng-container>\n </table>\n </div>\n</div>", styles: [":host{display:block;border:1px solid #333;border-top-right-radius:10px;border-top-left-radius:10px;overflow:hidden}.calendar-head{background:#F7F7F7;color:#007aff}.tabel .calendar-head{flex:0 0 auto}.tabel .calendar-body{display:block;flex:1 1 auto}.week-schedule .calendar-head>div{padding-right:18px}.week-schedule .calendar-body{overflow-y:scroll;overflow-x:hidden}.week-schedule .calendar-body .calendar-cell{border-right:1px solid #DEE2E6;border-bottom:1px solid #DEE2E6;cursor:default}.week-schedule .calendar-body .calendar-cell.hover{border-top-width:3px}.week-schedule .calendar-left{width:90px}.week-schedule .event{z-index:5;width:calc((100% - 90px) / 7);height:100px;overflow:hidden;position:absolute;-webkit-user-select:none;user-select:none;pointer-events:none}.week-schedule .event.preview{background:#666;opacity:.6}.week-schedule .event .event-border{background:black;top:0;left:0;bottom:3px;width:3px;position:absolute;z-index:10;opacity:.3}.week-schedule .event .event-inner{position:relative;inset:0 5px 5px 0;cursor:move;pointer-events:all;overflow:hidden}.week-schedule .event .event-inner .event-wrapper{width:calc(100% - 2px);margin:1px auto 1px 0;height:calc(100% - 3px)}.week-schedule .event .event-inner .event-wrapper .event-bg{opacity:.5;height:100%;transition:opacity .15s ease-in-out}.week-schedule .event .event-inner .event-wrapper .event-label{position:absolute;top:0;font-size:12px;font-weight:600;padding:4px}.week-schedule .event .event-inner .event-resize{position:absolute;cursor:ns-resize;height:4px;left:0;right:0;z-index:400}.week-schedule .event .event-inner .event-resize.top{top:0}.week-schedule .event .event-inner .event-resize.bottom{bottom:0}.week-schedule .event .event-inner .event-resize:hover{background:#DDD}.week-schedule .event .event-inner.hover .event-bg{opacity:.7!important}@media (max-width: 767px){.week-schedule.tabel .calendar-head .calendar-head-cell{text-orientation:sideways;writing-mode:vertical-rl}}.timeline.tabel{flex-flow:column}.timeline .calendar-body .tabel{background-color:#f7f7f7}.timeline .calendar-body .tabel tr:first-child td{background-color:#fff;border:1px solid #000}.timeline .calendar-body .tabel tr:first-child td:first-child{min-width:10rem}.timeline .calendar-body .tabel tr:first-child span.day-label{left:0;right:0}.timeline .calendar-body .tabel tr:nth-child(2) td{border-width:1px;border-color:inherit}.timeline .calendar-body .tabel>:not(:first-child){border-top:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ResourceGroupPresenterComponent, selector: "bs-resource-group-presenter", inputs: ["level", "resourceGroup", "timeSlots", "isExpanded"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "pipe", type: BsSecondsTimespanPipe, name: "bsSecondsTimespan" }, { kind: "pipe", type: BsSecondsTodayOffsetPipe, name: "bsSecondsTodayOffset" }, { kind: "pipe", type: DayOfWeekPipe, name: "dayOfWeek" }] });
2951
3180
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsSchedulerComponent, decorators: [{
2952
3181
  type: Component,
2953
- args: [{ selector: 'bs-scheduler', template: "<div class=\"table d-flex w-100 overflow-y-auto mb-0 week-schedule\" [style.max-height.px]=\"null\"\n *ngIf=\"(mode$ | async) === modes.week\">\n <div class=\"calendar-head\">\n <div class=\"w-100 d-flex flex-row\">\n <div class=\"d-flex calendar-left justify-content-between\">\n <button class=\"btn btn-default flex-start\" (click)=\"onPreviousWeekOrMonth()\">\n <i class=\"bi-chevron-left px-0\"></i>\n </button>\n <button class=\"btn btn-default flex-end\" (click)=\"onNextWeekOrMonth()\">\n <i class=\"bi-chevron-right px-0\"></i>\n </button>\n </div>\n <div class=\"flex-grow-1 calendar-head-cell\" *ngFor=\"let day of (shownDays$ | async)\">\n <span class=\"d-block col-form-label text-center\">\n <span>{{ day | date: 'dd-MM' }}</span><span class=\"d-none d-lg-inline-block\">-{{ day | date: 'yyyy' }}</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"calendar-body\" [style.height.px]=\"maxInnerHeight\">\n <div class=\"position-relative\" *ngIf=\"(timeSlots$ | async) as row\">\n <ng-container *ngIf=\"(weekOptions$ | async) as weekOptions\">\n <!-- Timeslots -->\n <div *ngFor=\"let timeslots of row; let i = index\" class=\"d-flex flex-row p-0 timeslot\" [style.height.px]=\"weekOptions.unitHeight\">\n <div class=\"calendar-cell calendar-left align-top px-2 py-0\">{{ timeslots.slots[0].start | date: 'HH:mm:ss' }}</div>\n <div class=\"calendar-cell flex-grow-1\" *ngFor=\"let slot of timeslots.slots; let j = index\" #slot (mousedown)=\"onCreateEvent($event, slot)\" [attr.data-row]=\"i\" [attr.data-column]=\"j\"></div>\n </div>\n\n <!-- Events -->\n <ng-container *ngIf=\"(timeSlotDuration$ | async) as timeSlotDuration\">\n <ng-container *ngIf=\"(timelinedEventPartsForThisWeek$ | async) as partData\">\n <div *ngFor=\"let eventPart of partData.parts\" class=\"event p-0\"\n [style.top.px]=\"(eventPart.part | bsSecondsTodayOffset) / timeSlotDuration * weekOptions.unitHeight\"\n [style.height.px]=\"(eventPart.part | bsSecondsTimespan) / timeSlotDuration * weekOptions.unitHeight\"\n [style.left]=\"'calc(90px + ((100% - 90px) / 7 * ' + ((eventPart.part | dayOfWeek) - 1) + '))'\">\n <div class=\"event-inner\" [class.hover]=\"(hoveredEvent$ | async) === eventPart.part.event\"\n [style.width]=\"'calc(100% / ' + partData.total + ')'\"\n [style.height.px]=\"(eventPart.part | bsSecondsTimespan) / timeSlotDuration * weekOptions.unitHeight\"\n [style.margin-left]=\"'calc(100% / ' + partData.total + ' * ' + eventPart.index + ')'\">\n\n <div class=\"event-resize top\"\n *ngIf=\"eventPart.part.start === eventPart.part.event?.start\"\n (mousedown)=\"onStartResizeEvent(eventPart.part.event, 'top')\"></div>\n <div class=\"event-border\"></div>\n <div class=\"event-wrapper\" *ngIf=\"eventPart.part.event\"\n (mousedown)=\"onStartDragEvent(eventPart.part, $event)\"\n (mouseenter)=\"onHoverEvent(eventPart.part.event)\"\n (mouseleave)=\"onLeaveEvent(eventPart.part.event)\">\n <div class=\"event-bg\" [style.background-color]=\"eventPart.part.event.color\"></div>\n <div class=\"event-label\">{{ eventPart.part.event.description }}</div>\n </div>\n <div class=\"event-resize bottom\"\n *ngIf=\"eventPart.part.end === eventPart.part.event?.end\"\n (mousedown)=\"onStartResizeEvent(eventPart.part.event, 'bottom')\"></div>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"(previewEventPartsForThisWeek$ | async) as previewPartData\">\n <div *ngFor=\"let eventPart of previewPartData\" class=\"event preview p-0\"\n [style.top.px]=\"(eventPart | bsSecondsTodayOffset) / timeSlotDuration * weekOptions.unitHeight\"\n [style.height.px]=\"(eventPart | bsSecondsTimespan) / timeSlotDuration * weekOptions.unitHeight\"\n [style.left]=\"'calc(90px + ((100% - 90px) / 7 * ' + ((eventPart | dayOfWeek) - 1) + '))'\">\n <div class=\"event-inner w-100\"\n [style.height.px]=\"(eventPart | bsSecondsTimespan) / timeSlotDuration * weekOptions.unitHeight\">\n </div>\n </div>\n </ng-container>\n </ng-container>\n </ng-container>\n </div>\n </div>\n</div>\n<div class=\"table d-flex w-100 overflow-y-auto mb-0 bg-white timeline\" *ngIf=\"(mode$ | async) === modes.timeline\">\n <div class=\"calendar-head d-flex\">\n <button class=\"btn flex-start\" (click)=\"onPreviousWeekOrMonth()\">\n <i class=\"bi-chevron-left px-0\"></i>\n </button>\n <div class=\"flex-grow-1 h3 py-2 mb-0 text-center\">{{ currentWeekOrMonth$ | async | date: 'MMMM yyyy' }}</div>\n <button class=\"btn flex-start\" (click)=\"onNextWeekOrMonth()\">\n <i class=\"bi-chevron-right px-0\"></i>\n </button>\n </div>\n <div class=\"calendar-body table-responsive overflow-x-auto\">\n <table class=\"table mb-0\">\n <ng-container *ngIf=\"(timeSlots$ | async) as timeSlots\">\n <tr>\n <td></td>\n <td *ngFor=\"let day of timeSlots\" [attr.colspan]=\"day.slots.length\" class=\"text-center px-2\">\n <span class=\"position-sticky day-label\">{{ day.stamp | date: 'd EE' }}</span>\n </td>\n </tr>\n <tr>\n <td></td>\n <ng-container *ngIf=\"(timelineOptions$ | async) as timelineOptions\">\n <ng-container *ngFor=\"let day of timeSlots\">\n <td *ngFor=\"let slot of day.slots\">\n <span class=\"d-block p-0 text-center\" [style.width.px]=\"timelineOptions.unitWidth\">\n {{ slot.start | date: 'HH:mm' }}\n </span>\n </td>\n </ng-container>\n </ng-container>\n </tr>\n <bs-resource-group-presenter *ngFor=\"let group of (resources$ | async)\" [resourceGroup]=\"group\" [timeSlots]=\"timeSlots\"></bs-resource-group-presenter>\n </ng-container>\n </table>\n </div>\n</div>", styles: [":host{display:block;border:1px solid #333;border-top-right-radius:10px;border-top-left-radius:10px;overflow:hidden}.calendar-head{background:#F7F7F7;color:#007aff}.table .calendar-head{flex:0 0 auto}.table .calendar-body{display:block;flex:1 1 auto}.week-schedule.table{flex-flow:column}.week-schedule.table .calendar-head>div{padding-right:18px}.week-schedule.table .calendar-body{overflow-y:scroll;overflow-x:hidden}.week-schedule.table .calendar-body .calendar-cell{border-right:1px solid #DEE2E6;border-bottom:1px solid #DEE2E6;cursor:default}.week-schedule.table .calendar-body .calendar-cell.hover{border-top-width:3px}.week-schedule.table .calendar-left{width:90px}.week-schedule .event{z-index:5;width:calc((100% - 90px) / 7);height:100px;overflow:hidden;position:absolute;-webkit-user-select:none;user-select:none;pointer-events:none}.week-schedule .event.preview{background:#666;opacity:.6}.week-schedule .event .event-border{background:black;top:0;left:0;bottom:3px;width:3px;position:absolute;z-index:10;opacity:.3}.week-schedule .event .event-inner{position:relative;inset:0 5px 5px 0;cursor:move;pointer-events:all;overflow:hidden}.week-schedule .event .event-inner .event-wrapper{width:calc(100% - 2px);margin:1px auto 1px 0;height:calc(100% - 3px)}.week-schedule .event .event-inner .event-wrapper .event-bg{opacity:.5;height:100%;transition:opacity .15s ease-in-out}.week-schedule .event .event-inner .event-wrapper .event-label{position:absolute;top:0;font-size:12px;font-weight:600;padding:4px}.week-schedule .event .event-inner .event-resize{position:absolute;cursor:ns-resize;height:4px;left:0;right:0;z-index:400}.week-schedule .event .event-inner .event-resize.top{top:0}.week-schedule .event .event-inner .event-resize.bottom{bottom:0}.week-schedule .event .event-inner .event-resize:hover{background:#DDD}.week-schedule .event .event-inner.hover .event-bg{opacity:.7!important}@media (max-width: 767px){.week-schedule.table .calendar-head .calendar-head-cell{text-orientation:sideways;writing-mode:vertical-rl}}.timeline.table{flex-flow:column}.timeline .calendar-body .table{background-color:#f7f7f7}.timeline .calendar-body .table tr:first-child td{background-color:#fff;border:1px solid #000}.timeline .calendar-body .table tr:first-child td:first-child{min-width:10rem}.timeline .calendar-body .table tr:first-child span.day-label{left:0;right:0}.timeline .calendar-body .table tr:nth-child(2) td{border-width:1px;border-color:inherit}.timeline .calendar-body .table>:not(:first-child){border-top:none!important}\n"] }]
3182
+ args: [{ selector: 'bs-scheduler', template: "<div class=\"d-flex flex-column w-100 overflow-y-auto mb-0 week-schedule\" [style.max-height.px]=\"null\"\n *ngIf=\"(mode$ | async) === modes.week\">\n <div class=\"calendar-head\">\n <div class=\"w-100 d-flex flex-row\">\n <div class=\"d-flex calendar-left justify-content-between\">\n <button class=\"btn btn-default flex-start\" (click)=\"onPreviousWeekOrMonth()\">\n <i class=\"bi-chevron-left px-0\"></i>\n </button>\n <button class=\"btn btn-default flex-end\" (click)=\"onNextWeekOrMonth()\">\n <i class=\"bi-chevron-right px-0\"></i>\n </button>\n </div>\n <div class=\"flex-grow-1 calendar-head-cell\" *ngFor=\"let day of (shownDays$ | async)\">\n <span class=\"d-block col-form-label text-center\">\n <span>{{ day | date: 'dd-MM' }}</span><span class=\"d-none d-lg-inline-block\">-{{ day | date: 'yyyy' }}</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"calendar-body\" [style.height.px]=\"maxInnerHeight\">\n <div class=\"position-relative\" *ngIf=\"(timeSlots$ | async) as row\">\n <ng-container *ngIf=\"(weekOptions$ | async) as weekOptions\">\n <!-- Timeslots -->\n <div *ngFor=\"let timeslots of row; let i = index\" class=\"d-flex flex-row p-0 timeslot\" [style.height.px]=\"weekOptions.unitHeight\">\n <div class=\"calendar-cell calendar-left align-top px-2 py-0\">{{ timeslots.slots[0].start | date: 'HH:mm:ss' }}</div>\n <div class=\"calendar-cell flex-grow-1\" *ngFor=\"let slot of timeslots.slots; let j = index\" #slot (mousedown)=\"onCreateEvent($event, slot)\" [attr.data-row]=\"i\" [attr.data-column]=\"j\"></div>\n </div>\n\n <!-- Events -->\n <ng-container *ngIf=\"(timeSlotDuration$ | async) as timeSlotDuration\">\n <ng-container *ngIf=\"(timelinedEventPartsForThisWeek$ | async) as partData\">\n <div *ngFor=\"let eventPart of partData.parts\" class=\"event p-0\"\n [style.top.px]=\"(eventPart.part | bsSecondsTodayOffset) / timeSlotDuration * weekOptions.unitHeight\"\n [style.height.px]=\"(eventPart.part | bsSecondsTimespan) / timeSlotDuration * weekOptions.unitHeight\"\n [style.left]=\"'calc(90px + ((100% - 90px) / 7 * ' + ((eventPart.part | dayOfWeek) - 1) + '))'\">\n <div class=\"event-inner\" [class.hover]=\"(hoveredEvent$ | async) === eventPart.part.event\"\n [style.width]=\"'calc(100% / ' + partData.total + ')'\"\n [style.height.px]=\"(eventPart.part | bsSecondsTimespan) / timeSlotDuration * weekOptions.unitHeight\"\n [style.margin-left]=\"'calc(100% / ' + partData.total + ' * ' + eventPart.index + ')'\">\n\n <div class=\"event-resize top\"\n *ngIf=\"eventPart.part.start === eventPart.part.event?.start\"\n (mousedown)=\"onStartResizeEvent(eventPart.part.event, 'top')\"></div>\n <div class=\"event-border\"></div>\n <div class=\"event-wrapper\" *ngIf=\"eventPart.part.event\"\n (mousedown)=\"onStartDragEvent(eventPart.part, $event)\"\n (mouseenter)=\"onHoverEvent(eventPart.part.event)\"\n (mouseleave)=\"onLeaveEvent(eventPart.part.event)\">\n <div class=\"event-bg\" [style.background-color]=\"eventPart.part.event.color\"></div>\n <div class=\"event-label\">{{ eventPart.part.event.description }}</div>\n </div>\n <div class=\"event-resize bottom\"\n *ngIf=\"eventPart.part.end === eventPart.part.event?.end\"\n (mousedown)=\"onStartResizeEvent(eventPart.part.event, 'bottom')\"></div>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"(previewEventPartsForThisWeek$ | async) as previewPartData\">\n <div *ngFor=\"let eventPart of previewPartData\" class=\"event preview p-0\"\n [style.top.px]=\"(eventPart | bsSecondsTodayOffset) / timeSlotDuration * weekOptions.unitHeight\"\n [style.height.px]=\"(eventPart | bsSecondsTimespan) / timeSlotDuration * weekOptions.unitHeight\"\n [style.left]=\"'calc(90px + ((100% - 90px) / 7 * ' + ((eventPart | dayOfWeek) - 1) + '))'\">\n <div class=\"event-inner w-100\"\n [style.height.px]=\"(eventPart | bsSecondsTimespan) / timeSlotDuration * weekOptions.unitHeight\">\n </div>\n </div>\n </ng-container>\n </ng-container>\n </ng-container>\n </div>\n </div>\n</div>\n<div class=\"d-flex flex-column-100 overflow-y-auto mb-0 bg-white timeline\" *ngIf=\"(mode$ | async) === modes.timeline\">\n <div class=\"calendar-head d-flex\">\n <button class=\"btn flex-start\" (click)=\"onPreviousWeekOrMonth()\">\n <i class=\"bi-chevron-left px-0\"></i>\n </button>\n <div class=\"flex-grow-1 h3 py-2 mb-0 text-center\">{{ currentWeekOrMonth$ | async | date: 'MMMM yyyy' }}</div>\n <button class=\"btn flex-start\" (click)=\"onNextWeekOrMonth()\">\n <i class=\"bi-chevron-right px-0\"></i>\n </button>\n </div>\n \n <div class=\"calendar-body table-responsive overflow-x-auto\">\n <table class=\"table mb-0\">\n <ng-container *ngIf=\"(timeSlots$ | async) as timeSlots\">\n <tr>\n <td></td>\n <td *ngFor=\"let day of timeSlots\" [attr.colspan]=\"day.slots.length\" class=\"text-center px-2\">\n <span class=\"position-sticky day-label\">{{ day.stamp | date: 'd EE' }}</span>\n </td>\n </tr>\n <tr>\n <td></td>\n <ng-container *ngIf=\"(timelineOptions$ | async) as timelineOptions\">\n <ng-container *ngFor=\"let day of timeSlots\">\n <td *ngFor=\"let slot of day.slots\">\n <span class=\"d-block p-0 text-center\" [style.width.px]=\"timelineOptions.unitWidth\">\n {{ slot.start | date: 'HH:mm' }}\n </span>\n </td>\n </ng-container>\n </ng-container>\n </tr>\n <bs-resource-group-presenter *ngFor=\"let group of (resources$ | async)\" [resourceGroup]=\"group\" [timeSlots]=\"timeSlots\"></bs-resource-group-presenter>\n </ng-container>\n </table>\n </div>\n</div>", styles: [":host{display:block;border:1px solid #333;border-top-right-radius:10px;border-top-left-radius:10px;overflow:hidden}.calendar-head{background:#F7F7F7;color:#007aff}.tabel .calendar-head{flex:0 0 auto}.tabel .calendar-body{display:block;flex:1 1 auto}.week-schedule .calendar-head>div{padding-right:18px}.week-schedule .calendar-body{overflow-y:scroll;overflow-x:hidden}.week-schedule .calendar-body .calendar-cell{border-right:1px solid #DEE2E6;border-bottom:1px solid #DEE2E6;cursor:default}.week-schedule .calendar-body .calendar-cell.hover{border-top-width:3px}.week-schedule .calendar-left{width:90px}.week-schedule .event{z-index:5;width:calc((100% - 90px) / 7);height:100px;overflow:hidden;position:absolute;-webkit-user-select:none;user-select:none;pointer-events:none}.week-schedule .event.preview{background:#666;opacity:.6}.week-schedule .event .event-border{background:black;top:0;left:0;bottom:3px;width:3px;position:absolute;z-index:10;opacity:.3}.week-schedule .event .event-inner{position:relative;inset:0 5px 5px 0;cursor:move;pointer-events:all;overflow:hidden}.week-schedule .event .event-inner .event-wrapper{width:calc(100% - 2px);margin:1px auto 1px 0;height:calc(100% - 3px)}.week-schedule .event .event-inner .event-wrapper .event-bg{opacity:.5;height:100%;transition:opacity .15s ease-in-out}.week-schedule .event .event-inner .event-wrapper .event-label{position:absolute;top:0;font-size:12px;font-weight:600;padding:4px}.week-schedule .event .event-inner .event-resize{position:absolute;cursor:ns-resize;height:4px;left:0;right:0;z-index:400}.week-schedule .event .event-inner .event-resize.top{top:0}.week-schedule .event .event-inner .event-resize.bottom{bottom:0}.week-schedule .event .event-inner .event-resize:hover{background:#DDD}.week-schedule .event .event-inner.hover .event-bg{opacity:.7!important}@media (max-width: 767px){.week-schedule.tabel .calendar-head .calendar-head-cell{text-orientation:sideways;writing-mode:vertical-rl}}.timeline.tabel{flex-flow:column}.timeline .calendar-body .tabel{background-color:#f7f7f7}.timeline .calendar-body .tabel tr:first-child td{background-color:#fff;border:1px solid #000}.timeline .calendar-body .tabel tr:first-child td:first-child{min-width:10rem}.timeline .calendar-body .tabel tr:first-child span.day-label{left:0;right:0}.timeline .calendar-body .tabel tr:nth-child(2) td{border-width:1px;border-color:inherit}.timeline .calendar-body .tabel>:not(:first-child){border-top:none!important}\n"] }]
2954
3183
  }], ctorParameters: function () { return [{ type: BsCalendarMonthService }, { type: BsTimelineService }]; }, propDecorators: { timeSlotElements: [{
2955
3184
  type: ViewChildren,
2956
3185
  args: ['slot']
@@ -3040,57 +3269,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
3040
3269
  }]
3041
3270
  }] });
3042
3271
 
3043
- class BsListGroupItemComponent {
3044
- constructor() {
3045
- }
3046
- ngOnInit() {
3047
- }
3048
- }
3049
- BsListGroupItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3050
- BsListGroupItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: BsListGroupItemComponent, selector: "bs-list-group-item", ngImport: i0, template: "<li class=\"list-group-item\">\n <ng-content></ng-content>\n</li>", styles: [".list-group-item{margin-bottom:-1px}\n"] });
3051
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupItemComponent, decorators: [{
3052
- type: Component,
3053
- args: [{ selector: 'bs-list-group-item', template: "<li class=\"list-group-item\">\n <ng-content></ng-content>\n</li>", styles: [".list-group-item{margin-bottom:-1px}\n"] }]
3054
- }], ctorParameters: function () { return []; } });
3055
-
3056
- class BsListGroupComponent {
3057
- constructor() {
3058
- }
3059
- ngOnInit() {
3060
- }
3061
- }
3062
- BsListGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3063
- BsListGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: BsListGroupComponent, selector: "bs-list-group", queries: [{ propertyName: "items", predicate: BsListGroupItemComponent }], ngImport: i0, template: "<ul class=\"list-group mt-0\">\n <ng-content></ng-content>\n</ul>", styles: [":host ::ng-deep .list-group{--bs-list-group-color: #212529;--bs-list-group-bg: #fff;--bs-list-group-border-color: rgba(0, 0, 0, .125);--bs-list-group-border-width: 1px;--bs-list-group-border-radius: .375rem;--bs-list-group-item-padding-x: 1rem;--bs-list-group-item-padding-y: .5rem;--bs-list-group-action-color: #495057;--bs-list-group-action-hover-color: #495057;--bs-list-group-action-hover-bg: #f8f9fa;--bs-list-group-action-active-color: #212529;--bs-list-group-action-active-bg: #e9ecef;--bs-list-group-disabled-color: #6c757d;--bs-list-group-disabled-bg: #fff;--bs-list-group-active-color: #fff;--bs-list-group-active-bg: #0d6efd;--bs-list-group-active-border-color: #0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}:host ::ng-deep .list-group-numbered{list-style-type:none;counter-reset:section}:host ::ng-deep .list-group-numbered>.list-group-item:before{content:counters(section,\".\") \". \";counter-increment:section}:host ::ng-deep .list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}:host ::ng-deep .list-group-item-action:hover,:host ::ng-deep .list-group-item-action:focus{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}:host ::ng-deep .list-group-item-action:active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}:host ::ng-deep .list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}:host ::ng-deep .list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}:host ::ng-deep .list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}:host ::ng-deep .list-group-item.disabled,:host ::ng-deep .list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}:host ::ng-deep .list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}:host ::ng-deep .list-group-item+.list-group-item{border-top-width:0}:host ::ng-deep .list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}:host ::ng-deep .list-group-horizontal{flex-direction:row}:host ::ng-deep .list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}:host ::ng-deep .list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}:host ::ng-deep .list-group-horizontal>.list-group-item.active{margin-top:0}:host ::ng-deep .list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}:host ::ng-deep .list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@media (min-width: 576px){:host ::ng-deep .list-group-horizontal-sm{flex-direction:row}:host ::ng-deep .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}:host ::ng-deep .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}:host ::ng-deep .list-group-horizontal-sm>.list-group-item.active{margin-top:0}:host ::ng-deep .list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}:host ::ng-deep .list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width: 768px){:host ::ng-deep .list-group-horizontal-md{flex-direction:row}:host ::ng-deep .list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}:host ::ng-deep .list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}:host ::ng-deep .list-group-horizontal-md>.list-group-item.active{margin-top:0}:host ::ng-deep .list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}:host ::ng-deep .list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width: 992px){:host ::ng-deep .list-group-horizontal-lg{flex-direction:row}:host ::ng-deep .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}:host ::ng-deep .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}:host ::ng-deep .list-group-horizontal-lg>.list-group-item.active{margin-top:0}:host ::ng-deep .list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}:host ::ng-deep .list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width: 1200px){:host ::ng-deep .list-group-horizontal-xl{flex-direction:row}:host ::ng-deep .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}:host ::ng-deep .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}:host ::ng-deep .list-group-horizontal-xl>.list-group-item.active{margin-top:0}:host ::ng-deep .list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}:host ::ng-deep .list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width: 1400px){:host ::ng-deep .list-group-horizontal-xxl{flex-direction:row}:host ::ng-deep .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}:host ::ng-deep .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}:host ::ng-deep .list-group-horizontal-xxl>.list-group-item.active{margin-top:0}:host ::ng-deep .list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}:host ::ng-deep .list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}:host ::ng-deep .list-group-flush{border-radius:0}:host ::ng-deep .list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}:host ::ng-deep .list-group-flush>.list-group-item:last-child{border-bottom-width:0}:host ::ng-deep .list-group-item-primary{color:#084298;background-color:#cfe2ff}:host ::ng-deep .list-group-item-primary.list-group-item-action:hover,:host ::ng-deep .list-group-item-primary.list-group-item-action:focus{color:#084298;background-color:#bacbe6}:host ::ng-deep .list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#084298;border-color:#084298}:host ::ng-deep .list-group-item-secondary{color:#41464b;background-color:#e2e3e5}:host ::ng-deep .list-group-item-secondary.list-group-item-action:hover,:host ::ng-deep .list-group-item-secondary.list-group-item-action:focus{color:#41464b;background-color:#cbccce}:host ::ng-deep .list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#41464b;border-color:#41464b}:host ::ng-deep .list-group-item-success{color:#0f5132;background-color:#d1e7dd}:host ::ng-deep .list-group-item-success.list-group-item-action:hover,:host ::ng-deep .list-group-item-success.list-group-item-action:focus{color:#0f5132;background-color:#bcd0c7}:host ::ng-deep .list-group-item-success.list-group-item-action.active{color:#fff;background-color:#0f5132;border-color:#0f5132}:host ::ng-deep .list-group-item-info{color:#055160;background-color:#cff4fc}:host ::ng-deep .list-group-item-info.list-group-item-action:hover,:host ::ng-deep .list-group-item-info.list-group-item-action:focus{color:#055160;background-color:#badce3}:host ::ng-deep .list-group-item-info.list-group-item-action.active{color:#fff;background-color:#055160;border-color:#055160}:host ::ng-deep .list-group-item-warning{color:#664d03;background-color:#fff3cd}:host ::ng-deep .list-group-item-warning.list-group-item-action:hover,:host ::ng-deep .list-group-item-warning.list-group-item-action:focus{color:#664d03;background-color:#e6dbb9}:host ::ng-deep .list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#664d03;border-color:#664d03}:host ::ng-deep .list-group-item-danger{color:#842029;background-color:#f8d7da}:host ::ng-deep .list-group-item-danger.list-group-item-action:hover,:host ::ng-deep .list-group-item-danger.list-group-item-action:focus{color:#842029;background-color:#dfc2c4}:host ::ng-deep .list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#842029;border-color:#842029}:host ::ng-deep .list-group-item-light{color:#636464;background-color:#fefefe}:host ::ng-deep .list-group-item-light.list-group-item-action:hover,:host ::ng-deep .list-group-item-light.list-group-item-action:focus{color:#636464;background-color:#e5e5e5}:host ::ng-deep .list-group-item-light.list-group-item-action.active{color:#fff;background-color:#636464;border-color:#636464}:host ::ng-deep .list-group-item-dark{color:#141619;background-color:#d3d3d4}:host ::ng-deep .list-group-item-dark.list-group-item-action:hover,:host ::ng-deep .list-group-item-dark.list-group-item-action:focus{color:#141619;background-color:#bebebf}:host ::ng-deep .list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#141619;border-color:#141619}\n"] });
3064
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupComponent, decorators: [{
3065
- type: Component,
3066
- args: [{ selector: 'bs-list-group', template: "<ul class=\"list-group mt-0\">\n <ng-content></ng-content>\n</ul>", styles: [":host ::ng-deep .list-group{--bs-list-group-color: #212529;--bs-list-group-bg: #fff;--bs-list-group-border-color: rgba(0, 0, 0, .125);--bs-list-group-border-width: 1px;--bs-list-group-border-radius: .375rem;--bs-list-group-item-padding-x: 1rem;--bs-list-group-item-padding-y: .5rem;--bs-list-group-action-color: #495057;--bs-list-group-action-hover-color: #495057;--bs-list-group-action-hover-bg: #f8f9fa;--bs-list-group-action-active-color: #212529;--bs-list-group-action-active-bg: #e9ecef;--bs-list-group-disabled-color: #6c757d;--bs-list-group-disabled-bg: #fff;--bs-list-group-active-color: #fff;--bs-list-group-active-bg: #0d6efd;--bs-list-group-active-border-color: #0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}:host ::ng-deep .list-group-numbered{list-style-type:none;counter-reset:section}:host ::ng-deep .list-group-numbered>.list-group-item:before{content:counters(section,\".\") \". \";counter-increment:section}:host ::ng-deep .list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}:host ::ng-deep .list-group-item-action:hover,:host ::ng-deep .list-group-item-action:focus{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}:host ::ng-deep .list-group-item-action:active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}:host ::ng-deep .list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}:host ::ng-deep .list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}:host ::ng-deep .list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}:host ::ng-deep .list-group-item.disabled,:host ::ng-deep .list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}:host ::ng-deep .list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}:host ::ng-deep .list-group-item+.list-group-item{border-top-width:0}:host ::ng-deep .list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}:host ::ng-deep .list-group-horizontal{flex-direction:row}:host ::ng-deep .list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}:host ::ng-deep .list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}:host ::ng-deep .list-group-horizontal>.list-group-item.active{margin-top:0}:host ::ng-deep .list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}:host ::ng-deep .list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@media (min-width: 576px){:host ::ng-deep .list-group-horizontal-sm{flex-direction:row}:host ::ng-deep .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}:host ::ng-deep .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}:host ::ng-deep .list-group-horizontal-sm>.list-group-item.active{margin-top:0}:host ::ng-deep .list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}:host ::ng-deep .list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width: 768px){:host ::ng-deep .list-group-horizontal-md{flex-direction:row}:host ::ng-deep .list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}:host ::ng-deep .list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}:host ::ng-deep .list-group-horizontal-md>.list-group-item.active{margin-top:0}:host ::ng-deep .list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}:host ::ng-deep .list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width: 992px){:host ::ng-deep .list-group-horizontal-lg{flex-direction:row}:host ::ng-deep .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}:host ::ng-deep .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}:host ::ng-deep .list-group-horizontal-lg>.list-group-item.active{margin-top:0}:host ::ng-deep .list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}:host ::ng-deep .list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width: 1200px){:host ::ng-deep .list-group-horizontal-xl{flex-direction:row}:host ::ng-deep .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}:host ::ng-deep .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}:host ::ng-deep .list-group-horizontal-xl>.list-group-item.active{margin-top:0}:host ::ng-deep .list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}:host ::ng-deep .list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width: 1400px){:host ::ng-deep .list-group-horizontal-xxl{flex-direction:row}:host ::ng-deep .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}:host ::ng-deep .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}:host ::ng-deep .list-group-horizontal-xxl>.list-group-item.active{margin-top:0}:host ::ng-deep .list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}:host ::ng-deep .list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}:host ::ng-deep .list-group-flush{border-radius:0}:host ::ng-deep .list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}:host ::ng-deep .list-group-flush>.list-group-item:last-child{border-bottom-width:0}:host ::ng-deep .list-group-item-primary{color:#084298;background-color:#cfe2ff}:host ::ng-deep .list-group-item-primary.list-group-item-action:hover,:host ::ng-deep .list-group-item-primary.list-group-item-action:focus{color:#084298;background-color:#bacbe6}:host ::ng-deep .list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#084298;border-color:#084298}:host ::ng-deep .list-group-item-secondary{color:#41464b;background-color:#e2e3e5}:host ::ng-deep .list-group-item-secondary.list-group-item-action:hover,:host ::ng-deep .list-group-item-secondary.list-group-item-action:focus{color:#41464b;background-color:#cbccce}:host ::ng-deep .list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#41464b;border-color:#41464b}:host ::ng-deep .list-group-item-success{color:#0f5132;background-color:#d1e7dd}:host ::ng-deep .list-group-item-success.list-group-item-action:hover,:host ::ng-deep .list-group-item-success.list-group-item-action:focus{color:#0f5132;background-color:#bcd0c7}:host ::ng-deep .list-group-item-success.list-group-item-action.active{color:#fff;background-color:#0f5132;border-color:#0f5132}:host ::ng-deep .list-group-item-info{color:#055160;background-color:#cff4fc}:host ::ng-deep .list-group-item-info.list-group-item-action:hover,:host ::ng-deep .list-group-item-info.list-group-item-action:focus{color:#055160;background-color:#badce3}:host ::ng-deep .list-group-item-info.list-group-item-action.active{color:#fff;background-color:#055160;border-color:#055160}:host ::ng-deep .list-group-item-warning{color:#664d03;background-color:#fff3cd}:host ::ng-deep .list-group-item-warning.list-group-item-action:hover,:host ::ng-deep .list-group-item-warning.list-group-item-action:focus{color:#664d03;background-color:#e6dbb9}:host ::ng-deep .list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#664d03;border-color:#664d03}:host ::ng-deep .list-group-item-danger{color:#842029;background-color:#f8d7da}:host ::ng-deep .list-group-item-danger.list-group-item-action:hover,:host ::ng-deep .list-group-item-danger.list-group-item-action:focus{color:#842029;background-color:#dfc2c4}:host ::ng-deep .list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#842029;border-color:#842029}:host ::ng-deep .list-group-item-light{color:#636464;background-color:#fefefe}:host ::ng-deep .list-group-item-light.list-group-item-action:hover,:host ::ng-deep .list-group-item-light.list-group-item-action:focus{color:#636464;background-color:#e5e5e5}:host ::ng-deep .list-group-item-light.list-group-item-action.active{color:#fff;background-color:#636464;border-color:#636464}:host ::ng-deep .list-group-item-dark{color:#141619;background-color:#d3d3d4}:host ::ng-deep .list-group-item-dark.list-group-item-action:hover,:host ::ng-deep .list-group-item-dark.list-group-item-action:focus{color:#141619;background-color:#bebebf}:host ::ng-deep .list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#141619;border-color:#141619}\n"] }]
3067
- }], ctorParameters: function () { return []; }, propDecorators: { items: [{
3068
- type: ContentChildren,
3069
- args: [BsListGroupItemComponent]
3070
- }] } });
3071
-
3072
- class BsListGroupModule {
3073
- }
3074
- BsListGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
3075
- BsListGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupModule, declarations: [BsListGroupComponent,
3076
- BsListGroupItemComponent], imports: [CommonModule], exports: [BsListGroupComponent,
3077
- BsListGroupItemComponent] });
3078
- BsListGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupModule, imports: [CommonModule] });
3079
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupModule, decorators: [{
3080
- type: NgModule,
3081
- args: [{
3082
- imports: [CommonModule],
3083
- declarations: [
3084
- BsListGroupComponent,
3085
- BsListGroupItemComponent
3086
- ],
3087
- exports: [
3088
- BsListGroupComponent,
3089
- BsListGroupItemComponent
3090
- ]
3091
- }]
3092
- }] });
3093
-
3094
3272
  const MODAL_CONTENT = new InjectionToken('ModalContent');
3095
3273
 
3096
3274
  class BsModalComponent {
@@ -3450,10 +3628,10 @@ class BsNavbarComponent {
3450
3628
  }
3451
3629
  }
3452
3630
  BsNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3453
- BsNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: BsNavbarComponent, selector: "bs-navbar", inputs: { autoclose: "autoclose" }, viewQueries: [{ propertyName: "nav", first: true, predicate: ["nav"], descendants: true }], ngImport: i0, template: "<nav #nav class=\"navbar navbar-expand-md position-fixed navbar-dark bg-dark\">\n <div class=\"container-fluid\">\n <div class=\"d-flex w-100 w-md-auto\">\n <ng-content select=\"bs-navbar-brand\"></ng-content>\n <div class=\"flex-end d-md-none d-flex tw\">\n <button (click)=\"toggleExpanded()\" title=\"Expand/collapse menu\" class=\"align-self-center\" [class.navbar-toggler]=\"!expandButtonTemplate\" [class.bg-transparent]=\"expandButtonTemplate\" [class.shadow-none]=\"expandButtonTemplate\" [class.border-0]=\"expandButtonTemplate\" type=\"button\">\n <ng-container *ngTemplateOutlet=\"expandButtonTemplate ?? defaultExpandButton; context: { $implicit: (isExpanded$ | async) ? 'open' : 'closed' }\"></ng-container>\n </button>\n </div>\n </div>\n <ng-content></ng-content>\n </div>\n</nav>\n\n<ng-template #defaultExpandButton>\n <span class=\"navbar-toggler-icon\"></span>\n</ng-template>", styles: [":host ::ng-deep .dropup,:host ::ng-deep .dropend,:host ::ng-deep .dropdown,:host ::ng-deep .dropstart,:host ::ng-deep .dropup-center,:host ::ng-deep .dropdown-center{position:relative}:host ::ng-deep .dropdown-toggle{white-space:nowrap}:host ::ng-deep .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}:host ::ng-deep .dropdown-toggle:empty:after{margin-left:0}:host ::ng-deep .dropdown-menu{--bs-dropdown-zindex: 1000;--bs-dropdown-min-width: 10rem;--bs-dropdown-padding-x: 0;--bs-dropdown-padding-y: .5rem;--bs-dropdown-spacer: .125rem;--bs-dropdown-font-size: 1rem;--bs-dropdown-color: #212529;--bs-dropdown-bg: #fff;--bs-dropdown-border-color: var(--bs-border-color-translucent);--bs-dropdown-border-radius: .375rem;--bs-dropdown-border-width: 1px;--bs-dropdown-inner-border-radius:calc(.375rem - 1px);--bs-dropdown-divider-bg: var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y: .5rem;--bs-dropdown-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);--bs-dropdown-link-color: #212529;--bs-dropdown-link-hover-color: #1e2125;--bs-dropdown-link-hover-bg: #e9ecef;--bs-dropdown-link-active-color: #fff;--bs-dropdown-link-active-bg: #0d6efd;--bs-dropdown-link-disabled-color: #adb5bd;--bs-dropdown-item-padding-x: 1rem;--bs-dropdown-item-padding-y: .25rem;--bs-dropdown-header-color: #6c757d;--bs-dropdown-header-padding-x: 1rem;--bs-dropdown-header-padding-y: .5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}:host ::ng-deep .dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}:host ::ng-deep .dropdown-menu-start{--bs-position: start}:host ::ng-deep .dropdown-menu-start[data-bs-popper]{right:auto;left:0}:host ::ng-deep .dropdown-menu-end{--bs-position: end}:host ::ng-deep .dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width: 576px){:host ::ng-deep .dropdown-menu-sm-start{--bs-position: start}:host ::ng-deep .dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}:host ::ng-deep .dropdown-menu-sm-end{--bs-position: end}:host ::ng-deep .dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 768px){:host ::ng-deep .dropdown-menu-md-start{--bs-position: start}:host ::ng-deep .dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}:host ::ng-deep .dropdown-menu-md-end{--bs-position: end}:host ::ng-deep .dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 992px){:host ::ng-deep .dropdown-menu-lg-start{--bs-position: start}:host ::ng-deep .dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}:host ::ng-deep .dropdown-menu-lg-end{--bs-position: end}:host ::ng-deep .dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 1200px){:host ::ng-deep .dropdown-menu-xl-start{--bs-position: start}:host ::ng-deep .dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}:host ::ng-deep .dropdown-menu-xl-end{--bs-position: end}:host ::ng-deep .dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 1400px){:host ::ng-deep .dropdown-menu-xxl-start{--bs-position: start}:host ::ng-deep .dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}:host ::ng-deep .dropdown-menu-xxl-end{--bs-position: end}:host ::ng-deep .dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}:host ::ng-deep .dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}:host ::ng-deep .dropup .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}:host ::ng-deep .dropup .dropdown-toggle:empty:after{margin-left:0}:host ::ng-deep .dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}:host ::ng-deep .dropend .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}:host ::ng-deep .dropend .dropdown-toggle:empty:after{margin-left:0}:host ::ng-deep .dropend .dropdown-toggle:after{vertical-align:0}:host ::ng-deep .dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}:host ::ng-deep .dropstart .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\"}:host ::ng-deep .dropstart .dropdown-toggle:after{display:none}:host ::ng-deep .dropstart .dropdown-toggle:before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}:host ::ng-deep .dropstart .dropdown-toggle:empty:after{margin-left:0}:host ::ng-deep .dropstart .dropdown-toggle:before{vertical-align:0}:host ::ng-deep .dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}:host ::ng-deep .dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}:host ::ng-deep .dropdown-item:hover,:host ::ng-deep .dropdown-item:focus{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}:host ::ng-deep .dropdown-item.active,:host ::ng-deep .dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}:host ::ng-deep .dropdown-item.disabled,:host ::ng-deep .dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}:host ::ng-deep .dropdown-menu.show{display:block}:host ::ng-deep .dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}:host ::ng-deep .dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}:host ::ng-deep .dropdown-menu-dark{--bs-dropdown-color: #dee2e6;--bs-dropdown-bg: #343a40;--bs-dropdown-border-color: var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color: #dee2e6;--bs-dropdown-link-hover-color: #fff;--bs-dropdown-divider-bg: var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg: rgba(255, 255, 255, .15);--bs-dropdown-link-active-color: #fff;--bs-dropdown-link-active-bg: #0d6efd;--bs-dropdown-link-disabled-color: #adb5bd;--bs-dropdown-header-color: #adb5bd}:host ::ng-deep .nav{--bs-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: .5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-link-color);--bs-nav-link-hover-color: var(--bs-link-hover-color);--bs-nav-link-disabled-color: #6c757d;display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}:host ::ng-deep .nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion: reduce){:host ::ng-deep .nav-link{transition:none}}:host ::ng-deep .nav-link:hover,:host ::ng-deep .nav-link:focus{color:var(--bs-nav-link-hover-color)}:host ::ng-deep .nav-link.disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}:host ::ng-deep .nav-tabs{--bs-nav-tabs-border-width: 1px;--bs-nav-tabs-border-color: #dee2e6;--bs-nav-tabs-border-radius: .375rem;--bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;--bs-nav-tabs-link-active-color: #495057;--bs-nav-tabs-link-active-bg: #fff;--bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}:host ::ng-deep .nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));background:none;border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}:host ::ng-deep .nav-tabs .nav-link:hover,:host ::ng-deep .nav-tabs .nav-link:focus{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}:host ::ng-deep .nav-tabs .nav-link.disabled,:host ::ng-deep .nav-tabs .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}:host ::ng-deep .nav-tabs .nav-link.active,:host ::ng-deep .nav-tabs .nav-item.show .nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host ::ng-deep .nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}:host ::ng-deep .nav-pills{--bs-nav-pills-border-radius: .375rem;--bs-nav-pills-link-active-color: #fff;--bs-nav-pills-link-active-bg: #0d6efd}:host ::ng-deep .nav-pills .nav-link{background:none;border:0;border-radius:var(--bs-nav-pills-border-radius)}:host ::ng-deep .nav-pills .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}:host ::ng-deep .nav-pills .nav-link.active,:host ::ng-deep .nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}:host ::ng-deep .nav-fill>.nav-link,:host ::ng-deep .nav-fill .nav-item{flex:1 1 auto;text-align:center}:host ::ng-deep .nav-justified>.nav-link,:host ::ng-deep .nav-justified .nav-item{flex-basis:0;flex-grow:1;text-align:center}:host ::ng-deep .nav-fill .nav-item .nav-link,:host ::ng-deep .nav-justified .nav-item .nav-link{width:100%}:host ::ng-deep .tab-content>.tab-pane{display:none}:host ::ng-deep .tab-content>.active{display:block}:host ::ng-deep .navbar{--bs-navbar-padding-x: 0;--bs-navbar-padding-y: .5rem;--bs-navbar-color: rgba(0, 0, 0, .55);--bs-navbar-hover-color: rgba(0, 0, 0, .7);--bs-navbar-disabled-color: rgba(0, 0, 0, .3);--bs-navbar-active-color: rgba(0, 0, 0, .9);--bs-navbar-brand-padding-y: .3125rem;--bs-navbar-brand-margin-end: 1rem;--bs-navbar-brand-font-size: 1.25rem;--bs-navbar-brand-color: rgba(0, 0, 0, .9);--bs-navbar-brand-hover-color: rgba(0, 0, 0, .9);--bs-navbar-nav-link-padding-x: .5rem;--bs-navbar-toggler-padding-y: .25rem;--bs-navbar-toggler-padding-x: .75rem;--bs-navbar-toggler-font-size: 1.25rem;--bs-navbar-toggler-icon-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");--bs-navbar-toggler-border-color: rgba(0, 0, 0, .1);--bs-navbar-toggler-border-radius: .375rem;--bs-navbar-toggler-focus-width: .25rem;--bs-navbar-toggler-transition: box-shadow .15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}:host ::ng-deep .navbar>.container-xxl,:host ::ng-deep .navbar>.container-xl,:host ::ng-deep .navbar>.container-lg,:host ::ng-deep .navbar>.container-md,:host ::ng-deep .navbar>.container-sm,:host ::ng-deep .navbar>.container,:host ::ng-deep .navbar>.container-fluid{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}:host ::ng-deep .navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}:host ::ng-deep .navbar-brand:hover,:host ::ng-deep .navbar-brand:focus{color:var(--bs-navbar-brand-hover-color)}:host ::ng-deep .navbar-nav{--bs-nav-link-padding-x: 0;--bs-nav-link-padding-y: .5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-navbar-color);--bs-nav-link-hover-color: var(--bs-navbar-hover-color);--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}:host ::ng-deep .navbar-nav .show>.nav-link,:host ::ng-deep .navbar-nav .nav-link.active{color:var(--bs-navbar-active-color)}:host ::ng-deep .navbar-nav .dropdown-menu{position:static}:host ::ng-deep .navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}:host ::ng-deep .navbar-text a,:host ::ng-deep .navbar-text a:hover,:host ::ng-deep .navbar-text a:focus{color:var(--bs-navbar-active-color)}:host ::ng-deep .navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}:host ::ng-deep .navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion: reduce){:host ::ng-deep .navbar-toggler{transition:none}}:host ::ng-deep .navbar-toggler:hover{text-decoration:none}:host ::ng-deep .navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}:host ::ng-deep .navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}:host ::ng-deep .navbar-nav-scroll{max-height:var(--bs-scroll-height, 75vh);overflow-y:auto}@media (min-width: 576px){:host ::ng-deep .navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}:host ::ng-deep .navbar-expand-sm .navbar-nav{flex-direction:row}:host ::ng-deep .navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}:host ::ng-deep .navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}:host ::ng-deep .navbar-expand-sm .navbar-nav-scroll{overflow:visible}:host ::ng-deep .navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}:host ::ng-deep .navbar-expand-sm .navbar-toggler{display:none}:host ::ng-deep .navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}:host ::ng-deep .navbar-expand-sm .offcanvas .offcanvas-header{display:none}:host ::ng-deep .navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 768px){:host ::ng-deep .navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}:host ::ng-deep .navbar-expand-md .navbar-nav{flex-direction:row}:host ::ng-deep .navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}:host ::ng-deep .navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}:host ::ng-deep .navbar-expand-md .navbar-nav-scroll{overflow:visible}:host ::ng-deep .navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}:host ::ng-deep .navbar-expand-md .navbar-toggler{display:none}:host ::ng-deep .navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}:host ::ng-deep .navbar-expand-md .offcanvas .offcanvas-header{display:none}:host ::ng-deep .navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 992px){:host ::ng-deep .navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}:host ::ng-deep .navbar-expand-lg .navbar-nav{flex-direction:row}:host ::ng-deep .navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}:host ::ng-deep .navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}:host ::ng-deep .navbar-expand-lg .navbar-nav-scroll{overflow:visible}:host ::ng-deep .navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}:host ::ng-deep .navbar-expand-lg .navbar-toggler{display:none}:host ::ng-deep .navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}:host ::ng-deep .navbar-expand-lg .offcanvas .offcanvas-header{display:none}:host ::ng-deep .navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 1200px){:host ::ng-deep .navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}:host ::ng-deep .navbar-expand-xl .navbar-nav{flex-direction:row}:host ::ng-deep .navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}:host ::ng-deep .navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}:host ::ng-deep .navbar-expand-xl .navbar-nav-scroll{overflow:visible}:host ::ng-deep .navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}:host ::ng-deep .navbar-expand-xl .navbar-toggler{display:none}:host ::ng-deep .navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}:host ::ng-deep .navbar-expand-xl .offcanvas .offcanvas-header{display:none}:host ::ng-deep .navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 1400px){:host ::ng-deep .navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}:host ::ng-deep .navbar-expand-xxl .navbar-nav{flex-direction:row}:host ::ng-deep .navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}:host ::ng-deep .navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}:host ::ng-deep .navbar-expand-xxl .navbar-nav-scroll{overflow:visible}:host ::ng-deep .navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}:host ::ng-deep .navbar-expand-xxl .navbar-toggler{display:none}:host ::ng-deep .navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}:host ::ng-deep .navbar-expand-xxl .offcanvas .offcanvas-header{display:none}:host ::ng-deep .navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}:host ::ng-deep .navbar-expand{flex-wrap:nowrap;justify-content:flex-start}:host ::ng-deep .navbar-expand .navbar-nav{flex-direction:row}:host ::ng-deep .navbar-expand .navbar-nav .dropdown-menu{position:absolute}:host ::ng-deep .navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}:host ::ng-deep .navbar-expand .navbar-nav-scroll{overflow:visible}:host ::ng-deep .navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}:host ::ng-deep .navbar-expand .navbar-toggler{display:none}:host ::ng-deep .navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}:host ::ng-deep .navbar-expand .offcanvas .offcanvas-header{display:none}:host ::ng-deep .navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}:host ::ng-deep .navbar-dark{--bs-navbar-color: rgba(255, 255, 255, .55);--bs-navbar-hover-color: rgba(255, 255, 255, .75);--bs-navbar-disabled-color: rgba(255, 255, 255, .25);--bs-navbar-active-color: #fff;--bs-navbar-brand-color: #fff;--bs-navbar-brand-hover-color: #fff;--bs-navbar-toggler-border-color: rgba(255, 255, 255, .1);--bs-navbar-toggler-icon-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\")}nav{left:0;top:0;right:0;z-index:10}@media (max-width: 767px){nav.position-fixed{max-height:100%;overflow-y:scroll;margin-right:-17px}}@media (min-width: 768px){.mx-md-unset{margin-left:0!important;margin-right:0!important}.w-md-auto{width:auto!important}}.tw{margin:-.5rem -.6666666667rem}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
3631
+ BsNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: BsNavbarComponent, selector: "bs-navbar", inputs: { autoclose: "autoclose" }, viewQueries: [{ propertyName: "nav", first: true, predicate: ["nav"], descendants: true }], ngImport: i0, template: "<nav #nav class=\"navbar navbar-expand-md position-fixed navbar-dark bg-dark\">\n <div class=\"container-fluid\">\n <div class=\"d-flex w-100 w-md-auto\">\n <ng-content select=\"bs-navbar-brand\"></ng-content>\n <div class=\"flex-end d-md-none d-flex tw\">\n <button (click)=\"toggleExpanded()\" title=\"Expand/collapse menu\" class=\"align-self-center\" [class.navbar-toggler]=\"!expandButtonTemplate\" [class.bg-transparent]=\"expandButtonTemplate\" [class.shadow-none]=\"expandButtonTemplate\" [class.border-0]=\"expandButtonTemplate\" type=\"button\">\n <ng-container *ngTemplateOutlet=\"expandButtonTemplate ?? defaultExpandButton; context: { $implicit: (isExpanded$ | async) ? 'open' : 'closed' }\"></ng-container>\n </button>\n </div>\n </div>\n <ng-content></ng-content>\n </div>\n</nav>\n\n<ng-template #defaultExpandButton>\n <span class=\"navbar-toggler-icon\"></span>\n</ng-template>", styles: [":host ::ng-deep .container,:host ::ng-deep .container-fluid,:host ::ng-deep .container-xxl,:host ::ng-deep .container-xl,:host ::ng-deep .container-lg,:host ::ng-deep .container-md,:host ::ng-deep .container-sm{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width: 576px){:host ::ng-deep .container-sm,:host ::ng-deep .container{max-width:540px}}@media (min-width: 768px){:host ::ng-deep .container-md,:host ::ng-deep .container-sm,:host ::ng-deep .container{max-width:720px}}@media (min-width: 992px){:host ::ng-deep .container-lg,:host ::ng-deep .container-md,:host ::ng-deep .container-sm,:host ::ng-deep .container{max-width:960px}}@media (min-width: 1200px){:host ::ng-deep .container-xl,:host ::ng-deep .container-lg,:host ::ng-deep .container-md,:host ::ng-deep .container-sm,:host ::ng-deep .container{max-width:1140px}}@media (min-width: 1400px){:host ::ng-deep .container-xxl,:host ::ng-deep .container-xl,:host ::ng-deep .container-lg,:host ::ng-deep .container-md,:host ::ng-deep .container-sm,:host ::ng-deep .container{max-width:1320px}}:host ::ng-deep .dropup,:host ::ng-deep .dropend,:host ::ng-deep .dropdown,:host ::ng-deep .dropstart,:host ::ng-deep .dropup-center,:host ::ng-deep .dropdown-center{position:relative}:host ::ng-deep .dropdown-toggle{white-space:nowrap}:host ::ng-deep .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}:host ::ng-deep .dropdown-toggle:empty:after{margin-left:0}:host ::ng-deep .dropdown-menu{--bs-dropdown-zindex: 1000;--bs-dropdown-min-width: 10rem;--bs-dropdown-padding-x: 0;--bs-dropdown-padding-y: .5rem;--bs-dropdown-spacer: .125rem;--bs-dropdown-font-size: 1rem;--bs-dropdown-color: #212529;--bs-dropdown-bg: #fff;--bs-dropdown-border-color: var(--bs-border-color-translucent);--bs-dropdown-border-radius: .375rem;--bs-dropdown-border-width: 1px;--bs-dropdown-inner-border-radius:calc(.375rem - 1px);--bs-dropdown-divider-bg: var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y: .5rem;--bs-dropdown-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);--bs-dropdown-link-color: #212529;--bs-dropdown-link-hover-color: #1e2125;--bs-dropdown-link-hover-bg: #e9ecef;--bs-dropdown-link-active-color: #fff;--bs-dropdown-link-active-bg: #0d6efd;--bs-dropdown-link-disabled-color: #adb5bd;--bs-dropdown-item-padding-x: 1rem;--bs-dropdown-item-padding-y: .25rem;--bs-dropdown-header-color: #6c757d;--bs-dropdown-header-padding-x: 1rem;--bs-dropdown-header-padding-y: .5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}:host ::ng-deep .dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}:host ::ng-deep .dropdown-menu-start{--bs-position: start}:host ::ng-deep .dropdown-menu-start[data-bs-popper]{right:auto;left:0}:host ::ng-deep .dropdown-menu-end{--bs-position: end}:host ::ng-deep .dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width: 576px){:host ::ng-deep .dropdown-menu-sm-start{--bs-position: start}:host ::ng-deep .dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}:host ::ng-deep .dropdown-menu-sm-end{--bs-position: end}:host ::ng-deep .dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 768px){:host ::ng-deep .dropdown-menu-md-start{--bs-position: start}:host ::ng-deep .dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}:host ::ng-deep .dropdown-menu-md-end{--bs-position: end}:host ::ng-deep .dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 992px){:host ::ng-deep .dropdown-menu-lg-start{--bs-position: start}:host ::ng-deep .dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}:host ::ng-deep .dropdown-menu-lg-end{--bs-position: end}:host ::ng-deep .dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 1200px){:host ::ng-deep .dropdown-menu-xl-start{--bs-position: start}:host ::ng-deep .dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}:host ::ng-deep .dropdown-menu-xl-end{--bs-position: end}:host ::ng-deep .dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 1400px){:host ::ng-deep .dropdown-menu-xxl-start{--bs-position: start}:host ::ng-deep .dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}:host ::ng-deep .dropdown-menu-xxl-end{--bs-position: end}:host ::ng-deep .dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}:host ::ng-deep .dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}:host ::ng-deep .dropup .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}:host ::ng-deep .dropup .dropdown-toggle:empty:after{margin-left:0}:host ::ng-deep .dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}:host ::ng-deep .dropend .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}:host ::ng-deep .dropend .dropdown-toggle:empty:after{margin-left:0}:host ::ng-deep .dropend .dropdown-toggle:after{vertical-align:0}:host ::ng-deep .dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}:host ::ng-deep .dropstart .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\"}:host ::ng-deep .dropstart .dropdown-toggle:after{display:none}:host ::ng-deep .dropstart .dropdown-toggle:before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}:host ::ng-deep .dropstart .dropdown-toggle:empty:after{margin-left:0}:host ::ng-deep .dropstart .dropdown-toggle:before{vertical-align:0}:host ::ng-deep .dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}:host ::ng-deep .dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}:host ::ng-deep .dropdown-item:hover,:host ::ng-deep .dropdown-item:focus{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}:host ::ng-deep .dropdown-item.active,:host ::ng-deep .dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}:host ::ng-deep .dropdown-item.disabled,:host ::ng-deep .dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}:host ::ng-deep .dropdown-menu.show{display:block}:host ::ng-deep .dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}:host ::ng-deep .dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}:host ::ng-deep .dropdown-menu-dark{--bs-dropdown-color: #dee2e6;--bs-dropdown-bg: #343a40;--bs-dropdown-border-color: var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color: #dee2e6;--bs-dropdown-link-hover-color: #fff;--bs-dropdown-divider-bg: var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg: rgba(255, 255, 255, .15);--bs-dropdown-link-active-color: #fff;--bs-dropdown-link-active-bg: #0d6efd;--bs-dropdown-link-disabled-color: #adb5bd;--bs-dropdown-header-color: #adb5bd}:host ::ng-deep .nav{--bs-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: .5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-link-color);--bs-nav-link-hover-color: var(--bs-link-hover-color);--bs-nav-link-disabled-color: #6c757d;display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}:host ::ng-deep .nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion: reduce){:host ::ng-deep .nav-link{transition:none}}:host ::ng-deep .nav-link:hover,:host ::ng-deep .nav-link:focus{color:var(--bs-nav-link-hover-color)}:host ::ng-deep .nav-link.disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}:host ::ng-deep .nav-tabs{--bs-nav-tabs-border-width: 1px;--bs-nav-tabs-border-color: #dee2e6;--bs-nav-tabs-border-radius: .375rem;--bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;--bs-nav-tabs-link-active-color: #495057;--bs-nav-tabs-link-active-bg: #fff;--bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}:host ::ng-deep .nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));background:none;border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}:host ::ng-deep .nav-tabs .nav-link:hover,:host ::ng-deep .nav-tabs .nav-link:focus{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}:host ::ng-deep .nav-tabs .nav-link.disabled,:host ::ng-deep .nav-tabs .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}:host ::ng-deep .nav-tabs .nav-link.active,:host ::ng-deep .nav-tabs .nav-item.show .nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host ::ng-deep .nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}:host ::ng-deep .nav-pills{--bs-nav-pills-border-radius: .375rem;--bs-nav-pills-link-active-color: #fff;--bs-nav-pills-link-active-bg: #0d6efd}:host ::ng-deep .nav-pills .nav-link{background:none;border:0;border-radius:var(--bs-nav-pills-border-radius)}:host ::ng-deep .nav-pills .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}:host ::ng-deep .nav-pills .nav-link.active,:host ::ng-deep .nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}:host ::ng-deep .nav-fill>.nav-link,:host ::ng-deep .nav-fill .nav-item{flex:1 1 auto;text-align:center}:host ::ng-deep .nav-justified>.nav-link,:host ::ng-deep .nav-justified .nav-item{flex-basis:0;flex-grow:1;text-align:center}:host ::ng-deep .nav-fill .nav-item .nav-link,:host ::ng-deep .nav-justified .nav-item .nav-link{width:100%}:host ::ng-deep .tab-content>.tab-pane{display:none}:host ::ng-deep .tab-content>.active{display:block}:host ::ng-deep .navbar{--bs-navbar-padding-x: 0;--bs-navbar-padding-y: .5rem;--bs-navbar-color: rgba(0, 0, 0, .55);--bs-navbar-hover-color: rgba(0, 0, 0, .7);--bs-navbar-disabled-color: rgba(0, 0, 0, .3);--bs-navbar-active-color: rgba(0, 0, 0, .9);--bs-navbar-brand-padding-y: .3125rem;--bs-navbar-brand-margin-end: 1rem;--bs-navbar-brand-font-size: 1.25rem;--bs-navbar-brand-color: rgba(0, 0, 0, .9);--bs-navbar-brand-hover-color: rgba(0, 0, 0, .9);--bs-navbar-nav-link-padding-x: .5rem;--bs-navbar-toggler-padding-y: .25rem;--bs-navbar-toggler-padding-x: .75rem;--bs-navbar-toggler-font-size: 1.25rem;--bs-navbar-toggler-icon-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");--bs-navbar-toggler-border-color: rgba(0, 0, 0, .1);--bs-navbar-toggler-border-radius: .375rem;--bs-navbar-toggler-focus-width: .25rem;--bs-navbar-toggler-transition: box-shadow .15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}:host ::ng-deep .navbar>.container,:host ::ng-deep .navbar>.container-fluid,:host ::ng-deep .navbar>.container-sm,:host ::ng-deep .navbar>.container-md,:host ::ng-deep .navbar>.container-lg,:host ::ng-deep .navbar>.container-xl,:host ::ng-deep .navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}:host ::ng-deep .navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}:host ::ng-deep .navbar-brand:hover,:host ::ng-deep .navbar-brand:focus{color:var(--bs-navbar-brand-hover-color)}:host ::ng-deep .navbar-nav{--bs-nav-link-padding-x: 0;--bs-nav-link-padding-y: .5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-navbar-color);--bs-nav-link-hover-color: var(--bs-navbar-hover-color);--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}:host ::ng-deep .navbar-nav .show>.nav-link,:host ::ng-deep .navbar-nav .nav-link.active{color:var(--bs-navbar-active-color)}:host ::ng-deep .navbar-nav .dropdown-menu{position:static}:host ::ng-deep .navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}:host ::ng-deep .navbar-text a,:host ::ng-deep .navbar-text a:hover,:host ::ng-deep .navbar-text a:focus{color:var(--bs-navbar-active-color)}:host ::ng-deep .navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}:host ::ng-deep .navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion: reduce){:host ::ng-deep .navbar-toggler{transition:none}}:host ::ng-deep .navbar-toggler:hover{text-decoration:none}:host ::ng-deep .navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}:host ::ng-deep .navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}:host ::ng-deep .navbar-nav-scroll{max-height:var(--bs-scroll-height, 75vh);overflow-y:auto}@media (min-width: 576px){:host ::ng-deep .navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}:host ::ng-deep .navbar-expand-sm .navbar-nav{flex-direction:row}:host ::ng-deep .navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}:host ::ng-deep .navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}:host ::ng-deep .navbar-expand-sm .navbar-nav-scroll{overflow:visible}:host ::ng-deep .navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}:host ::ng-deep .navbar-expand-sm .navbar-toggler{display:none}:host ::ng-deep .navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}:host ::ng-deep .navbar-expand-sm .offcanvas .offcanvas-header{display:none}:host ::ng-deep .navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 768px){:host ::ng-deep .navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}:host ::ng-deep .navbar-expand-md .navbar-nav{flex-direction:row}:host ::ng-deep .navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}:host ::ng-deep .navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}:host ::ng-deep .navbar-expand-md .navbar-nav-scroll{overflow:visible}:host ::ng-deep .navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}:host ::ng-deep .navbar-expand-md .navbar-toggler{display:none}:host ::ng-deep .navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}:host ::ng-deep .navbar-expand-md .offcanvas .offcanvas-header{display:none}:host ::ng-deep .navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 992px){:host ::ng-deep .navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}:host ::ng-deep .navbar-expand-lg .navbar-nav{flex-direction:row}:host ::ng-deep .navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}:host ::ng-deep .navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}:host ::ng-deep .navbar-expand-lg .navbar-nav-scroll{overflow:visible}:host ::ng-deep .navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}:host ::ng-deep .navbar-expand-lg .navbar-toggler{display:none}:host ::ng-deep .navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}:host ::ng-deep .navbar-expand-lg .offcanvas .offcanvas-header{display:none}:host ::ng-deep .navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 1200px){:host ::ng-deep .navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}:host ::ng-deep .navbar-expand-xl .navbar-nav{flex-direction:row}:host ::ng-deep .navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}:host ::ng-deep .navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}:host ::ng-deep .navbar-expand-xl .navbar-nav-scroll{overflow:visible}:host ::ng-deep .navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}:host ::ng-deep .navbar-expand-xl .navbar-toggler{display:none}:host ::ng-deep .navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}:host ::ng-deep .navbar-expand-xl .offcanvas .offcanvas-header{display:none}:host ::ng-deep .navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 1400px){:host ::ng-deep .navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}:host ::ng-deep .navbar-expand-xxl .navbar-nav{flex-direction:row}:host ::ng-deep .navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}:host ::ng-deep .navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}:host ::ng-deep .navbar-expand-xxl .navbar-nav-scroll{overflow:visible}:host ::ng-deep .navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}:host ::ng-deep .navbar-expand-xxl .navbar-toggler{display:none}:host ::ng-deep .navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}:host ::ng-deep .navbar-expand-xxl .offcanvas .offcanvas-header{display:none}:host ::ng-deep .navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}:host ::ng-deep .navbar-expand{flex-wrap:nowrap;justify-content:flex-start}:host ::ng-deep .navbar-expand .navbar-nav{flex-direction:row}:host ::ng-deep .navbar-expand .navbar-nav .dropdown-menu{position:absolute}:host ::ng-deep .navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}:host ::ng-deep .navbar-expand .navbar-nav-scroll{overflow:visible}:host ::ng-deep .navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}:host ::ng-deep .navbar-expand .navbar-toggler{display:none}:host ::ng-deep .navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}:host ::ng-deep .navbar-expand .offcanvas .offcanvas-header{display:none}:host ::ng-deep .navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}:host ::ng-deep .navbar-dark{--bs-navbar-color: rgba(255, 255, 255, .55);--bs-navbar-hover-color: rgba(255, 255, 255, .75);--bs-navbar-disabled-color: rgba(255, 255, 255, .25);--bs-navbar-active-color: #fff;--bs-navbar-brand-color: #fff;--bs-navbar-brand-hover-color: #fff;--bs-navbar-toggler-border-color: rgba(255, 255, 255, .1);--bs-navbar-toggler-icon-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\")}nav{left:0;top:0;right:0;z-index:10}@media (max-width: 767px){nav.position-fixed{max-height:100%;overflow-y:scroll;margin-right:-17px}}@media (min-width: 768px){.mx-md-unset{margin-left:0!important;margin-right:0!important}.w-md-auto{width:auto!important}}.tw{margin:-.5rem -.6666666667rem}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
3454
3632
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsNavbarComponent, decorators: [{
3455
3633
  type: Component,
3456
- args: [{ selector: 'bs-navbar', template: "<nav #nav class=\"navbar navbar-expand-md position-fixed navbar-dark bg-dark\">\n <div class=\"container-fluid\">\n <div class=\"d-flex w-100 w-md-auto\">\n <ng-content select=\"bs-navbar-brand\"></ng-content>\n <div class=\"flex-end d-md-none d-flex tw\">\n <button (click)=\"toggleExpanded()\" title=\"Expand/collapse menu\" class=\"align-self-center\" [class.navbar-toggler]=\"!expandButtonTemplate\" [class.bg-transparent]=\"expandButtonTemplate\" [class.shadow-none]=\"expandButtonTemplate\" [class.border-0]=\"expandButtonTemplate\" type=\"button\">\n <ng-container *ngTemplateOutlet=\"expandButtonTemplate ?? defaultExpandButton; context: { $implicit: (isExpanded$ | async) ? 'open' : 'closed' }\"></ng-container>\n </button>\n </div>\n </div>\n <ng-content></ng-content>\n </div>\n</nav>\n\n<ng-template #defaultExpandButton>\n <span class=\"navbar-toggler-icon\"></span>\n</ng-template>", styles: [":host ::ng-deep .dropup,:host ::ng-deep .dropend,:host ::ng-deep .dropdown,:host ::ng-deep .dropstart,:host ::ng-deep .dropup-center,:host ::ng-deep .dropdown-center{position:relative}:host ::ng-deep .dropdown-toggle{white-space:nowrap}:host ::ng-deep .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}:host ::ng-deep .dropdown-toggle:empty:after{margin-left:0}:host ::ng-deep .dropdown-menu{--bs-dropdown-zindex: 1000;--bs-dropdown-min-width: 10rem;--bs-dropdown-padding-x: 0;--bs-dropdown-padding-y: .5rem;--bs-dropdown-spacer: .125rem;--bs-dropdown-font-size: 1rem;--bs-dropdown-color: #212529;--bs-dropdown-bg: #fff;--bs-dropdown-border-color: var(--bs-border-color-translucent);--bs-dropdown-border-radius: .375rem;--bs-dropdown-border-width: 1px;--bs-dropdown-inner-border-radius:calc(.375rem - 1px);--bs-dropdown-divider-bg: var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y: .5rem;--bs-dropdown-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);--bs-dropdown-link-color: #212529;--bs-dropdown-link-hover-color: #1e2125;--bs-dropdown-link-hover-bg: #e9ecef;--bs-dropdown-link-active-color: #fff;--bs-dropdown-link-active-bg: #0d6efd;--bs-dropdown-link-disabled-color: #adb5bd;--bs-dropdown-item-padding-x: 1rem;--bs-dropdown-item-padding-y: .25rem;--bs-dropdown-header-color: #6c757d;--bs-dropdown-header-padding-x: 1rem;--bs-dropdown-header-padding-y: .5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}:host ::ng-deep .dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}:host ::ng-deep .dropdown-menu-start{--bs-position: start}:host ::ng-deep .dropdown-menu-start[data-bs-popper]{right:auto;left:0}:host ::ng-deep .dropdown-menu-end{--bs-position: end}:host ::ng-deep .dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width: 576px){:host ::ng-deep .dropdown-menu-sm-start{--bs-position: start}:host ::ng-deep .dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}:host ::ng-deep .dropdown-menu-sm-end{--bs-position: end}:host ::ng-deep .dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 768px){:host ::ng-deep .dropdown-menu-md-start{--bs-position: start}:host ::ng-deep .dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}:host ::ng-deep .dropdown-menu-md-end{--bs-position: end}:host ::ng-deep .dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 992px){:host ::ng-deep .dropdown-menu-lg-start{--bs-position: start}:host ::ng-deep .dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}:host ::ng-deep .dropdown-menu-lg-end{--bs-position: end}:host ::ng-deep .dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 1200px){:host ::ng-deep .dropdown-menu-xl-start{--bs-position: start}:host ::ng-deep .dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}:host ::ng-deep .dropdown-menu-xl-end{--bs-position: end}:host ::ng-deep .dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 1400px){:host ::ng-deep .dropdown-menu-xxl-start{--bs-position: start}:host ::ng-deep .dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}:host ::ng-deep .dropdown-menu-xxl-end{--bs-position: end}:host ::ng-deep .dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}:host ::ng-deep .dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}:host ::ng-deep .dropup .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}:host ::ng-deep .dropup .dropdown-toggle:empty:after{margin-left:0}:host ::ng-deep .dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}:host ::ng-deep .dropend .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}:host ::ng-deep .dropend .dropdown-toggle:empty:after{margin-left:0}:host ::ng-deep .dropend .dropdown-toggle:after{vertical-align:0}:host ::ng-deep .dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}:host ::ng-deep .dropstart .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\"}:host ::ng-deep .dropstart .dropdown-toggle:after{display:none}:host ::ng-deep .dropstart .dropdown-toggle:before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}:host ::ng-deep .dropstart .dropdown-toggle:empty:after{margin-left:0}:host ::ng-deep .dropstart .dropdown-toggle:before{vertical-align:0}:host ::ng-deep .dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}:host ::ng-deep .dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}:host ::ng-deep .dropdown-item:hover,:host ::ng-deep .dropdown-item:focus{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}:host ::ng-deep .dropdown-item.active,:host ::ng-deep .dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}:host ::ng-deep .dropdown-item.disabled,:host ::ng-deep .dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}:host ::ng-deep .dropdown-menu.show{display:block}:host ::ng-deep .dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}:host ::ng-deep .dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}:host ::ng-deep .dropdown-menu-dark{--bs-dropdown-color: #dee2e6;--bs-dropdown-bg: #343a40;--bs-dropdown-border-color: var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color: #dee2e6;--bs-dropdown-link-hover-color: #fff;--bs-dropdown-divider-bg: var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg: rgba(255, 255, 255, .15);--bs-dropdown-link-active-color: #fff;--bs-dropdown-link-active-bg: #0d6efd;--bs-dropdown-link-disabled-color: #adb5bd;--bs-dropdown-header-color: #adb5bd}:host ::ng-deep .nav{--bs-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: .5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-link-color);--bs-nav-link-hover-color: var(--bs-link-hover-color);--bs-nav-link-disabled-color: #6c757d;display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}:host ::ng-deep .nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion: reduce){:host ::ng-deep .nav-link{transition:none}}:host ::ng-deep .nav-link:hover,:host ::ng-deep .nav-link:focus{color:var(--bs-nav-link-hover-color)}:host ::ng-deep .nav-link.disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}:host ::ng-deep .nav-tabs{--bs-nav-tabs-border-width: 1px;--bs-nav-tabs-border-color: #dee2e6;--bs-nav-tabs-border-radius: .375rem;--bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;--bs-nav-tabs-link-active-color: #495057;--bs-nav-tabs-link-active-bg: #fff;--bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}:host ::ng-deep .nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));background:none;border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}:host ::ng-deep .nav-tabs .nav-link:hover,:host ::ng-deep .nav-tabs .nav-link:focus{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}:host ::ng-deep .nav-tabs .nav-link.disabled,:host ::ng-deep .nav-tabs .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}:host ::ng-deep .nav-tabs .nav-link.active,:host ::ng-deep .nav-tabs .nav-item.show .nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host ::ng-deep .nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}:host ::ng-deep .nav-pills{--bs-nav-pills-border-radius: .375rem;--bs-nav-pills-link-active-color: #fff;--bs-nav-pills-link-active-bg: #0d6efd}:host ::ng-deep .nav-pills .nav-link{background:none;border:0;border-radius:var(--bs-nav-pills-border-radius)}:host ::ng-deep .nav-pills .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}:host ::ng-deep .nav-pills .nav-link.active,:host ::ng-deep .nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}:host ::ng-deep .nav-fill>.nav-link,:host ::ng-deep .nav-fill .nav-item{flex:1 1 auto;text-align:center}:host ::ng-deep .nav-justified>.nav-link,:host ::ng-deep .nav-justified .nav-item{flex-basis:0;flex-grow:1;text-align:center}:host ::ng-deep .nav-fill .nav-item .nav-link,:host ::ng-deep .nav-justified .nav-item .nav-link{width:100%}:host ::ng-deep .tab-content>.tab-pane{display:none}:host ::ng-deep .tab-content>.active{display:block}:host ::ng-deep .navbar{--bs-navbar-padding-x: 0;--bs-navbar-padding-y: .5rem;--bs-navbar-color: rgba(0, 0, 0, .55);--bs-navbar-hover-color: rgba(0, 0, 0, .7);--bs-navbar-disabled-color: rgba(0, 0, 0, .3);--bs-navbar-active-color: rgba(0, 0, 0, .9);--bs-navbar-brand-padding-y: .3125rem;--bs-navbar-brand-margin-end: 1rem;--bs-navbar-brand-font-size: 1.25rem;--bs-navbar-brand-color: rgba(0, 0, 0, .9);--bs-navbar-brand-hover-color: rgba(0, 0, 0, .9);--bs-navbar-nav-link-padding-x: .5rem;--bs-navbar-toggler-padding-y: .25rem;--bs-navbar-toggler-padding-x: .75rem;--bs-navbar-toggler-font-size: 1.25rem;--bs-navbar-toggler-icon-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");--bs-navbar-toggler-border-color: rgba(0, 0, 0, .1);--bs-navbar-toggler-border-radius: .375rem;--bs-navbar-toggler-focus-width: .25rem;--bs-navbar-toggler-transition: box-shadow .15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}:host ::ng-deep .navbar>.container-xxl,:host ::ng-deep .navbar>.container-xl,:host ::ng-deep .navbar>.container-lg,:host ::ng-deep .navbar>.container-md,:host ::ng-deep .navbar>.container-sm,:host ::ng-deep .navbar>.container,:host ::ng-deep .navbar>.container-fluid{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}:host ::ng-deep .navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}:host ::ng-deep .navbar-brand:hover,:host ::ng-deep .navbar-brand:focus{color:var(--bs-navbar-brand-hover-color)}:host ::ng-deep .navbar-nav{--bs-nav-link-padding-x: 0;--bs-nav-link-padding-y: .5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-navbar-color);--bs-nav-link-hover-color: var(--bs-navbar-hover-color);--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}:host ::ng-deep .navbar-nav .show>.nav-link,:host ::ng-deep .navbar-nav .nav-link.active{color:var(--bs-navbar-active-color)}:host ::ng-deep .navbar-nav .dropdown-menu{position:static}:host ::ng-deep .navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}:host ::ng-deep .navbar-text a,:host ::ng-deep .navbar-text a:hover,:host ::ng-deep .navbar-text a:focus{color:var(--bs-navbar-active-color)}:host ::ng-deep .navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}:host ::ng-deep .navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion: reduce){:host ::ng-deep .navbar-toggler{transition:none}}:host ::ng-deep .navbar-toggler:hover{text-decoration:none}:host ::ng-deep .navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}:host ::ng-deep .navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}:host ::ng-deep .navbar-nav-scroll{max-height:var(--bs-scroll-height, 75vh);overflow-y:auto}@media (min-width: 576px){:host ::ng-deep .navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}:host ::ng-deep .navbar-expand-sm .navbar-nav{flex-direction:row}:host ::ng-deep .navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}:host ::ng-deep .navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}:host ::ng-deep .navbar-expand-sm .navbar-nav-scroll{overflow:visible}:host ::ng-deep .navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}:host ::ng-deep .navbar-expand-sm .navbar-toggler{display:none}:host ::ng-deep .navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}:host ::ng-deep .navbar-expand-sm .offcanvas .offcanvas-header{display:none}:host ::ng-deep .navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 768px){:host ::ng-deep .navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}:host ::ng-deep .navbar-expand-md .navbar-nav{flex-direction:row}:host ::ng-deep .navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}:host ::ng-deep .navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}:host ::ng-deep .navbar-expand-md .navbar-nav-scroll{overflow:visible}:host ::ng-deep .navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}:host ::ng-deep .navbar-expand-md .navbar-toggler{display:none}:host ::ng-deep .navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}:host ::ng-deep .navbar-expand-md .offcanvas .offcanvas-header{display:none}:host ::ng-deep .navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 992px){:host ::ng-deep .navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}:host ::ng-deep .navbar-expand-lg .navbar-nav{flex-direction:row}:host ::ng-deep .navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}:host ::ng-deep .navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}:host ::ng-deep .navbar-expand-lg .navbar-nav-scroll{overflow:visible}:host ::ng-deep .navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}:host ::ng-deep .navbar-expand-lg .navbar-toggler{display:none}:host ::ng-deep .navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}:host ::ng-deep .navbar-expand-lg .offcanvas .offcanvas-header{display:none}:host ::ng-deep .navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 1200px){:host ::ng-deep .navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}:host ::ng-deep .navbar-expand-xl .navbar-nav{flex-direction:row}:host ::ng-deep .navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}:host ::ng-deep .navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}:host ::ng-deep .navbar-expand-xl .navbar-nav-scroll{overflow:visible}:host ::ng-deep .navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}:host ::ng-deep .navbar-expand-xl .navbar-toggler{display:none}:host ::ng-deep .navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}:host ::ng-deep .navbar-expand-xl .offcanvas .offcanvas-header{display:none}:host ::ng-deep .navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 1400px){:host ::ng-deep .navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}:host ::ng-deep .navbar-expand-xxl .navbar-nav{flex-direction:row}:host ::ng-deep .navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}:host ::ng-deep .navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}:host ::ng-deep .navbar-expand-xxl .navbar-nav-scroll{overflow:visible}:host ::ng-deep .navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}:host ::ng-deep .navbar-expand-xxl .navbar-toggler{display:none}:host ::ng-deep .navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}:host ::ng-deep .navbar-expand-xxl .offcanvas .offcanvas-header{display:none}:host ::ng-deep .navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}:host ::ng-deep .navbar-expand{flex-wrap:nowrap;justify-content:flex-start}:host ::ng-deep .navbar-expand .navbar-nav{flex-direction:row}:host ::ng-deep .navbar-expand .navbar-nav .dropdown-menu{position:absolute}:host ::ng-deep .navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}:host ::ng-deep .navbar-expand .navbar-nav-scroll{overflow:visible}:host ::ng-deep .navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}:host ::ng-deep .navbar-expand .navbar-toggler{display:none}:host ::ng-deep .navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}:host ::ng-deep .navbar-expand .offcanvas .offcanvas-header{display:none}:host ::ng-deep .navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}:host ::ng-deep .navbar-dark{--bs-navbar-color: rgba(255, 255, 255, .55);--bs-navbar-hover-color: rgba(255, 255, 255, .75);--bs-navbar-disabled-color: rgba(255, 255, 255, .25);--bs-navbar-active-color: #fff;--bs-navbar-brand-color: #fff;--bs-navbar-brand-hover-color: #fff;--bs-navbar-toggler-border-color: rgba(255, 255, 255, .1);--bs-navbar-toggler-icon-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\")}nav{left:0;top:0;right:0;z-index:10}@media (max-width: 767px){nav.position-fixed{max-height:100%;overflow-y:scroll;margin-right:-17px}}@media (min-width: 768px){.mx-md-unset{margin-left:0!important;margin-right:0!important}.w-md-auto{width:auto!important}}.tw{margin:-.5rem -.6666666667rem}\n"] }]
3634
+ args: [{ selector: 'bs-navbar', template: "<nav #nav class=\"navbar navbar-expand-md position-fixed navbar-dark bg-dark\">\n <div class=\"container-fluid\">\n <div class=\"d-flex w-100 w-md-auto\">\n <ng-content select=\"bs-navbar-brand\"></ng-content>\n <div class=\"flex-end d-md-none d-flex tw\">\n <button (click)=\"toggleExpanded()\" title=\"Expand/collapse menu\" class=\"align-self-center\" [class.navbar-toggler]=\"!expandButtonTemplate\" [class.bg-transparent]=\"expandButtonTemplate\" [class.shadow-none]=\"expandButtonTemplate\" [class.border-0]=\"expandButtonTemplate\" type=\"button\">\n <ng-container *ngTemplateOutlet=\"expandButtonTemplate ?? defaultExpandButton; context: { $implicit: (isExpanded$ | async) ? 'open' : 'closed' }\"></ng-container>\n </button>\n </div>\n </div>\n <ng-content></ng-content>\n </div>\n</nav>\n\n<ng-template #defaultExpandButton>\n <span class=\"navbar-toggler-icon\"></span>\n</ng-template>", styles: [":host ::ng-deep .container,:host ::ng-deep .container-fluid,:host ::ng-deep .container-xxl,:host ::ng-deep .container-xl,:host ::ng-deep .container-lg,:host ::ng-deep .container-md,:host ::ng-deep .container-sm{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width: 576px){:host ::ng-deep .container-sm,:host ::ng-deep .container{max-width:540px}}@media (min-width: 768px){:host ::ng-deep .container-md,:host ::ng-deep .container-sm,:host ::ng-deep .container{max-width:720px}}@media (min-width: 992px){:host ::ng-deep .container-lg,:host ::ng-deep .container-md,:host ::ng-deep .container-sm,:host ::ng-deep .container{max-width:960px}}@media (min-width: 1200px){:host ::ng-deep .container-xl,:host ::ng-deep .container-lg,:host ::ng-deep .container-md,:host ::ng-deep .container-sm,:host ::ng-deep .container{max-width:1140px}}@media (min-width: 1400px){:host ::ng-deep .container-xxl,:host ::ng-deep .container-xl,:host ::ng-deep .container-lg,:host ::ng-deep .container-md,:host ::ng-deep .container-sm,:host ::ng-deep .container{max-width:1320px}}:host ::ng-deep .dropup,:host ::ng-deep .dropend,:host ::ng-deep .dropdown,:host ::ng-deep .dropstart,:host ::ng-deep .dropup-center,:host ::ng-deep .dropdown-center{position:relative}:host ::ng-deep .dropdown-toggle{white-space:nowrap}:host ::ng-deep .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}:host ::ng-deep .dropdown-toggle:empty:after{margin-left:0}:host ::ng-deep .dropdown-menu{--bs-dropdown-zindex: 1000;--bs-dropdown-min-width: 10rem;--bs-dropdown-padding-x: 0;--bs-dropdown-padding-y: .5rem;--bs-dropdown-spacer: .125rem;--bs-dropdown-font-size: 1rem;--bs-dropdown-color: #212529;--bs-dropdown-bg: #fff;--bs-dropdown-border-color: var(--bs-border-color-translucent);--bs-dropdown-border-radius: .375rem;--bs-dropdown-border-width: 1px;--bs-dropdown-inner-border-radius:calc(.375rem - 1px);--bs-dropdown-divider-bg: var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y: .5rem;--bs-dropdown-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);--bs-dropdown-link-color: #212529;--bs-dropdown-link-hover-color: #1e2125;--bs-dropdown-link-hover-bg: #e9ecef;--bs-dropdown-link-active-color: #fff;--bs-dropdown-link-active-bg: #0d6efd;--bs-dropdown-link-disabled-color: #adb5bd;--bs-dropdown-item-padding-x: 1rem;--bs-dropdown-item-padding-y: .25rem;--bs-dropdown-header-color: #6c757d;--bs-dropdown-header-padding-x: 1rem;--bs-dropdown-header-padding-y: .5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}:host ::ng-deep .dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}:host ::ng-deep .dropdown-menu-start{--bs-position: start}:host ::ng-deep .dropdown-menu-start[data-bs-popper]{right:auto;left:0}:host ::ng-deep .dropdown-menu-end{--bs-position: end}:host ::ng-deep .dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width: 576px){:host ::ng-deep .dropdown-menu-sm-start{--bs-position: start}:host ::ng-deep .dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}:host ::ng-deep .dropdown-menu-sm-end{--bs-position: end}:host ::ng-deep .dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 768px){:host ::ng-deep .dropdown-menu-md-start{--bs-position: start}:host ::ng-deep .dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}:host ::ng-deep .dropdown-menu-md-end{--bs-position: end}:host ::ng-deep .dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 992px){:host ::ng-deep .dropdown-menu-lg-start{--bs-position: start}:host ::ng-deep .dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}:host ::ng-deep .dropdown-menu-lg-end{--bs-position: end}:host ::ng-deep .dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 1200px){:host ::ng-deep .dropdown-menu-xl-start{--bs-position: start}:host ::ng-deep .dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}:host ::ng-deep .dropdown-menu-xl-end{--bs-position: end}:host ::ng-deep .dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 1400px){:host ::ng-deep .dropdown-menu-xxl-start{--bs-position: start}:host ::ng-deep .dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}:host ::ng-deep .dropdown-menu-xxl-end{--bs-position: end}:host ::ng-deep .dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}:host ::ng-deep .dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}:host ::ng-deep .dropup .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}:host ::ng-deep .dropup .dropdown-toggle:empty:after{margin-left:0}:host ::ng-deep .dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}:host ::ng-deep .dropend .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}:host ::ng-deep .dropend .dropdown-toggle:empty:after{margin-left:0}:host ::ng-deep .dropend .dropdown-toggle:after{vertical-align:0}:host ::ng-deep .dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}:host ::ng-deep .dropstart .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\"}:host ::ng-deep .dropstart .dropdown-toggle:after{display:none}:host ::ng-deep .dropstart .dropdown-toggle:before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}:host ::ng-deep .dropstart .dropdown-toggle:empty:after{margin-left:0}:host ::ng-deep .dropstart .dropdown-toggle:before{vertical-align:0}:host ::ng-deep .dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}:host ::ng-deep .dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}:host ::ng-deep .dropdown-item:hover,:host ::ng-deep .dropdown-item:focus{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}:host ::ng-deep .dropdown-item.active,:host ::ng-deep .dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}:host ::ng-deep .dropdown-item.disabled,:host ::ng-deep .dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}:host ::ng-deep .dropdown-menu.show{display:block}:host ::ng-deep .dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}:host ::ng-deep .dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}:host ::ng-deep .dropdown-menu-dark{--bs-dropdown-color: #dee2e6;--bs-dropdown-bg: #343a40;--bs-dropdown-border-color: var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color: #dee2e6;--bs-dropdown-link-hover-color: #fff;--bs-dropdown-divider-bg: var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg: rgba(255, 255, 255, .15);--bs-dropdown-link-active-color: #fff;--bs-dropdown-link-active-bg: #0d6efd;--bs-dropdown-link-disabled-color: #adb5bd;--bs-dropdown-header-color: #adb5bd}:host ::ng-deep .nav{--bs-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: .5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-link-color);--bs-nav-link-hover-color: var(--bs-link-hover-color);--bs-nav-link-disabled-color: #6c757d;display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}:host ::ng-deep .nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion: reduce){:host ::ng-deep .nav-link{transition:none}}:host ::ng-deep .nav-link:hover,:host ::ng-deep .nav-link:focus{color:var(--bs-nav-link-hover-color)}:host ::ng-deep .nav-link.disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}:host ::ng-deep .nav-tabs{--bs-nav-tabs-border-width: 1px;--bs-nav-tabs-border-color: #dee2e6;--bs-nav-tabs-border-radius: .375rem;--bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;--bs-nav-tabs-link-active-color: #495057;--bs-nav-tabs-link-active-bg: #fff;--bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}:host ::ng-deep .nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));background:none;border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}:host ::ng-deep .nav-tabs .nav-link:hover,:host ::ng-deep .nav-tabs .nav-link:focus{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}:host ::ng-deep .nav-tabs .nav-link.disabled,:host ::ng-deep .nav-tabs .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}:host ::ng-deep .nav-tabs .nav-link.active,:host ::ng-deep .nav-tabs .nav-item.show .nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host ::ng-deep .nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}:host ::ng-deep .nav-pills{--bs-nav-pills-border-radius: .375rem;--bs-nav-pills-link-active-color: #fff;--bs-nav-pills-link-active-bg: #0d6efd}:host ::ng-deep .nav-pills .nav-link{background:none;border:0;border-radius:var(--bs-nav-pills-border-radius)}:host ::ng-deep .nav-pills .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}:host ::ng-deep .nav-pills .nav-link.active,:host ::ng-deep .nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}:host ::ng-deep .nav-fill>.nav-link,:host ::ng-deep .nav-fill .nav-item{flex:1 1 auto;text-align:center}:host ::ng-deep .nav-justified>.nav-link,:host ::ng-deep .nav-justified .nav-item{flex-basis:0;flex-grow:1;text-align:center}:host ::ng-deep .nav-fill .nav-item .nav-link,:host ::ng-deep .nav-justified .nav-item .nav-link{width:100%}:host ::ng-deep .tab-content>.tab-pane{display:none}:host ::ng-deep .tab-content>.active{display:block}:host ::ng-deep .navbar{--bs-navbar-padding-x: 0;--bs-navbar-padding-y: .5rem;--bs-navbar-color: rgba(0, 0, 0, .55);--bs-navbar-hover-color: rgba(0, 0, 0, .7);--bs-navbar-disabled-color: rgba(0, 0, 0, .3);--bs-navbar-active-color: rgba(0, 0, 0, .9);--bs-navbar-brand-padding-y: .3125rem;--bs-navbar-brand-margin-end: 1rem;--bs-navbar-brand-font-size: 1.25rem;--bs-navbar-brand-color: rgba(0, 0, 0, .9);--bs-navbar-brand-hover-color: rgba(0, 0, 0, .9);--bs-navbar-nav-link-padding-x: .5rem;--bs-navbar-toggler-padding-y: .25rem;--bs-navbar-toggler-padding-x: .75rem;--bs-navbar-toggler-font-size: 1.25rem;--bs-navbar-toggler-icon-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");--bs-navbar-toggler-border-color: rgba(0, 0, 0, .1);--bs-navbar-toggler-border-radius: .375rem;--bs-navbar-toggler-focus-width: .25rem;--bs-navbar-toggler-transition: box-shadow .15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}:host ::ng-deep .navbar>.container,:host ::ng-deep .navbar>.container-fluid,:host ::ng-deep .navbar>.container-sm,:host ::ng-deep .navbar>.container-md,:host ::ng-deep .navbar>.container-lg,:host ::ng-deep .navbar>.container-xl,:host ::ng-deep .navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}:host ::ng-deep .navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}:host ::ng-deep .navbar-brand:hover,:host ::ng-deep .navbar-brand:focus{color:var(--bs-navbar-brand-hover-color)}:host ::ng-deep .navbar-nav{--bs-nav-link-padding-x: 0;--bs-nav-link-padding-y: .5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-navbar-color);--bs-nav-link-hover-color: var(--bs-navbar-hover-color);--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}:host ::ng-deep .navbar-nav .show>.nav-link,:host ::ng-deep .navbar-nav .nav-link.active{color:var(--bs-navbar-active-color)}:host ::ng-deep .navbar-nav .dropdown-menu{position:static}:host ::ng-deep .navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}:host ::ng-deep .navbar-text a,:host ::ng-deep .navbar-text a:hover,:host ::ng-deep .navbar-text a:focus{color:var(--bs-navbar-active-color)}:host ::ng-deep .navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}:host ::ng-deep .navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion: reduce){:host ::ng-deep .navbar-toggler{transition:none}}:host ::ng-deep .navbar-toggler:hover{text-decoration:none}:host ::ng-deep .navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}:host ::ng-deep .navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}:host ::ng-deep .navbar-nav-scroll{max-height:var(--bs-scroll-height, 75vh);overflow-y:auto}@media (min-width: 576px){:host ::ng-deep .navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}:host ::ng-deep .navbar-expand-sm .navbar-nav{flex-direction:row}:host ::ng-deep .navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}:host ::ng-deep .navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}:host ::ng-deep .navbar-expand-sm .navbar-nav-scroll{overflow:visible}:host ::ng-deep .navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}:host ::ng-deep .navbar-expand-sm .navbar-toggler{display:none}:host ::ng-deep .navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}:host ::ng-deep .navbar-expand-sm .offcanvas .offcanvas-header{display:none}:host ::ng-deep .navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 768px){:host ::ng-deep .navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}:host ::ng-deep .navbar-expand-md .navbar-nav{flex-direction:row}:host ::ng-deep .navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}:host ::ng-deep .navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}:host ::ng-deep .navbar-expand-md .navbar-nav-scroll{overflow:visible}:host ::ng-deep .navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}:host ::ng-deep .navbar-expand-md .navbar-toggler{display:none}:host ::ng-deep .navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}:host ::ng-deep .navbar-expand-md .offcanvas .offcanvas-header{display:none}:host ::ng-deep .navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 992px){:host ::ng-deep .navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}:host ::ng-deep .navbar-expand-lg .navbar-nav{flex-direction:row}:host ::ng-deep .navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}:host ::ng-deep .navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}:host ::ng-deep .navbar-expand-lg .navbar-nav-scroll{overflow:visible}:host ::ng-deep .navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}:host ::ng-deep .navbar-expand-lg .navbar-toggler{display:none}:host ::ng-deep .navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}:host ::ng-deep .navbar-expand-lg .offcanvas .offcanvas-header{display:none}:host ::ng-deep .navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 1200px){:host ::ng-deep .navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}:host ::ng-deep .navbar-expand-xl .navbar-nav{flex-direction:row}:host ::ng-deep .navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}:host ::ng-deep .navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}:host ::ng-deep .navbar-expand-xl .navbar-nav-scroll{overflow:visible}:host ::ng-deep .navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}:host ::ng-deep .navbar-expand-xl .navbar-toggler{display:none}:host ::ng-deep .navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}:host ::ng-deep .navbar-expand-xl .offcanvas .offcanvas-header{display:none}:host ::ng-deep .navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width: 1400px){:host ::ng-deep .navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}:host ::ng-deep .navbar-expand-xxl .navbar-nav{flex-direction:row}:host ::ng-deep .navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}:host ::ng-deep .navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}:host ::ng-deep .navbar-expand-xxl .navbar-nav-scroll{overflow:visible}:host ::ng-deep .navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}:host ::ng-deep .navbar-expand-xxl .navbar-toggler{display:none}:host ::ng-deep .navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}:host ::ng-deep .navbar-expand-xxl .offcanvas .offcanvas-header{display:none}:host ::ng-deep .navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}:host ::ng-deep .navbar-expand{flex-wrap:nowrap;justify-content:flex-start}:host ::ng-deep .navbar-expand .navbar-nav{flex-direction:row}:host ::ng-deep .navbar-expand .navbar-nav .dropdown-menu{position:absolute}:host ::ng-deep .navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}:host ::ng-deep .navbar-expand .navbar-nav-scroll{overflow:visible}:host ::ng-deep .navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}:host ::ng-deep .navbar-expand .navbar-toggler{display:none}:host ::ng-deep .navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}:host ::ng-deep .navbar-expand .offcanvas .offcanvas-header{display:none}:host ::ng-deep .navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}:host ::ng-deep .navbar-dark{--bs-navbar-color: rgba(255, 255, 255, .55);--bs-navbar-hover-color: rgba(255, 255, 255, .75);--bs-navbar-disabled-color: rgba(255, 255, 255, .25);--bs-navbar-active-color: #fff;--bs-navbar-brand-color: #fff;--bs-navbar-brand-hover-color: #fff;--bs-navbar-toggler-border-color: rgba(255, 255, 255, .1);--bs-navbar-toggler-icon-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\")}nav{left:0;top:0;right:0;z-index:10}@media (max-width: 767px){nav.position-fixed{max-height:100%;overflow-y:scroll;margin-right:-17px}}@media (min-width: 768px){.mx-md-unset{margin-left:0!important;margin-right:0!important}.w-md-auto{width:auto!important}}.tw{margin:-.5rem -.6666666667rem}\n"] }]
3457
3635
  }], propDecorators: { nav: [{
3458
3636
  type: ViewChild,
3459
3637
  args: ['nav']
@@ -3997,7 +4175,6 @@ class BsOffcanvasComponent {
3997
4175
  return this.state$.value;
3998
4176
  }
3999
4177
  onBackdropClick(ev) {
4000
- console.log(1);
4001
4178
  this.backdropClick.emit(ev);
4002
4179
  }
4003
4180
  ngOnDestroy() {
@@ -4279,24 +4456,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
4279
4456
 
4280
4457
  class BsPlaceholderComponent {
4281
4458
  constructor() {
4459
+ //#region isLoading
4282
4460
  this.isLoading$ = new BehaviorSubject(false);
4461
+ this.isLoadingChange = new EventEmitter();
4462
+ }
4463
+ get isLoading() {
4464
+ return this.isLoading$.value;
4283
4465
  }
4284
- set bsPlaceholder(value) {
4466
+ set isLoading(value) {
4285
4467
  this.isLoading$.next(value);
4468
+ this.isLoadingChange.emit(value);
4286
4469
  }
4287
4470
  }
4288
4471
  BsPlaceholderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsPlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4289
- BsPlaceholderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: BsPlaceholderComponent, selector: "[bsPlaceholder]", inputs: { bsPlaceholder: "bsPlaceholder" }, ngImport: i0, template: "<div class=\"placeholder-glow\">\n <ng-content></ng-content>\n</div>", styles: [":host ::ng-deep .placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}:host ::ng-deep .placeholder.btn:before{display:inline-block;content:\"\"}:host ::ng-deep .placeholder-xs{min-height:.6em}:host ::ng-deep .placeholder-sm{min-height:.8em}:host ::ng-deep .placeholder-lg{min-height:1.2em}:host ::ng-deep .placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}:host ::ng-deep .placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{to{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}:host ::ng-deep .placeholder{min-height:calc(1em - 1px)!important}\n"] });
4472
+ BsPlaceholderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: BsPlaceholderComponent, selector: "bs-placeholder", inputs: { isLoading: "isLoading" }, ngImport: i0, template: "<div class=\"placeholder-glow\">\n <ng-content></ng-content>\n</div>", styles: [":host ::ng-deep .placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}:host ::ng-deep .placeholder.btn:before{display:inline-block;content:\"\"}:host ::ng-deep .placeholder-xs{min-height:.6em}:host ::ng-deep .placeholder-sm{min-height:.8em}:host ::ng-deep .placeholder-lg{min-height:1.2em}:host ::ng-deep .placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}:host ::ng-deep .placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{to{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}:host ::ng-deep .placeholder{min-height:calc(1em - 1px)!important}\n"] });
4290
4473
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsPlaceholderComponent, decorators: [{
4291
4474
  type: Component,
4292
- args: [{ selector: '[bsPlaceholder]', template: "<div class=\"placeholder-glow\">\n <ng-content></ng-content>\n</div>", styles: [":host ::ng-deep .placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}:host ::ng-deep .placeholder.btn:before{display:inline-block;content:\"\"}:host ::ng-deep .placeholder-xs{min-height:.6em}:host ::ng-deep .placeholder-sm{min-height:.8em}:host ::ng-deep .placeholder-lg{min-height:1.2em}:host ::ng-deep .placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}:host ::ng-deep .placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{to{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}:host ::ng-deep .placeholder{min-height:calc(1em - 1px)!important}\n"] }]
4293
- }], propDecorators: { bsPlaceholder: [{
4475
+ args: [{ selector: 'bs-placeholder', template: "<div class=\"placeholder-glow\">\n <ng-content></ng-content>\n</div>", styles: [":host ::ng-deep .placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}:host ::ng-deep .placeholder.btn:before{display:inline-block;content:\"\"}:host ::ng-deep .placeholder-xs{min-height:.6em}:host ::ng-deep .placeholder-sm{min-height:.8em}:host ::ng-deep .placeholder-lg{min-height:1.2em}:host ::ng-deep .placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}:host ::ng-deep .placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{to{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}:host ::ng-deep .placeholder{min-height:calc(1em - 1px)!important}\n"] }]
4476
+ }], propDecorators: { isLoading: [{
4294
4477
  type: Input
4295
4478
  }] } });
4296
4479
 
4297
4480
  class BsPlaceholderFieldDirective {
4298
4481
  constructor(placeholder) {
4299
4482
  this.placeholder = placeholder;
4483
+ this.html = undefined;
4484
+ this.minWidth = 80;
4300
4485
  this.marginBottom = 0;
4301
4486
  this.placeholderClass = true;
4302
4487
  this.destroyed$ = new Subject();
@@ -4304,7 +4489,8 @@ class BsPlaceholderFieldDirective {
4304
4489
  .pipe(takeUntil(this.destroyed$))
4305
4490
  .subscribe((isLoading) => {
4306
4491
  this.placeholderClass = isLoading;
4307
- // this.marginBottom = isLoading ? -1 : 0;
4492
+ this.marginBottom = isLoading ? -1 : 0;
4493
+ this.html = isLoading ? '&nbsp;' : undefined;
4308
4494
  });
4309
4495
  }
4310
4496
  ngOnDestroy() {
@@ -4312,13 +4498,19 @@ class BsPlaceholderFieldDirective {
4312
4498
  }
4313
4499
  }
4314
4500
  BsPlaceholderFieldDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsPlaceholderFieldDirective, deps: [{ token: BsPlaceholderComponent }], target: i0.ɵɵFactoryTarget.Directive });
4315
- BsPlaceholderFieldDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: BsPlaceholderFieldDirective, selector: "[bsPlaceholderField]", host: { properties: { "style.margin-bottom.px": "this.marginBottom", "class.placeholder": "this.placeholderClass" } }, ngImport: i0 });
4501
+ BsPlaceholderFieldDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: BsPlaceholderFieldDirective, selector: "[bsPlaceholderField]", host: { properties: { "attr.innerHtml": "this.html", "style.min-width.px": "this.minWidth", "style.margin-bottom.px": "this.marginBottom", "class.placeholder": "this.placeholderClass" } }, ngImport: i0 });
4316
4502
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsPlaceholderFieldDirective, decorators: [{
4317
4503
  type: Directive,
4318
4504
  args: [{
4319
4505
  selector: '[bsPlaceholderField]'
4320
4506
  }]
4321
- }], ctorParameters: function () { return [{ type: BsPlaceholderComponent }]; }, propDecorators: { marginBottom: [{
4507
+ }], ctorParameters: function () { return [{ type: BsPlaceholderComponent }]; }, propDecorators: { html: [{
4508
+ type: HostBinding,
4509
+ args: ['attr.innerHtml']
4510
+ }], minWidth: [{
4511
+ type: HostBinding,
4512
+ args: ['style.min-width.px']
4513
+ }], marginBottom: [{
4322
4514
  type: HostBinding,
4323
4515
  args: ['style.margin-bottom.px']
4324
4516
  }], placeholderClass: [{
@@ -4573,6 +4765,89 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
4573
4765
  }]
4574
4766
  }] });
4575
4767
 
4768
+ class BsRangeComponent {
4769
+ constructor() { }
4770
+ }
4771
+ BsRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4772
+ BsRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: BsRangeComponent, selector: "bs-range", viewQueries: [{ propertyName: "slider", first: true, predicate: ["slider"], descendants: true }], ngImport: i0, template: "<input #slider type=\"range\" min=\"0\" max=\"5\" step=\"0.5\" class=\"form-range\">\n", styles: [":host ::ng-deep .form-range{width:100%;height:1.5rem;padding:0;background-color:transparent;-webkit-appearance:none;appearance:none}:host ::ng-deep .form-range:focus{outline:0}:host ::ng-deep .form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem #0d6efd40}:host ::ng-deep .form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem #0d6efd40}:host ::ng-deep .form-range::-moz-focus-outer{border:0}:host ::ng-deep .form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion: reduce){:host ::ng-deep .form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}:host ::ng-deep .form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}:host ::ng-deep .form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}:host ::ng-deep .form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion: reduce){:host ::ng-deep .form-range::-moz-range-thumb{-moz-transition:none;transition:none}}:host ::ng-deep .form-range::-moz-range-thumb:active{background-color:#b6d4fe}:host ::ng-deep .form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}:host ::ng-deep .form-range:disabled{pointer-events:none}:host ::ng-deep .form-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}:host ::ng-deep .form-range:disabled::-moz-range-thumb{background-color:#adb5bd}\n"] });
4773
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsRangeComponent, decorators: [{
4774
+ type: Component,
4775
+ args: [{ selector: 'bs-range', template: "<input #slider type=\"range\" min=\"0\" max=\"5\" step=\"0.5\" class=\"form-range\">\n", styles: [":host ::ng-deep .form-range{width:100%;height:1.5rem;padding:0;background-color:transparent;-webkit-appearance:none;appearance:none}:host ::ng-deep .form-range:focus{outline:0}:host ::ng-deep .form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem #0d6efd40}:host ::ng-deep .form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem #0d6efd40}:host ::ng-deep .form-range::-moz-focus-outer{border:0}:host ::ng-deep .form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion: reduce){:host ::ng-deep .form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}:host ::ng-deep .form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}:host ::ng-deep .form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}:host ::ng-deep .form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion: reduce){:host ::ng-deep .form-range::-moz-range-thumb{-moz-transition:none;transition:none}}:host ::ng-deep .form-range::-moz-range-thumb:active{background-color:#b6d4fe}:host ::ng-deep .form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}:host ::ng-deep .form-range:disabled{pointer-events:none}:host ::ng-deep .form-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}:host ::ng-deep .form-range:disabled::-moz-range-thumb{background-color:#adb5bd}\n"] }]
4776
+ }], ctorParameters: function () { return []; }, propDecorators: { slider: [{
4777
+ type: ViewChild,
4778
+ args: ['slider']
4779
+ }] } });
4780
+
4781
+ class BsRangeValueAccessor {
4782
+ constructor(host) {
4783
+ this.host = host;
4784
+ this.destroyed$ = new Subject();
4785
+ }
4786
+ //#region Lifecycle hooks
4787
+ ngAfterViewInit() {
4788
+ fromEvent(this.host.slider.nativeElement, 'input')
4789
+ .pipe(takeUntil(this.destroyed$))
4790
+ .subscribe((ev) => {
4791
+ if (this.onValueChange) {
4792
+ const val = parseFloat(ev.target.value);
4793
+ this.onValueChange(val);
4794
+ }
4795
+ });
4796
+ }
4797
+ ngOnDestroy() {
4798
+ this.destroyed$.next(true);
4799
+ }
4800
+ //#endregion
4801
+ //#region ControlValueAccessor implementation
4802
+ registerOnChange(fn) {
4803
+ this.onValueChange = fn;
4804
+ }
4805
+ registerOnTouched(fn) {
4806
+ this.onTouched = fn;
4807
+ }
4808
+ writeValue(value) {
4809
+ if (this.host.slider) {
4810
+ this.host.slider.nativeElement.value = value.toString();
4811
+ }
4812
+ }
4813
+ setDisabledState(isDisabled) {
4814
+ if (this.host.slider) {
4815
+ this.host.slider.nativeElement.disabled = isDisabled;
4816
+ }
4817
+ }
4818
+ }
4819
+ BsRangeValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsRangeValueAccessor, deps: [{ token: BsRangeComponent }], target: i0.ɵɵFactoryTarget.Directive });
4820
+ BsRangeValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: BsRangeValueAccessor, selector: "bs-range", providers: [{
4821
+ provide: NG_VALUE_ACCESSOR,
4822
+ useExisting: forwardRef(() => BsRangeValueAccessor),
4823
+ multi: true,
4824
+ }], ngImport: i0 });
4825
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsRangeValueAccessor, decorators: [{
4826
+ type: Directive,
4827
+ args: [{
4828
+ selector: 'bs-range',
4829
+ providers: [{
4830
+ provide: NG_VALUE_ACCESSOR,
4831
+ useExisting: forwardRef(() => BsRangeValueAccessor),
4832
+ multi: true,
4833
+ }],
4834
+ }]
4835
+ }], ctorParameters: function () { return [{ type: BsRangeComponent }]; } });
4836
+
4837
+ class BsRangeModule {
4838
+ }
4839
+ BsRangeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsRangeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
4840
+ BsRangeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: BsRangeModule, declarations: [BsRangeComponent, BsRangeValueAccessor], imports: [CommonModule], exports: [BsRangeComponent, BsRangeValueAccessor] });
4841
+ BsRangeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsRangeModule, imports: [CommonModule] });
4842
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsRangeModule, decorators: [{
4843
+ type: NgModule,
4844
+ args: [{
4845
+ declarations: [BsRangeComponent, BsRangeValueAccessor],
4846
+ imports: [CommonModule],
4847
+ exports: [BsRangeComponent, BsRangeValueAccessor],
4848
+ }]
4849
+ }] });
4850
+
4576
4851
  class BsRatingComponent {
4577
4852
  constructor() {
4578
4853
  this.destroyed$ = new Subject();
@@ -5539,6 +5814,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
5539
5814
  class BsToggleButtonComponent {
5540
5815
  constructor() {
5541
5816
  this.disableAnimations = true;
5817
+ //#region Type
5818
+ this.type$ = new BehaviorSubject('checkbox');
5819
+ //#endregion
5542
5820
  //#region isToggled
5543
5821
  this._isToggled = false;
5544
5822
  this.change = new EventEmitter();
@@ -5546,6 +5824,89 @@ class BsToggleButtonComponent {
5546
5824
  //#endregion
5547
5825
  //#region disabled
5548
5826
  this.disabled = false;
5827
+ //#endregion
5828
+ //#region name
5829
+ this.name$ = new BehaviorSubject(null);
5830
+ //#endregion
5831
+ //#region value
5832
+ this.value$ = new BehaviorSubject(null);
5833
+ //#endregion
5834
+ //#region Group
5835
+ this.group$ = new BehaviorSubject(null);
5836
+ this.mainCheckStyle$ = this.type$.pipe(map((type) => {
5837
+ switch (type) {
5838
+ case 'checkbox':
5839
+ case 'radio':
5840
+ case 'switch':
5841
+ return 'form-check';
5842
+ default:
5843
+ return null;
5844
+ }
5845
+ }));
5846
+ this.isSwitch$ = this.type$.pipe(map((type) => {
5847
+ switch (type) {
5848
+ case 'switch':
5849
+ return true;
5850
+ default:
5851
+ return false;
5852
+ }
5853
+ }));
5854
+ this.inputClass$ = this.type$.pipe(map((type) => {
5855
+ switch (type) {
5856
+ case 'checkbox':
5857
+ case 'radio':
5858
+ case 'switch':
5859
+ return 'form-check-input';
5860
+ default:
5861
+ return 'btn-check';
5862
+ }
5863
+ }));
5864
+ this.labelClass$ = this.type$.pipe(map((type) => {
5865
+ switch (type) {
5866
+ case 'checkbox':
5867
+ case 'radio':
5868
+ case 'switch':
5869
+ return 'form-check-label';
5870
+ case 'toggle_button':
5871
+ return 'btn btn-primary';
5872
+ case 'radio_toggle_button':
5873
+ return 'btn btn-secondary';
5874
+ }
5875
+ }));
5876
+ this.checkOrRadio$ = this.type$.pipe(map((type) => {
5877
+ switch (type) {
5878
+ case 'radio':
5879
+ case 'radio_toggle_button':
5880
+ return 'radio';
5881
+ default:
5882
+ return 'checkbox';
5883
+ }
5884
+ }));
5885
+ this.nameResult$ = combineLatest([this.name$, this.type$, this.group$])
5886
+ .pipe(map(([name, type, group]) => {
5887
+ switch (type) {
5888
+ case 'radio':
5889
+ case 'radio_toggle_button':
5890
+ return name;
5891
+ case 'checkbox':
5892
+ case 'toggle_button':
5893
+ case 'switch':
5894
+ if (group) {
5895
+ return `${name}[]`;
5896
+ }
5897
+ else {
5898
+ return name;
5899
+ }
5900
+ default:
5901
+ throw 'Invalid value';
5902
+ }
5903
+ }));
5904
+ }
5905
+ get type() {
5906
+ return this.type$.value;
5907
+ }
5908
+ set type(value) {
5909
+ this.type$.next(value);
5549
5910
  }
5550
5911
  get isToggled() {
5551
5912
  return this._isToggled;
@@ -5554,6 +5915,24 @@ class BsToggleButtonComponent {
5554
5915
  this._isToggled = value;
5555
5916
  this.isToggledChange.emit(this._isToggled);
5556
5917
  }
5918
+ get name() {
5919
+ return this.name$.value;
5920
+ }
5921
+ set name(value) {
5922
+ this.name$.next(value);
5923
+ }
5924
+ get value() {
5925
+ return this.value$.value;
5926
+ }
5927
+ set value(value) {
5928
+ this.value$.next(value);
5929
+ }
5930
+ get group() {
5931
+ return this.group$.value;
5932
+ }
5933
+ set group(value) {
5934
+ this.group$.next(value);
5935
+ }
5557
5936
  //#endregion
5558
5937
  onChange(event) {
5559
5938
  const val = event.target.checked;
@@ -5565,11 +5944,16 @@ class BsToggleButtonComponent {
5565
5944
  }
5566
5945
  }
5567
5946
  BsToggleButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsToggleButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
5568
- BsToggleButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: BsToggleButtonComponent, selector: "bs-toggle-button", inputs: { isToggled: "isToggled", disabled: "disabled" }, outputs: { change: "change", isToggledChange: "isToggledChange" }, ngImport: i0, template: "<label class=\"form-check form-switch\">\n <input class=\"form-check-input\" type=\"checkbox\" [checked]=\"isToggled\" (change)=\"onChange($event)\" [disabled]=\"disabled\">\n <span class=\"form-check-label\">\n <ng-content></ng-content>\n </span>\n</label>", styles: [""] });
5947
+ BsToggleButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: BsToggleButtonComponent, selector: "bs-toggle-button", inputs: { type: "type", isToggled: "isToggled", disabled: "disabled", name: "name", value: "value", group: "group" }, outputs: { change: "change", isToggledChange: "isToggledChange" }, viewQueries: [{ propertyName: "checkbox", first: true, predicate: ["checkbox"], descendants: true }], ngImport: i0, template: "<label [class]=\"mainCheckStyle$ | async\" [class.form-switch]=\"isSwitch$ | async\">\n <input #checkbox [class]=\"inputClass$ | async\" [type]=\"checkOrRadio$ | async\" [name]=\"name$ | async\" [value]=\"value$ | async\">\n <span [class]=\"labelClass$ | async\">\n <ng-content></ng-content>\n </span>\n</label>", styles: [":host ::ng-deep .form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}:host ::ng-deep .form-check .form-check-input{float:left;margin-left:-1.5em}:host ::ng-deep .form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}:host ::ng-deep .form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}:host ::ng-deep .form-check-input{width:1em;height:1em;margin-top:.25em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;appearance:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}:host ::ng-deep .form-check-input[type=checkbox]{border-radius:.25em}:host ::ng-deep .form-check-input[type=radio]{border-radius:50%}:host ::ng-deep .form-check-input:active{filter:brightness(90%)}:host ::ng-deep .form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}:host ::ng-deep .form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}:host ::ng-deep .form-check-input:checked[type=checkbox]{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\")}:host ::ng-deep .form-check-input:checked[type=radio]{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e\")}:host ::ng-deep .form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\")}:host ::ng-deep .form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}:host ::ng-deep .form-check-input[disabled]~.form-check-label,:host ::ng-deep .form-check-input:disabled~.form-check-label{cursor:default;opacity:.5}:host ::ng-deep .form-switch{padding-left:2.5em}:host ::ng-deep .form-switch .form-check-input{width:2em;margin-left:-2.5em;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e\");background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion: reduce){:host ::ng-deep .form-switch .form-check-input{transition:none}}:host ::ng-deep .form-switch .form-check-input:focus{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e\")}:host ::ng-deep .form-switch .form-check-input:checked{background-position:right center;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e\")}:host ::ng-deep .form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}:host ::ng-deep .form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}:host ::ng-deep .form-check-inline{display:inline-block;margin-right:1rem}:host ::ng-deep .btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}:host ::ng-deep .btn-check[disabled]+.btn,:host ::ng-deep .btn-check:disabled+.btn{pointer-events:none;filter:none;opacity:.65}\n"], dependencies: [{ kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
5569
5948
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsToggleButtonComponent, decorators: [{
5570
5949
  type: Component,
5571
- args: [{ selector: 'bs-toggle-button', template: "<label class=\"form-check form-switch\">\n <input class=\"form-check-input\" type=\"checkbox\" [checked]=\"isToggled\" (change)=\"onChange($event)\" [disabled]=\"disabled\">\n <span class=\"form-check-label\">\n <ng-content></ng-content>\n </span>\n</label>" }]
5572
- }], propDecorators: { change: [{
5950
+ args: [{ selector: 'bs-toggle-button', template: "<label [class]=\"mainCheckStyle$ | async\" [class.form-switch]=\"isSwitch$ | async\">\n <input #checkbox [class]=\"inputClass$ | async\" [type]=\"checkOrRadio$ | async\" [name]=\"name$ | async\" [value]=\"value$ | async\">\n <span [class]=\"labelClass$ | async\">\n <ng-content></ng-content>\n </span>\n</label>", styles: [":host ::ng-deep .form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}:host ::ng-deep .form-check .form-check-input{float:left;margin-left:-1.5em}:host ::ng-deep .form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}:host ::ng-deep .form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}:host ::ng-deep .form-check-input{width:1em;height:1em;margin-top:.25em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;appearance:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}:host ::ng-deep .form-check-input[type=checkbox]{border-radius:.25em}:host ::ng-deep .form-check-input[type=radio]{border-radius:50%}:host ::ng-deep .form-check-input:active{filter:brightness(90%)}:host ::ng-deep .form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}:host ::ng-deep .form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}:host ::ng-deep .form-check-input:checked[type=checkbox]{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\")}:host ::ng-deep .form-check-input:checked[type=radio]{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e\")}:host ::ng-deep .form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\")}:host ::ng-deep .form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}:host ::ng-deep .form-check-input[disabled]~.form-check-label,:host ::ng-deep .form-check-input:disabled~.form-check-label{cursor:default;opacity:.5}:host ::ng-deep .form-switch{padding-left:2.5em}:host ::ng-deep .form-switch .form-check-input{width:2em;margin-left:-2.5em;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e\");background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion: reduce){:host ::ng-deep .form-switch .form-check-input{transition:none}}:host ::ng-deep .form-switch .form-check-input:focus{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e\")}:host ::ng-deep .form-switch .form-check-input:checked{background-position:right center;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e\")}:host ::ng-deep .form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}:host ::ng-deep .form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}:host ::ng-deep .form-check-inline{display:inline-block;margin-right:1rem}:host ::ng-deep .btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}:host ::ng-deep .btn-check[disabled]+.btn,:host ::ng-deep .btn-check:disabled+.btn{pointer-events:none;filter:none;opacity:.65}\n"] }]
5951
+ }], ctorParameters: function () { return []; }, propDecorators: { checkbox: [{
5952
+ type: ViewChild,
5953
+ args: ['checkbox']
5954
+ }], type: [{
5955
+ type: Input
5956
+ }], change: [{
5573
5957
  type: Output
5574
5958
  }], isToggledChange: [{
5575
5959
  type: Output
@@ -5577,24 +5961,156 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
5577
5961
  type: Input
5578
5962
  }], disabled: [{
5579
5963
  type: Input
5964
+ }], name: [{
5965
+ type: Input
5966
+ }], value: [{
5967
+ type: Input
5968
+ }], group: [{
5969
+ type: Input
5970
+ }] } });
5971
+
5972
+ class BsToggleButtonGroupDirective {
5973
+ constructor() { }
5974
+ }
5975
+ BsToggleButtonGroupDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsToggleButtonGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
5976
+ BsToggleButtonGroupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: BsToggleButtonGroupDirective, selector: "[bsToggleButtonGroup]", queries: [{ propertyName: "toggleButtons", predicate: BsToggleButtonComponent, descendants: true }], exportAs: ["bsToggleButtonGroup"], ngImport: i0 });
5977
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsToggleButtonGroupDirective, decorators: [{
5978
+ type: Directive,
5979
+ args: [{
5980
+ selector: '[bsToggleButtonGroup]',
5981
+ exportAs: 'bsToggleButtonGroup'
5982
+ }]
5983
+ }], ctorParameters: function () { return []; }, propDecorators: { toggleButtons: [{
5984
+ type: ContentChildren,
5985
+ args: [BsToggleButtonComponent, { descendants: true }]
5580
5986
  }] } });
5581
5987
 
5988
+ class BsToggleButtonValueAccessor {
5989
+ constructor(host) {
5990
+ this.host = host;
5991
+ this.destroyed$ = new Subject();
5992
+ }
5993
+ //#region Lifecycle hooks
5994
+ ngAfterViewInit() {
5995
+ fromEvent(this.host.checkbox.nativeElement, 'change')
5996
+ .pipe(takeUntil(this.destroyed$))
5997
+ .subscribe((ev) => {
5998
+ if (this.onValueChange && this.host.checkbox) {
5999
+ const isChecked = ev.target.checked;
6000
+ switch (this.host.type) {
6001
+ case 'radio':
6002
+ case 'radio_toggle_button':
6003
+ if (isChecked) {
6004
+ this.onValueChange(this.host.checkbox.nativeElement.value);
6005
+ }
6006
+ break;
6007
+ default:
6008
+ if (this.host['group']) {
6009
+ const group = this.host['group'];
6010
+ const itemValue = this.host.checkbox.nativeElement.value;
6011
+ const result = group.toggleButtons
6012
+ .map(tb => ({ value: tb.value, checked: tb.checkbox.nativeElement.checked }))
6013
+ .filter(tb => !!tb.value && tb.checked)
6014
+ .map(tb => tb.value);
6015
+ if (this.host.checkbox.nativeElement.checked) {
6016
+ if (!result.includes(itemValue)) {
6017
+ result.push(itemValue);
6018
+ }
6019
+ }
6020
+ else {
6021
+ if (result.includes(itemValue)) {
6022
+ result.splice(result.indexOf(itemValue), 1);
6023
+ }
6024
+ }
6025
+ this.onValueChange(result);
6026
+ }
6027
+ else {
6028
+ this.onValueChange(isChecked);
6029
+ }
6030
+ break;
6031
+ }
6032
+ }
6033
+ });
6034
+ }
6035
+ ngOnDestroy() {
6036
+ this.destroyed$.next(true);
6037
+ }
6038
+ //#endregion
6039
+ //#region ControlValueAccessor implementation
6040
+ registerOnChange(fn) {
6041
+ this.onValueChange = fn;
6042
+ }
6043
+ registerOnTouched(fn) {
6044
+ this.onTouched = fn;
6045
+ }
6046
+ writeValue(value) {
6047
+ if (this.host.checkbox) {
6048
+ switch (this.host.type) {
6049
+ case 'radio':
6050
+ case 'radio_toggle_button':
6051
+ if (value === this.host.value) {
6052
+ this.host.checkbox.nativeElement.checked = true;
6053
+ }
6054
+ break;
6055
+ default:
6056
+ if (this.host.group) {
6057
+ this.host.checkbox.nativeElement.checked = value.includes(this.host.value);
6058
+ }
6059
+ else {
6060
+ this.host.checkbox.nativeElement.checked = value;
6061
+ }
6062
+ break;
6063
+ }
6064
+ }
6065
+ }
6066
+ setDisabledState(isDisabled) {
6067
+ if (this.host.checkbox) {
6068
+ this.host.checkbox.nativeElement.disabled = isDisabled;
6069
+ }
6070
+ }
6071
+ }
6072
+ BsToggleButtonValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsToggleButtonValueAccessor, deps: [{ token: BsToggleButtonComponent }], target: i0.ɵɵFactoryTarget.Directive });
6073
+ BsToggleButtonValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: BsToggleButtonValueAccessor, selector: "bs-toggle-button", providers: [{
6074
+ provide: NG_VALUE_ACCESSOR,
6075
+ useExisting: forwardRef(() => BsToggleButtonValueAccessor),
6076
+ multi: true,
6077
+ }], ngImport: i0 });
6078
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsToggleButtonValueAccessor, decorators: [{
6079
+ type: Directive,
6080
+ args: [{
6081
+ selector: 'bs-toggle-button',
6082
+ providers: [{
6083
+ provide: NG_VALUE_ACCESSOR,
6084
+ useExisting: forwardRef(() => BsToggleButtonValueAccessor),
6085
+ multi: true,
6086
+ }],
6087
+ }]
6088
+ }], ctorParameters: function () { return [{ type: BsToggleButtonComponent }]; } });
6089
+
5582
6090
  class BsToggleButtonModule {
5583
6091
  }
5584
6092
  BsToggleButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsToggleButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
5585
- BsToggleButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: BsToggleButtonModule, declarations: [BsToggleButtonComponent], imports: [CommonModule], exports: [BsToggleButtonComponent] });
6093
+ BsToggleButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: BsToggleButtonModule, declarations: [BsToggleButtonComponent,
6094
+ BsToggleButtonValueAccessor,
6095
+ BsToggleButtonGroupDirective], imports: [CommonModule], exports: [BsToggleButtonComponent,
6096
+ BsToggleButtonValueAccessor,
6097
+ BsToggleButtonGroupDirective] });
5586
6098
  BsToggleButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsToggleButtonModule, imports: [CommonModule] });
5587
6099
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsToggleButtonModule, decorators: [{
5588
6100
  type: NgModule,
5589
6101
  args: [{
5590
6102
  declarations: [
5591
- BsToggleButtonComponent
6103
+ BsToggleButtonComponent,
6104
+ BsToggleButtonValueAccessor,
6105
+ BsToggleButtonGroupDirective
5592
6106
  ],
5593
6107
  imports: [
5594
6108
  CommonModule
5595
6109
  ],
5596
6110
  exports: [
5597
- BsToggleButtonComponent
6111
+ BsToggleButtonComponent,
6112
+ BsToggleButtonValueAccessor,
6113
+ BsToggleButtonGroupDirective
5598
6114
  ]
5599
6115
  }]
5600
6116
  }] });
@@ -5912,5 +6428,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
5912
6428
  * Generated bundle index. Do not edit.
5913
6429
  */
5914
6430
 
5915
- export { BS_DEVELOPMENT, BsAccordionComponent, BsAccordionModule, BsAccordionTabComponent, BsAccordionTabHeaderComponent, BsAddPropertiesModule, BsAddPropertiesPipe, BsAlertCloseComponent, BsAlertComponent, BsAlertModule, BsBadgeComponent, BsBadgeModule, BsBreadcrumbComponent, BsBreadcrumbItemComponent, BsBreadcrumbModule, BsButtonGroupComponent, BsButtonGroupModule, BsButtonTemplateDirective, BsCalendarComponent, BsCalendarModule, BsCardComponent, BsCardHeaderComponent, BsCardModule, BsCarouselComponent, BsCarouselImageDirective, BsCarouselModule, BsCloseComponent, BsCloseModule, BsCodeSnippetComponent, BsCodeSnippetModule, BsContextMenuDirective, BsContextMenuModule, BsCopyDirective, BsCopyModule, BsDatatableColumnDirective, BsDatatableComponent, BsDatatableModule, BsDatepickerComponent, BsDatepickerModule, BsDropdownDirective, BsDropdownMenuDirective, BsDropdownModule, BsDropdownToggleDirective, BsExpandButtonDirective, BsFileUploadComponent, BsFileUploadModule, BsFileUploadTemplateDirective, BsFontColorPipe, BsFontColorPipeModule, BsFooterTemplateDirective, BsForDirective, BsForModule, BsFormatBytesModule, BsFormatBytesPipe, BsHeaderTemplateDirective, BsItemTemplateDirective, BsListGroupComponent, BsListGroupItemComponent, BsListGroupModule, BsModalBodyDirective, BsModalCloseDirective, BsModalComponent, BsModalDirective, BsModalFooterDirective, BsModalHeaderDirective, BsModalHostComponent, BsModalModule, BsMultiselectComponent, BsMultiselectModule, BsNavbarBrandComponent, BsNavbarComponent, BsNavbarDropdownComponent, BsNavbarItemComponent, BsNavbarModule, BsNavbarNavComponent, BsNavbarTogglerComponent, BsOffcanvasCloseDirective, BsOffcanvasComponent, BsOffcanvasContentDirective, BsOffcanvasHostComponent, BsOffcanvasModule, BsPaginationComponent, BsPaginationModule, BsPlaceholderComponent, BsPlaceholderFieldDirective, BsPlaceholderModule, BsPopoverBodyDirective, BsPopoverComponent, BsPopoverDirective, BsPopoverHeaderDirective, BsPopoverModule, BsProgressBarComponent, BsProgressBarModule, BsProgressComponent, BsRatingComponent, BsRatingModule, BsRowTemplateDirective, BsSchedulerComponent, BsSchedulerModule, BsScrollspyComponent, BsScrollspyDirective, BsScrollspyModule, BsSelect2Component, BsSelect2Module, BsSnackbarCloseDirective, BsSnackbarComponent, BsSnackbarModule, BsSnackbarService, BsSpinnerComponent, BsSpinnerModule, BsTabControlComponent, BsTabControlModule, BsTabPageComponent, BsTimepickerComponent, BsTimepickerModule, BsToastBodyComponent, BsToastCloseDirective, BsToastComponent, BsToastContainerComponent, BsToastHeaderComponent, BsToastModule, BsToastService, BsToggleButtonComponent, BsToggleButtonModule, BsTooltipDirective, BsTooltipModule, BsTypeaheadComponent, BsTypeaheadModule, Color, DatatableSettings, DropdownToggleDirective, ESchedulerMode, EnhancedPasteDirective, NavLinkDirective, NavbarContentDirective, OffcanvasBodyComponent, OffcanvasHeaderComponent, Position, ResourceGroupPresenterComponent, availableScales };
6431
+ export { BS_DEVELOPMENT, BsAccordionComponent, BsAccordionModule, BsAccordionTabComponent, BsAccordionTabHeaderComponent, BsAddPropertiesModule, BsAddPropertiesPipe, BsAlertCloseComponent, BsAlertComponent, BsAlertModule, BsBadgeComponent, BsBadgeModule, BsBreadcrumbComponent, BsBreadcrumbItemComponent, BsBreadcrumbModule, BsButtonGroupComponent, BsButtonGroupModule, BsButtonTemplateDirective, BsCalendarComponent, BsCalendarModule, BsCardComponent, BsCardHeaderComponent, BsCardModule, BsCarouselComponent, BsCarouselImageDirective, BsCarouselModule, BsCloseComponent, BsCloseModule, BsCodeSnippetComponent, BsCodeSnippetModule, BsContextMenuDirective, BsContextMenuModule, BsCopyDirective, BsCopyModule, BsDatatableColumnDirective, BsDatatableComponent, BsDatatableModule, BsDatepickerComponent, BsDatepickerModule, BsDropdownDirective, BsDropdownMenuDirective, BsDropdownModule, BsDropdownToggleDirective, BsExpandButtonDirective, BsFileUploadComponent, BsFileUploadModule, BsFileUploadTemplateDirective, BsFontColorPipe, BsFontColorPipeModule, BsFooterTemplateDirective, BsForDirective, BsForModule, BsFormatBytesModule, BsFormatBytesPipe, BsGridColumnDirective, BsGridComponent, BsGridModule, BsGridRowDirective, BsHeaderTemplateDirective, BsItemTemplateDirective, BsListGroupComponent, BsListGroupItemComponent, BsListGroupModule, BsModalBodyDirective, BsModalCloseDirective, BsModalComponent, BsModalDirective, BsModalFooterDirective, BsModalHeaderDirective, BsModalHostComponent, BsModalModule, BsMultiselectComponent, BsMultiselectModule, BsNavbarBrandComponent, BsNavbarComponent, BsNavbarDropdownComponent, BsNavbarItemComponent, BsNavbarModule, BsNavbarNavComponent, BsNavbarTogglerComponent, BsOffcanvasCloseDirective, BsOffcanvasComponent, BsOffcanvasContentDirective, BsOffcanvasHostComponent, BsOffcanvasModule, BsPaginationComponent, BsPaginationModule, BsPlaceholderComponent, BsPlaceholderFieldDirective, BsPlaceholderModule, BsPopoverBodyDirective, BsPopoverComponent, BsPopoverDirective, BsPopoverHeaderDirective, BsPopoverModule, BsProgressBarComponent, BsProgressBarModule, BsProgressComponent, BsRangeComponent, BsRangeModule, BsRangeValueAccessor, BsRatingComponent, BsRatingModule, BsRowTemplateDirective, BsSchedulerComponent, BsSchedulerModule, BsScrollspyComponent, BsScrollspyDirective, BsScrollspyModule, BsSelect2Component, BsSelect2Module, BsSnackbarCloseDirective, BsSnackbarComponent, BsSnackbarModule, BsSnackbarService, BsSpinnerComponent, BsSpinnerModule, BsTabControlComponent, BsTabControlModule, BsTabPageComponent, BsTableComponent, BsTableModule, BsTimepickerComponent, BsTimepickerModule, BsToastBodyComponent, BsToastCloseDirective, BsToastComponent, BsToastContainerComponent, BsToastHeaderComponent, BsToastModule, BsToastService, BsToggleButtonComponent, BsToggleButtonGroupDirective, BsToggleButtonModule, BsToggleButtonValueAccessor, BsTooltipDirective, BsTooltipModule, BsTypeaheadComponent, BsTypeaheadModule, Color, DatatableSettings, DropdownToggleDirective, ESchedulerMode, EnhancedPasteDirective, NavLinkDirective, NavbarContentDirective, OffcanvasBodyComponent, OffcanvasHeaderComponent, Position, ResourceGroupPresenterComponent, availableScales };
5916
6432
  //# sourceMappingURL=mintplayer-ng-bootstrap.mjs.map