@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/fesm2015/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 { ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
9
9
  import * as i1$1 from '@angular/cdk/overlay';
@@ -16,7 +16,7 @@ import { FocusOnLoadModule } from '@mintplayer/ng-focus-on-load';
16
16
  import * as i1$3 from '@angular/router';
17
17
  import { RouterModule, ROUTER_CONFIGURATION } from '@angular/router';
18
18
  import * as i2 from '@angular/forms';
19
- import { FormsModule } from '@angular/forms';
19
+ import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
20
20
 
21
21
  class BsAccordionTabComponent {
22
22
  constructor(accordion) {
@@ -103,10 +103,10 @@ class BsAccordionTabHeaderComponent {
103
103
  }
104
104
  }
105
105
  BsAccordionTabHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsAccordionTabHeaderComponent, deps: [{ token: BsAccordionTabComponent }], target: i0.ɵɵFactoryTarget.Component });
106
- 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"] });
106
+ 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"] });
107
107
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsAccordionTabHeaderComponent, decorators: [{
108
108
  type: Component,
109
- 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"] }]
109
+ 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"] }]
110
110
  }], ctorParameters: function () { return [{ type: BsAccordionTabComponent }]; } });
111
111
 
112
112
  class BsAccordionModule {
@@ -670,10 +670,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
670
670
  class BsCardComponent {
671
671
  }
672
672
  BsCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
673
- 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"] });
673
+ 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"] });
674
674
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsCardComponent, decorators: [{
675
675
  type: Component,
676
- 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"] }]
676
+ 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"] }]
677
677
  }] });
678
678
 
679
679
  class BsCardHeaderComponent {
@@ -1125,11 +1125,6 @@ class BsContextMenuDirective {
1125
1125
  this.checkAndCloseExisting(ev);
1126
1126
  const target = {
1127
1127
  getBoundingClientRect: () => {
1128
- console.log('getBoundingClientRect', {
1129
- clientX: ev.clientX,
1130
- clientY: ev.clientY,
1131
- scrollY: window.scrollY,
1132
- });
1133
1128
  return ({
1134
1129
  width: 0,
1135
1130
  height: 0,
@@ -1275,6 +1270,147 @@ class DatatableSettings {
1275
1270
  }
1276
1271
  }
1277
1272
 
1273
+ class BsGridComponent {
1274
+ constructor() {
1275
+ //#region StopFullWidthAt
1276
+ this.stopFullWidthAt$ = new BehaviorSubject('sm');
1277
+ this.containerClass$ = this.stopFullWidthAt$.pipe(map((stopFullWidthAt) => {
1278
+ switch (stopFullWidthAt) {
1279
+ case 'sm': return 'container';
1280
+ case 'never': return 'container-fluid';
1281
+ default: return `container-${stopFullWidthAt}`;
1282
+ }
1283
+ }));
1284
+ }
1285
+ get stopFullWidthAt() {
1286
+ return this.stopFullWidthAt$.value;
1287
+ }
1288
+ set stopFullWidthAt(value) {
1289
+ this.stopFullWidthAt$.next(value);
1290
+ }
1291
+ }
1292
+ BsGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1293
+ 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" }] });
1294
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsGridComponent, decorators: [{
1295
+ type: Component,
1296
+ 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"] }]
1297
+ }], ctorParameters: function () { return []; }, propDecorators: { stopFullWidthAt: [{
1298
+ type: Input
1299
+ }] } });
1300
+
1301
+ class BsGridRowDirective {
1302
+ constructor() {
1303
+ this.rowClass = true;
1304
+ }
1305
+ }
1306
+ BsGridRowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsGridRowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
1307
+ BsGridRowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: BsGridRowDirective, selector: "[bsRow]", host: { properties: { "class.row": "this.rowClass" } }, ngImport: i0 });
1308
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsGridRowDirective, decorators: [{
1309
+ type: Directive,
1310
+ args: [{
1311
+ selector: '[bsRow]'
1312
+ }]
1313
+ }], propDecorators: { rowClass: [{
1314
+ type: HostBinding,
1315
+ args: ['class.row']
1316
+ }] } });
1317
+
1318
+ class BsGridColumnDirective {
1319
+ constructor() {
1320
+ this.customColClasses$ = new BehaviorSubject(undefined);
1321
+ this.destroyed$ = new Subject();
1322
+ this.classList = null;
1323
+ this.customColClasses$
1324
+ .pipe(map((data) => {
1325
+ if (!data) {
1326
+ return 'col';
1327
+ }
1328
+ else {
1329
+ return Object.keys(data)
1330
+ .map(key => ({
1331
+ key,
1332
+ value: data[key]
1333
+ }))
1334
+ .map(v => {
1335
+ if (v.key === '_') {
1336
+ return `col-${v.value}`;
1337
+ }
1338
+ else {
1339
+ return `col-${v.key}-${v.value}`;
1340
+ }
1341
+ })
1342
+ .join(' ');
1343
+ }
1344
+ }))
1345
+ .pipe(takeUntil(this.destroyed$))
1346
+ .subscribe((classList) => {
1347
+ this.classList = classList;
1348
+ });
1349
+ }
1350
+ set bsColumn(value) {
1351
+ this.customColClasses$.next(value);
1352
+ }
1353
+ ngOnDestroy() {
1354
+ this.destroyed$.next(true);
1355
+ }
1356
+ }
1357
+ BsGridColumnDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsGridColumnDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
1358
+ 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 });
1359
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsGridColumnDirective, decorators: [{
1360
+ type: Directive,
1361
+ args: [{
1362
+ selector: '[bsColumn]'
1363
+ }]
1364
+ }], ctorParameters: function () { return []; }, propDecorators: { classList: [{
1365
+ type: HostBinding,
1366
+ args: ['class']
1367
+ }], bsColumn: [{
1368
+ type: Input
1369
+ }] } });
1370
+
1371
+ class BsTableComponent {
1372
+ constructor() {
1373
+ //#region isResponsive
1374
+ this.isResponsive$ = new BehaviorSubject(false);
1375
+ //#endregion
1376
+ //#region striped
1377
+ this.striped$ = new BehaviorSubject(false);
1378
+ //#endregion
1379
+ //#region hover
1380
+ this.hover$ = new BehaviorSubject(false);
1381
+ }
1382
+ get isResponsive() {
1383
+ return this.isResponsive$.value;
1384
+ }
1385
+ set isResponsive(value) {
1386
+ this.isResponsive$.next(value);
1387
+ }
1388
+ get striped() {
1389
+ return this.striped$.value;
1390
+ }
1391
+ set striped(value) {
1392
+ this.striped$.next(value);
1393
+ }
1394
+ get hover() {
1395
+ return this.hover$.value;
1396
+ }
1397
+ set hover(value) {
1398
+ this.hover$.next(value);
1399
+ }
1400
+ }
1401
+ BsTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1402
+ 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" }] });
1403
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsTableComponent, decorators: [{
1404
+ type: Component,
1405
+ 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"] }]
1406
+ }], ctorParameters: function () { return []; }, propDecorators: { isResponsive: [{
1407
+ type: Input
1408
+ }], striped: [{
1409
+ type: Input
1410
+ }], hover: [{
1411
+ type: Input
1412
+ }] } });
1413
+
1278
1414
  class BsPaginationComponent {
1279
1415
  constructor() {
1280
1416
  /** All page numbers. */
@@ -1471,13 +1607,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
1471
1607
 
1472
1608
  class BsDatatableComponent {
1473
1609
  constructor() {
1474
- this.columns = [];
1610
+ //#region Columns
1611
+ this.columns$ = new BehaviorSubject([]);
1475
1612
  this.reloadData = new EventEmitter();
1476
1613
  this.settings = new DatatableSettings();
1477
1614
  this.settings.sortProperty = '';
1478
1615
  this.settings.sortDirection = 'ascending';
1479
1616
  this.settings.perPage = { values: [10, 20, 50], selected: 20 };
1480
1617
  this.settings.page = { values: [1], selected: 1 };
1618
+ this.numberOfColumns$ = this.columns$.pipe(map(columns => columns.length));
1619
+ }
1620
+ set columns(value) {
1621
+ this.columns$.next(value);
1481
1622
  }
1482
1623
  columnHeaderClicked(column) {
1483
1624
  if (column.bsDatatableColumn.sortable) {
@@ -1496,10 +1637,10 @@ class BsDatatableComponent {
1496
1637
  }
1497
1638
  }
1498
1639
  BsDatatableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsDatatableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1499
- 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"] }] });
1640
+ 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" }] });
1500
1641
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsDatatableComponent, decorators: [{
1501
1642
  type: Component,
1502
- 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"] }]
1643
+ 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"] }]
1503
1644
  }], ctorParameters: function () { return []; }, propDecorators: { columns: [{
1504
1645
  type: ContentChildren,
1505
1646
  args: [BsDatatableColumnDirective]
@@ -1526,6 +1667,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
1526
1667
  }]
1527
1668
  }], ctorParameters: function () { return [{ type: BsDatatableComponent }, { type: i0.TemplateRef }]; } });
1528
1669
 
1670
+ class BsGridModule {
1671
+ }
1672
+ BsGridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1673
+ 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] });
1674
+ BsGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsGridModule, imports: [CommonModule] });
1675
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsGridModule, decorators: [{
1676
+ type: NgModule,
1677
+ args: [{
1678
+ declarations: [BsGridComponent, BsGridRowDirective, BsGridColumnDirective],
1679
+ imports: [CommonModule],
1680
+ exports: [BsGridComponent, BsGridRowDirective, BsGridColumnDirective],
1681
+ }]
1682
+ }] });
1683
+
1684
+ class BsTableModule {
1685
+ }
1686
+ BsTableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1687
+ BsTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: BsTableModule, declarations: [BsTableComponent], imports: [CommonModule], exports: [BsTableComponent] });
1688
+ BsTableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsTableModule, imports: [CommonModule] });
1689
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsTableModule, decorators: [{
1690
+ type: NgModule,
1691
+ args: [{
1692
+ declarations: [BsTableComponent],
1693
+ imports: [CommonModule],
1694
+ exports: [BsTableComponent],
1695
+ }]
1696
+ }] });
1697
+
1529
1698
  class BsPaginationModule {
1530
1699
  }
1531
1700
  BsPaginationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsPaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -1552,10 +1721,14 @@ BsDatatableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", versio
1552
1721
  BsDatatableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: BsDatatableModule, declarations: [BsDatatableComponent,
1553
1722
  BsRowTemplateDirective,
1554
1723
  BsDatatableColumnDirective], imports: [CommonModule,
1724
+ BsGridModule,
1725
+ BsTableModule,
1555
1726
  BsPaginationModule], exports: [BsDatatableComponent,
1556
1727
  BsRowTemplateDirective,
1557
1728
  BsDatatableColumnDirective] });
1558
1729
  BsDatatableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsDatatableModule, imports: [CommonModule,
1730
+ BsGridModule,
1731
+ BsTableModule,
1559
1732
  BsPaginationModule] });
1560
1733
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsDatatableModule, decorators: [{
1561
1734
  type: NgModule,
@@ -1567,6 +1740,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
1567
1740
  ],
1568
1741
  imports: [
1569
1742
  CommonModule,
1743
+ BsGridModule,
1744
+ BsTableModule,
1570
1745
  BsPaginationModule
1571
1746
  ],
1572
1747
  exports: [
@@ -2050,6 +2225,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
2050
2225
  args: ['class.overflow-hidden']
2051
2226
  }] } });
2052
2227
 
2228
+ class BsListGroupItemComponent {
2229
+ constructor() {
2230
+ }
2231
+ ngOnInit() {
2232
+ }
2233
+ }
2234
+ BsListGroupItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2235
+ 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"] });
2236
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupItemComponent, decorators: [{
2237
+ type: Component,
2238
+ 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"] }]
2239
+ }], ctorParameters: function () { return []; } });
2240
+
2241
+ class BsListGroupComponent {
2242
+ constructor() {
2243
+ }
2244
+ ngOnInit() {
2245
+ }
2246
+ }
2247
+ BsListGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2248
+ 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"] });
2249
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupComponent, decorators: [{
2250
+ type: Component,
2251
+ 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"] }]
2252
+ }], ctorParameters: function () { return []; }, propDecorators: { items: [{
2253
+ type: ContentChildren,
2254
+ args: [BsListGroupItemComponent]
2255
+ }] } });
2256
+
2053
2257
  class BsFormatBytesPipe {
2054
2258
  transform(value, decimals = 2) {
2055
2259
  if (value === 0) {
@@ -2123,10 +2327,10 @@ class BsFileUploadComponent {
2123
2327
  }
2124
2328
  }
2125
2329
  BsFileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2126
- 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" }] });
2330
+ 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" }] });
2127
2331
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsFileUploadComponent, decorators: [{
2128
2332
  type: Component,
2129
- 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"] }]
2333
+ 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"] }]
2130
2334
  }], propDecorators: { dropFilesCaption: [{
2131
2335
  type: Input
2132
2336
  }], browseFilesCaption: [{
@@ -2226,6 +2430,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
2226
2430
  }]
2227
2431
  }] });
2228
2432
 
2433
+ class BsListGroupModule {
2434
+ }
2435
+ BsListGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
2436
+ BsListGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupModule, declarations: [BsListGroupComponent,
2437
+ BsListGroupItemComponent], imports: [CommonModule], exports: [BsListGroupComponent,
2438
+ BsListGroupItemComponent] });
2439
+ BsListGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupModule, imports: [CommonModule] });
2440
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupModule, decorators: [{
2441
+ type: NgModule,
2442
+ args: [{
2443
+ imports: [CommonModule],
2444
+ declarations: [
2445
+ BsListGroupComponent,
2446
+ BsListGroupItemComponent
2447
+ ],
2448
+ exports: [
2449
+ BsListGroupComponent,
2450
+ BsListGroupItemComponent
2451
+ ]
2452
+ }]
2453
+ }] });
2454
+
2229
2455
  class BsFileUploadModule {
2230
2456
  }
2231
2457
  BsFileUploadModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsFileUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -2233,12 +2459,14 @@ BsFileUploadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", vers
2233
2459
  BsFileUploadTemplateDirective], imports: [CommonModule,
2234
2460
  BsForModule,
2235
2461
  BsFormatBytesModule,
2236
- BsProgressBarModule], exports: [BsFileUploadComponent,
2462
+ BsProgressBarModule,
2463
+ BsListGroupModule], exports: [BsFileUploadComponent,
2237
2464
  BsFileUploadTemplateDirective] });
2238
2465
  BsFileUploadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsFileUploadModule, imports: [CommonModule,
2239
2466
  BsForModule,
2240
2467
  BsFormatBytesModule,
2241
- BsProgressBarModule] });
2468
+ BsProgressBarModule,
2469
+ BsListGroupModule] });
2242
2470
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsFileUploadModule, decorators: [{
2243
2471
  type: NgModule,
2244
2472
  args: [{
@@ -2250,7 +2478,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
2250
2478
  CommonModule,
2251
2479
  BsForModule,
2252
2480
  BsFormatBytesModule,
2253
- BsProgressBarModule
2481
+ BsProgressBarModule,
2482
+ BsListGroupModule
2254
2483
  ],
2255
2484
  exports: [
2256
2485
  BsFileUploadComponent,
@@ -2960,10 +3189,10 @@ class BsSchedulerComponent {
2960
3189
  }
2961
3190
  }
2962
3191
  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 });
2963
- 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" }] });
3192
+ 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" }] });
2964
3193
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsSchedulerComponent, decorators: [{
2965
3194
  type: Component,
2966
- 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"] }]
3195
+ 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"] }]
2967
3196
  }], ctorParameters: function () { return [{ type: BsCalendarMonthService }, { type: BsTimelineService }]; }, propDecorators: { timeSlotElements: [{
2968
3197
  type: ViewChildren,
2969
3198
  args: ['slot']
@@ -3053,57 +3282,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
3053
3282
  }]
3054
3283
  }] });
3055
3284
 
3056
- class BsListGroupItemComponent {
3057
- constructor() {
3058
- }
3059
- ngOnInit() {
3060
- }
3061
- }
3062
- BsListGroupItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3063
- 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"] });
3064
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupItemComponent, decorators: [{
3065
- type: Component,
3066
- 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"] }]
3067
- }], ctorParameters: function () { return []; } });
3068
-
3069
- class BsListGroupComponent {
3070
- constructor() {
3071
- }
3072
- ngOnInit() {
3073
- }
3074
- }
3075
- BsListGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3076
- 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"] });
3077
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupComponent, decorators: [{
3078
- type: Component,
3079
- 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"] }]
3080
- }], ctorParameters: function () { return []; }, propDecorators: { items: [{
3081
- type: ContentChildren,
3082
- args: [BsListGroupItemComponent]
3083
- }] } });
3084
-
3085
- class BsListGroupModule {
3086
- }
3087
- BsListGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
3088
- BsListGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupModule, declarations: [BsListGroupComponent,
3089
- BsListGroupItemComponent], imports: [CommonModule], exports: [BsListGroupComponent,
3090
- BsListGroupItemComponent] });
3091
- BsListGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupModule, imports: [CommonModule] });
3092
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsListGroupModule, decorators: [{
3093
- type: NgModule,
3094
- args: [{
3095
- imports: [CommonModule],
3096
- declarations: [
3097
- BsListGroupComponent,
3098
- BsListGroupItemComponent
3099
- ],
3100
- exports: [
3101
- BsListGroupComponent,
3102
- BsListGroupItemComponent
3103
- ]
3104
- }]
3105
- }] });
3106
-
3107
3285
  const MODAL_CONTENT = new InjectionToken('ModalContent');
3108
3286
 
3109
3287
  class BsModalComponent {
@@ -3467,10 +3645,10 @@ class BsNavbarComponent {
3467
3645
  }
3468
3646
  }
3469
3647
  BsNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3470
- 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" }] });
3648
+ 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" }] });
3471
3649
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsNavbarComponent, decorators: [{
3472
3650
  type: Component,
3473
- 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"] }]
3651
+ 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"] }]
3474
3652
  }], propDecorators: { nav: [{
3475
3653
  type: ViewChild,
3476
3654
  args: ['nav']
@@ -4025,7 +4203,6 @@ class BsOffcanvasComponent {
4025
4203
  return this.state$.value;
4026
4204
  }
4027
4205
  onBackdropClick(ev) {
4028
- console.log(1);
4029
4206
  this.backdropClick.emit(ev);
4030
4207
  }
4031
4208
  ngOnDestroy() {
@@ -4311,24 +4488,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
4311
4488
 
4312
4489
  class BsPlaceholderComponent {
4313
4490
  constructor() {
4491
+ //#region isLoading
4314
4492
  this.isLoading$ = new BehaviorSubject(false);
4493
+ this.isLoadingChange = new EventEmitter();
4494
+ }
4495
+ get isLoading() {
4496
+ return this.isLoading$.value;
4315
4497
  }
4316
- set bsPlaceholder(value) {
4498
+ set isLoading(value) {
4317
4499
  this.isLoading$.next(value);
4500
+ this.isLoadingChange.emit(value);
4318
4501
  }
4319
4502
  }
4320
4503
  BsPlaceholderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsPlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4321
- 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"] });
4504
+ 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"] });
4322
4505
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsPlaceholderComponent, decorators: [{
4323
4506
  type: Component,
4324
- 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"] }]
4325
- }], propDecorators: { bsPlaceholder: [{
4507
+ 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"] }]
4508
+ }], propDecorators: { isLoading: [{
4326
4509
  type: Input
4327
4510
  }] } });
4328
4511
 
4329
4512
  class BsPlaceholderFieldDirective {
4330
4513
  constructor(placeholder) {
4331
4514
  this.placeholder = placeholder;
4515
+ this.html = undefined;
4516
+ this.minWidth = 80;
4332
4517
  this.marginBottom = 0;
4333
4518
  this.placeholderClass = true;
4334
4519
  this.destroyed$ = new Subject();
@@ -4336,7 +4521,8 @@ class BsPlaceholderFieldDirective {
4336
4521
  .pipe(takeUntil(this.destroyed$))
4337
4522
  .subscribe((isLoading) => {
4338
4523
  this.placeholderClass = isLoading;
4339
- // this.marginBottom = isLoading ? -1 : 0;
4524
+ this.marginBottom = isLoading ? -1 : 0;
4525
+ this.html = isLoading ? '&nbsp;' : undefined;
4340
4526
  });
4341
4527
  }
4342
4528
  ngOnDestroy() {
@@ -4344,13 +4530,19 @@ class BsPlaceholderFieldDirective {
4344
4530
  }
4345
4531
  }
4346
4532
  BsPlaceholderFieldDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsPlaceholderFieldDirective, deps: [{ token: BsPlaceholderComponent }], target: i0.ɵɵFactoryTarget.Directive });
4347
- 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 });
4533
+ 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 });
4348
4534
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsPlaceholderFieldDirective, decorators: [{
4349
4535
  type: Directive,
4350
4536
  args: [{
4351
4537
  selector: '[bsPlaceholderField]'
4352
4538
  }]
4353
- }], ctorParameters: function () { return [{ type: BsPlaceholderComponent }]; }, propDecorators: { marginBottom: [{
4539
+ }], ctorParameters: function () { return [{ type: BsPlaceholderComponent }]; }, propDecorators: { html: [{
4540
+ type: HostBinding,
4541
+ args: ['attr.innerHtml']
4542
+ }], minWidth: [{
4543
+ type: HostBinding,
4544
+ args: ['style.min-width.px']
4545
+ }], marginBottom: [{
4354
4546
  type: HostBinding,
4355
4547
  args: ['style.margin-bottom.px']
4356
4548
  }], placeholderClass: [{
@@ -4609,6 +4801,89 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
4609
4801
  }]
4610
4802
  }] });
4611
4803
 
4804
+ class BsRangeComponent {
4805
+ constructor() { }
4806
+ }
4807
+ BsRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4808
+ 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"] });
4809
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsRangeComponent, decorators: [{
4810
+ type: Component,
4811
+ 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"] }]
4812
+ }], ctorParameters: function () { return []; }, propDecorators: { slider: [{
4813
+ type: ViewChild,
4814
+ args: ['slider']
4815
+ }] } });
4816
+
4817
+ class BsRangeValueAccessor {
4818
+ constructor(host) {
4819
+ this.host = host;
4820
+ this.destroyed$ = new Subject();
4821
+ }
4822
+ //#region Lifecycle hooks
4823
+ ngAfterViewInit() {
4824
+ fromEvent(this.host.slider.nativeElement, 'input')
4825
+ .pipe(takeUntil(this.destroyed$))
4826
+ .subscribe((ev) => {
4827
+ if (this.onValueChange) {
4828
+ const val = parseFloat(ev.target.value);
4829
+ this.onValueChange(val);
4830
+ }
4831
+ });
4832
+ }
4833
+ ngOnDestroy() {
4834
+ this.destroyed$.next(true);
4835
+ }
4836
+ //#endregion
4837
+ //#region ControlValueAccessor implementation
4838
+ registerOnChange(fn) {
4839
+ this.onValueChange = fn;
4840
+ }
4841
+ registerOnTouched(fn) {
4842
+ this.onTouched = fn;
4843
+ }
4844
+ writeValue(value) {
4845
+ if (this.host.slider) {
4846
+ this.host.slider.nativeElement.value = value.toString();
4847
+ }
4848
+ }
4849
+ setDisabledState(isDisabled) {
4850
+ if (this.host.slider) {
4851
+ this.host.slider.nativeElement.disabled = isDisabled;
4852
+ }
4853
+ }
4854
+ }
4855
+ BsRangeValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsRangeValueAccessor, deps: [{ token: BsRangeComponent }], target: i0.ɵɵFactoryTarget.Directive });
4856
+ BsRangeValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: BsRangeValueAccessor, selector: "bs-range", providers: [{
4857
+ provide: NG_VALUE_ACCESSOR,
4858
+ useExisting: forwardRef(() => BsRangeValueAccessor),
4859
+ multi: true,
4860
+ }], ngImport: i0 });
4861
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsRangeValueAccessor, decorators: [{
4862
+ type: Directive,
4863
+ args: [{
4864
+ selector: 'bs-range',
4865
+ providers: [{
4866
+ provide: NG_VALUE_ACCESSOR,
4867
+ useExisting: forwardRef(() => BsRangeValueAccessor),
4868
+ multi: true,
4869
+ }],
4870
+ }]
4871
+ }], ctorParameters: function () { return [{ type: BsRangeComponent }]; } });
4872
+
4873
+ class BsRangeModule {
4874
+ }
4875
+ BsRangeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsRangeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
4876
+ BsRangeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: BsRangeModule, declarations: [BsRangeComponent, BsRangeValueAccessor], imports: [CommonModule], exports: [BsRangeComponent, BsRangeValueAccessor] });
4877
+ BsRangeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsRangeModule, imports: [CommonModule] });
4878
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsRangeModule, decorators: [{
4879
+ type: NgModule,
4880
+ args: [{
4881
+ declarations: [BsRangeComponent, BsRangeValueAccessor],
4882
+ imports: [CommonModule],
4883
+ exports: [BsRangeComponent, BsRangeValueAccessor],
4884
+ }]
4885
+ }] });
4886
+
4612
4887
  class BsRatingComponent {
4613
4888
  constructor() {
4614
4889
  this.destroyed$ = new Subject();
@@ -5582,6 +5857,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
5582
5857
  class BsToggleButtonComponent {
5583
5858
  constructor() {
5584
5859
  this.disableAnimations = true;
5860
+ //#region Type
5861
+ this.type$ = new BehaviorSubject('checkbox');
5862
+ //#endregion
5585
5863
  //#region isToggled
5586
5864
  this._isToggled = false;
5587
5865
  this.change = new EventEmitter();
@@ -5589,6 +5867,89 @@ class BsToggleButtonComponent {
5589
5867
  //#endregion
5590
5868
  //#region disabled
5591
5869
  this.disabled = false;
5870
+ //#endregion
5871
+ //#region name
5872
+ this.name$ = new BehaviorSubject(null);
5873
+ //#endregion
5874
+ //#region value
5875
+ this.value$ = new BehaviorSubject(null);
5876
+ //#endregion
5877
+ //#region Group
5878
+ this.group$ = new BehaviorSubject(null);
5879
+ this.mainCheckStyle$ = this.type$.pipe(map((type) => {
5880
+ switch (type) {
5881
+ case 'checkbox':
5882
+ case 'radio':
5883
+ case 'switch':
5884
+ return 'form-check';
5885
+ default:
5886
+ return null;
5887
+ }
5888
+ }));
5889
+ this.isSwitch$ = this.type$.pipe(map((type) => {
5890
+ switch (type) {
5891
+ case 'switch':
5892
+ return true;
5893
+ default:
5894
+ return false;
5895
+ }
5896
+ }));
5897
+ this.inputClass$ = this.type$.pipe(map((type) => {
5898
+ switch (type) {
5899
+ case 'checkbox':
5900
+ case 'radio':
5901
+ case 'switch':
5902
+ return 'form-check-input';
5903
+ default:
5904
+ return 'btn-check';
5905
+ }
5906
+ }));
5907
+ this.labelClass$ = this.type$.pipe(map((type) => {
5908
+ switch (type) {
5909
+ case 'checkbox':
5910
+ case 'radio':
5911
+ case 'switch':
5912
+ return 'form-check-label';
5913
+ case 'toggle_button':
5914
+ return 'btn btn-primary';
5915
+ case 'radio_toggle_button':
5916
+ return 'btn btn-secondary';
5917
+ }
5918
+ }));
5919
+ this.checkOrRadio$ = this.type$.pipe(map((type) => {
5920
+ switch (type) {
5921
+ case 'radio':
5922
+ case 'radio_toggle_button':
5923
+ return 'radio';
5924
+ default:
5925
+ return 'checkbox';
5926
+ }
5927
+ }));
5928
+ this.nameResult$ = combineLatest([this.name$, this.type$, this.group$])
5929
+ .pipe(map(([name, type, group]) => {
5930
+ switch (type) {
5931
+ case 'radio':
5932
+ case 'radio_toggle_button':
5933
+ return name;
5934
+ case 'checkbox':
5935
+ case 'toggle_button':
5936
+ case 'switch':
5937
+ if (group) {
5938
+ return `${name}[]`;
5939
+ }
5940
+ else {
5941
+ return name;
5942
+ }
5943
+ default:
5944
+ throw 'Invalid value';
5945
+ }
5946
+ }));
5947
+ }
5948
+ get type() {
5949
+ return this.type$.value;
5950
+ }
5951
+ set type(value) {
5952
+ this.type$.next(value);
5592
5953
  }
5593
5954
  get isToggled() {
5594
5955
  return this._isToggled;
@@ -5597,6 +5958,24 @@ class BsToggleButtonComponent {
5597
5958
  this._isToggled = value;
5598
5959
  this.isToggledChange.emit(this._isToggled);
5599
5960
  }
5961
+ get name() {
5962
+ return this.name$.value;
5963
+ }
5964
+ set name(value) {
5965
+ this.name$.next(value);
5966
+ }
5967
+ get value() {
5968
+ return this.value$.value;
5969
+ }
5970
+ set value(value) {
5971
+ this.value$.next(value);
5972
+ }
5973
+ get group() {
5974
+ return this.group$.value;
5975
+ }
5976
+ set group(value) {
5977
+ this.group$.next(value);
5978
+ }
5600
5979
  //#endregion
5601
5980
  onChange(event) {
5602
5981
  const val = event.target.checked;
@@ -5608,11 +5987,16 @@ class BsToggleButtonComponent {
5608
5987
  }
5609
5988
  }
5610
5989
  BsToggleButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsToggleButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
5611
- 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: [""] });
5990
+ 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" }] });
5612
5991
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsToggleButtonComponent, decorators: [{
5613
5992
  type: Component,
5614
- 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>" }]
5615
- }], propDecorators: { change: [{
5993
+ 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"] }]
5994
+ }], ctorParameters: function () { return []; }, propDecorators: { checkbox: [{
5995
+ type: ViewChild,
5996
+ args: ['checkbox']
5997
+ }], type: [{
5998
+ type: Input
5999
+ }], change: [{
5616
6000
  type: Output
5617
6001
  }], isToggledChange: [{
5618
6002
  type: Output
@@ -5620,24 +6004,156 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
5620
6004
  type: Input
5621
6005
  }], disabled: [{
5622
6006
  type: Input
6007
+ }], name: [{
6008
+ type: Input
6009
+ }], value: [{
6010
+ type: Input
6011
+ }], group: [{
6012
+ type: Input
6013
+ }] } });
6014
+
6015
+ class BsToggleButtonGroupDirective {
6016
+ constructor() { }
6017
+ }
6018
+ BsToggleButtonGroupDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsToggleButtonGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
6019
+ 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 });
6020
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsToggleButtonGroupDirective, decorators: [{
6021
+ type: Directive,
6022
+ args: [{
6023
+ selector: '[bsToggleButtonGroup]',
6024
+ exportAs: 'bsToggleButtonGroup'
6025
+ }]
6026
+ }], ctorParameters: function () { return []; }, propDecorators: { toggleButtons: [{
6027
+ type: ContentChildren,
6028
+ args: [BsToggleButtonComponent, { descendants: true }]
5623
6029
  }] } });
5624
6030
 
6031
+ class BsToggleButtonValueAccessor {
6032
+ constructor(host) {
6033
+ this.host = host;
6034
+ this.destroyed$ = new Subject();
6035
+ }
6036
+ //#region Lifecycle hooks
6037
+ ngAfterViewInit() {
6038
+ fromEvent(this.host.checkbox.nativeElement, 'change')
6039
+ .pipe(takeUntil(this.destroyed$))
6040
+ .subscribe((ev) => {
6041
+ if (this.onValueChange && this.host.checkbox) {
6042
+ const isChecked = ev.target.checked;
6043
+ switch (this.host.type) {
6044
+ case 'radio':
6045
+ case 'radio_toggle_button':
6046
+ if (isChecked) {
6047
+ this.onValueChange(this.host.checkbox.nativeElement.value);
6048
+ }
6049
+ break;
6050
+ default:
6051
+ if (this.host['group']) {
6052
+ const group = this.host['group'];
6053
+ const itemValue = this.host.checkbox.nativeElement.value;
6054
+ const result = group.toggleButtons
6055
+ .map(tb => ({ value: tb.value, checked: tb.checkbox.nativeElement.checked }))
6056
+ .filter(tb => !!tb.value && tb.checked)
6057
+ .map(tb => tb.value);
6058
+ if (this.host.checkbox.nativeElement.checked) {
6059
+ if (!result.includes(itemValue)) {
6060
+ result.push(itemValue);
6061
+ }
6062
+ }
6063
+ else {
6064
+ if (result.includes(itemValue)) {
6065
+ result.splice(result.indexOf(itemValue), 1);
6066
+ }
6067
+ }
6068
+ this.onValueChange(result);
6069
+ }
6070
+ else {
6071
+ this.onValueChange(isChecked);
6072
+ }
6073
+ break;
6074
+ }
6075
+ }
6076
+ });
6077
+ }
6078
+ ngOnDestroy() {
6079
+ this.destroyed$.next(true);
6080
+ }
6081
+ //#endregion
6082
+ //#region ControlValueAccessor implementation
6083
+ registerOnChange(fn) {
6084
+ this.onValueChange = fn;
6085
+ }
6086
+ registerOnTouched(fn) {
6087
+ this.onTouched = fn;
6088
+ }
6089
+ writeValue(value) {
6090
+ if (this.host.checkbox) {
6091
+ switch (this.host.type) {
6092
+ case 'radio':
6093
+ case 'radio_toggle_button':
6094
+ if (value === this.host.value) {
6095
+ this.host.checkbox.nativeElement.checked = true;
6096
+ }
6097
+ break;
6098
+ default:
6099
+ if (this.host.group) {
6100
+ this.host.checkbox.nativeElement.checked = value.includes(this.host.value);
6101
+ }
6102
+ else {
6103
+ this.host.checkbox.nativeElement.checked = value;
6104
+ }
6105
+ break;
6106
+ }
6107
+ }
6108
+ }
6109
+ setDisabledState(isDisabled) {
6110
+ if (this.host.checkbox) {
6111
+ this.host.checkbox.nativeElement.disabled = isDisabled;
6112
+ }
6113
+ }
6114
+ }
6115
+ BsToggleButtonValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsToggleButtonValueAccessor, deps: [{ token: BsToggleButtonComponent }], target: i0.ɵɵFactoryTarget.Directive });
6116
+ BsToggleButtonValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: BsToggleButtonValueAccessor, selector: "bs-toggle-button", providers: [{
6117
+ provide: NG_VALUE_ACCESSOR,
6118
+ useExisting: forwardRef(() => BsToggleButtonValueAccessor),
6119
+ multi: true,
6120
+ }], ngImport: i0 });
6121
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsToggleButtonValueAccessor, decorators: [{
6122
+ type: Directive,
6123
+ args: [{
6124
+ selector: 'bs-toggle-button',
6125
+ providers: [{
6126
+ provide: NG_VALUE_ACCESSOR,
6127
+ useExisting: forwardRef(() => BsToggleButtonValueAccessor),
6128
+ multi: true,
6129
+ }],
6130
+ }]
6131
+ }], ctorParameters: function () { return [{ type: BsToggleButtonComponent }]; } });
6132
+
5625
6133
  class BsToggleButtonModule {
5626
6134
  }
5627
6135
  BsToggleButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsToggleButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
5628
- BsToggleButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: BsToggleButtonModule, declarations: [BsToggleButtonComponent], imports: [CommonModule], exports: [BsToggleButtonComponent] });
6136
+ BsToggleButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: BsToggleButtonModule, declarations: [BsToggleButtonComponent,
6137
+ BsToggleButtonValueAccessor,
6138
+ BsToggleButtonGroupDirective], imports: [CommonModule], exports: [BsToggleButtonComponent,
6139
+ BsToggleButtonValueAccessor,
6140
+ BsToggleButtonGroupDirective] });
5629
6141
  BsToggleButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsToggleButtonModule, imports: [CommonModule] });
5630
6142
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsToggleButtonModule, decorators: [{
5631
6143
  type: NgModule,
5632
6144
  args: [{
5633
6145
  declarations: [
5634
- BsToggleButtonComponent
6146
+ BsToggleButtonComponent,
6147
+ BsToggleButtonValueAccessor,
6148
+ BsToggleButtonGroupDirective
5635
6149
  ],
5636
6150
  imports: [
5637
6151
  CommonModule
5638
6152
  ],
5639
6153
  exports: [
5640
- BsToggleButtonComponent
6154
+ BsToggleButtonComponent,
6155
+ BsToggleButtonValueAccessor,
6156
+ BsToggleButtonGroupDirective
5641
6157
  ]
5642
6158
  }]
5643
6159
  }] });
@@ -5959,5 +6475,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
5959
6475
  * Generated bundle index. Do not edit.
5960
6476
  */
5961
6477
 
5962
- 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 };
6478
+ 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 };
5963
6479
  //# sourceMappingURL=mintplayer-ng-bootstrap.mjs.map