@mintplayer/ng-bootstrap 18.2.0 → 18.2.2

package/fesm2022/mintplayer-ng-bootstrap-progress-bar.mjs

@@ -12,10 +12,10 @@ class BsProgressComponent {
         this.isIndeterminate = false;
         this.progressClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: BsProgressComponent, selector: "bs-progress", inputs: { height: "height", isIndeterminate: "isIndeterminate" }, host: { properties: { "style.height.px": "this.height", "class.d-block": "this.progressClass", "class.overflow-hidden": "this.progressClass" } }, ngImport: i0, template: "<div class=\"progress\">\n    @if (isIndeterminate) {\n        <div class=\"progress-bar progress-bar-infinite bg-primary\" role=\"progressbar\" aria-valuenow=\"infinite\"></div>\n    } @else {\n        <ng-content></ng-content>\n    }\n</div>", styles: ["@keyframes progress-bar-stripes{0%{background-position-x:1rem}}:host .progress,:host .progress-stacked{--bs-progress-height: 1rem;--bs-progress-font-size: .75rem;--bs-progress-bg: var(--bs-secondary-bg);--bs-progress-border-radius: var(--bs-border-radius);--bs-progress-box-shadow: var(--bs-box-shadow-inset);--bs-progress-bar-color: #fff;--bs-progress-bar-bg: #0d6efd;--bs-progress-bar-transition: width .6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}:host .progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion: reduce){:host .progress-bar{transition:none}}:host .progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}:host .progress-stacked>.progress{overflow:visible}:host .progress-stacked>.progress>.progress-bar{width:100%}:host .progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion: reduce){:host .progress-bar-animated{animation:none}}:host .progress-bar-infinite{animation:progress-infinite 1.5s infinite}@keyframes progress-infinite{0%{width:10%;margin-left:0%}25%{width:70%;margin-left:15%}50%{width:10%;margin-left:90%}75%{width:70%;margin-left:15%}to{width:10%;margin-left:0%}}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: BsProgressComponent, selector: "bs-progress", inputs: { height: "height", isIndeterminate: "isIndeterminate" }, host: { properties: { "style.height.px": "this.height", "class.d-block": "this.progressClass", "class.overflow-hidden": "this.progressClass" } }, ngImport: i0, template: "<div class=\"progress\">\n    @if (isIndeterminate) {\n        <div class=\"progress-bar progress-bar-infinite bg-primary\" role=\"progressbar\" aria-valuenow=\"infinite\"></div>\n    } @else {\n        <ng-content></ng-content>\n    }\n</div>", styles: ["@keyframes progress-bar-stripes{0%{background-position-x:1rem}}:host .progress,:host .progress-stacked{--bs-progress-height: 1rem;--bs-progress-font-size: .75rem;--bs-progress-bg: var(--bs-secondary-bg);--bs-progress-border-radius: var(--bs-border-radius);--bs-progress-box-shadow: var(--bs-box-shadow-inset);--bs-progress-bar-color: #fff;--bs-progress-bar-bg: #0d6efd;--bs-progress-bar-transition: width .6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}:host .progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion: reduce){:host .progress-bar{transition:none}}:host .progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}:host .progress-stacked>.progress{overflow:visible}:host .progress-stacked>.progress>.progress-bar{width:100%}:host .progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion: reduce){:host .progress-bar-animated{animation:none}}:host .progress-bar-infinite{animation:progress-infinite 1.5s infinite}@keyframes progress-infinite{0%{width:10%;margin-left:0%}25%{width:70%;margin-left:15%}50%{width:10%;margin-left:90%}75%{width:70%;margin-left:15%}to{width:10%;margin-left:0%}}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsProgressComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsProgressComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bs-progress', template: "<div class=\"progress\">\n    @if (isIndeterminate) {\n        <div class=\"progress-bar progress-bar-infinite bg-primary\" role=\"progressbar\" aria-valuenow=\"infinite\"></div>\n    } @else {\n        <ng-content></ng-content>\n    }\n</div>", styles: ["@keyframes progress-bar-stripes{0%{background-position-x:1rem}}:host .progress,:host .progress-stacked{--bs-progress-height: 1rem;--bs-progress-font-size: .75rem;--bs-progress-bg: var(--bs-secondary-bg);--bs-progress-border-radius: var(--bs-border-radius);--bs-progress-box-shadow: var(--bs-box-shadow-inset);--bs-progress-bar-color: #fff;--bs-progress-bar-bg: #0d6efd;--bs-progress-bar-transition: width .6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}:host .progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion: reduce){:host .progress-bar{transition:none}}:host .progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}:host .progress-stacked>.progress{overflow:visible}:host .progress-stacked>.progress>.progress-bar{width:100%}:host .progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion: reduce){:host .progress-bar-animated{animation:none}}:host .progress-bar-infinite{animation:progress-infinite 1.5s infinite}@keyframes progress-infinite{0%{width:10%;margin-left:0%}25%{width:70%;margin-left:15%}50%{width:10%;margin-left:90%}75%{width:70%;margin-left:15%}to{width:10%;margin-left:0%}}\n"] }]
         }], propDecorators: { height: [{
@@ -84,10 +84,10 @@ class BsProgressBarComponent {
     set color(value) {
         this.color$.next(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: BsProgressBarComponent, selector: "bs-progress-bar", inputs: { minimum: "minimum", maximum: "maximum", value: "value", color: "color", striped: "striped", animated: "animated" }, host: { properties: { "class.progress-bar-striped": "this.striped", "class.progress-bar-animated": "this.animated", "class.progress-bar": "this.progressBar", "class": "this.colorClass", "style.width": "this.widthStyle", "attr.role": "this.role", "attr.aria-valuenow": "this.valueNow", "attr.aria-valuemin": "this.valueMin", "attr.aria-valuemax": "this.valueMax" } }, ngImport: i0, template: "", styles: ["@keyframes progress-bar-stripes{0%{background-position-x:1rem}}:host ::ng-deep .progress,:host ::ng-deep .progress-stacked{--bs-progress-height: 1rem;--bs-progress-font-size: .75rem;--bs-progress-bg: var(--bs-secondary-bg);--bs-progress-border-radius: var(--bs-border-radius);--bs-progress-box-shadow: var(--bs-box-shadow-inset);--bs-progress-bar-color: #fff;--bs-progress-bar-bg: #0d6efd;--bs-progress-bar-transition: width .6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}:host ::ng-deep .progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion: reduce){:host ::ng-deep .progress-bar{transition:none}}:host ::ng-deep .progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}:host ::ng-deep .progress-stacked>.progress{overflow:visible}:host ::ng-deep .progress-stacked>.progress>.progress-bar{width:100%}:host ::ng-deep .progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion: reduce){:host ::ng-deep .progress-bar-animated{animation:none}}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: BsProgressBarComponent, selector: "bs-progress-bar", inputs: { minimum: "minimum", maximum: "maximum", value: "value", color: "color", striped: "striped", animated: "animated" }, host: { properties: { "class.progress-bar-striped": "this.striped", "class.progress-bar-animated": "this.animated", "class.progress-bar": "this.progressBar", "class": "this.colorClass", "style.width": "this.widthStyle", "attr.role": "this.role", "attr.aria-valuenow": "this.valueNow", "attr.aria-valuemin": "this.valueMin", "attr.aria-valuemax": "this.valueMax" } }, ngImport: i0, template: "", styles: ["@keyframes progress-bar-stripes{0%{background-position-x:1rem}}:host ::ng-deep .progress,:host ::ng-deep .progress-stacked{--bs-progress-height: 1rem;--bs-progress-font-size: .75rem;--bs-progress-bg: var(--bs-secondary-bg);--bs-progress-border-radius: var(--bs-border-radius);--bs-progress-box-shadow: var(--bs-box-shadow-inset);--bs-progress-bar-color: #fff;--bs-progress-bar-bg: #0d6efd;--bs-progress-bar-transition: width .6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}:host ::ng-deep .progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion: reduce){:host ::ng-deep .progress-bar{transition:none}}:host ::ng-deep .progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}:host ::ng-deep .progress-stacked>.progress{overflow:visible}:host ::ng-deep .progress-stacked>.progress>.progress-bar{width:100%}:host ::ng-deep .progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion: reduce){:host ::ng-deep .progress-bar-animated{animation:none}}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsProgressBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsProgressBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bs-progress-bar', template: "", styles: ["@keyframes progress-bar-stripes{0%{background-position-x:1rem}}:host ::ng-deep .progress,:host ::ng-deep .progress-stacked{--bs-progress-height: 1rem;--bs-progress-font-size: .75rem;--bs-progress-bg: var(--bs-secondary-bg);--bs-progress-border-radius: var(--bs-border-radius);--bs-progress-box-shadow: var(--bs-box-shadow-inset);--bs-progress-bar-color: #fff;--bs-progress-bar-bg: #0d6efd;--bs-progress-bar-transition: width .6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}:host ::ng-deep .progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion: reduce){:host ::ng-deep .progress-bar{transition:none}}:host ::ng-deep .progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}:host ::ng-deep .progress-stacked>.progress{overflow:visible}:host ::ng-deep .progress-stacked>.progress>.progress-bar{width:100%}:host ::ng-deep .progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion: reduce){:host ::ng-deep .progress-bar-animated{animation:none}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { minimum: [{
@@ -132,13 +132,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
             }] } });
 
 class BsProgressBarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: BsProgressBarModule, declarations: [BsProgressBarComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: BsProgressBarModule, declarations: [BsProgressBarComponent,
             BsProgressComponent], imports: [CommonModule], exports: [BsProgressBarComponent,
             BsProgressComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsProgressBarModule, imports: [CommonModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsProgressBarModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsProgressBarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsProgressBarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/fesm2022/mintplayer-ng-bootstrap-range.mjs

@@ -11,10 +11,10 @@ class BsRangeComponent {
         this.max = 10;
         this.step = 1;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: BsRangeComponent, selector: "bs-range", inputs: { min: "min", max: "max", step: "step" }, viewQueries: [{ propertyName: "slider", first: true, predicate: ["slider"], descendants: true }], ngImport: i0, template: "<input #slider type=\"range\" [min]=\"min\" [max]=\"max\" [step]=\"step\" class=\"form-range\">\n", styles: [":host ::ng-deep .form-range{width:100%;height:1.5rem;padding:0;appearance:none;background-color:transparent}: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;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion: reduce){:host ::ng-deep .form-range::-webkit-slider-thumb{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:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}:host ::ng-deep .form-range::-moz-range-thumb{width:1rem;height:1rem;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion: reduce){:host ::ng-deep .form-range::-moz-range-thumb{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:var(--bs-secondary-bg);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:var(--bs-secondary-color)}:host ::ng-deep .form-range:disabled::-moz-range-thumb{background-color:var(--bs-secondary-color)}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: BsRangeComponent, selector: "bs-range", inputs: { min: "min", max: "max", step: "step" }, viewQueries: [{ propertyName: "slider", first: true, predicate: ["slider"], descendants: true }], ngImport: i0, template: "<input #slider type=\"range\" [min]=\"min\" [max]=\"max\" [step]=\"step\" class=\"form-range\">\n", styles: [":host ::ng-deep .form-range{width:100%;height:1.5rem;padding:0;appearance:none;background-color:transparent}: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;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion: reduce){:host ::ng-deep .form-range::-webkit-slider-thumb{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:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}:host ::ng-deep .form-range::-moz-range-thumb{width:1rem;height:1rem;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion: reduce){:host ::ng-deep .form-range::-moz-range-thumb{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:var(--bs-secondary-bg);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:var(--bs-secondary-color)}:host ::ng-deep .form-range:disabled::-moz-range-thumb{background-color:var(--bs-secondary-color)}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsRangeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsRangeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bs-range', template: "<input #slider type=\"range\" [min]=\"min\" [max]=\"max\" [step]=\"step\" class=\"form-range\">\n", styles: [":host ::ng-deep .form-range{width:100%;height:1.5rem;padding:0;appearance:none;background-color:transparent}: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;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion: reduce){:host ::ng-deep .form-range::-webkit-slider-thumb{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:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}:host ::ng-deep .form-range::-moz-range-thumb{width:1rem;height:1rem;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion: reduce){:host ::ng-deep .form-range::-moz-range-thumb{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:var(--bs-secondary-bg);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:var(--bs-secondary-color)}:host ::ng-deep .form-range:disabled::-moz-range-thumb{background-color:var(--bs-secondary-color)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { slider: [{
@@ -60,14 +60,14 @@ class BsRangeValueAccessor {
             this.host.slider.nativeElement.disabled = isDisabled;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsRangeValueAccessor, deps: [{ token: BsRangeComponent }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: BsRangeValueAccessor, selector: "bs-range", providers: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsRangeValueAccessor, deps: [{ token: BsRangeComponent }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0", type: BsRangeValueAccessor, selector: "bs-range", providers: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BsRangeValueAccessor),
                 multi: true,
             }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsRangeValueAccessor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsRangeValueAccessor, decorators: [{
             type: Directive,
             args: [{
                     selector: 'bs-range',
@@ -80,11 +80,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
         }], ctorParameters: () => [{ type: BsRangeComponent }, { type: i0.DestroyRef }] });
 
 class BsRangeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsRangeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: BsRangeModule, declarations: [BsRangeComponent, BsRangeValueAccessor], imports: [CommonModule], exports: [BsRangeComponent, BsRangeValueAccessor] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsRangeModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsRangeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: BsRangeModule, declarations: [BsRangeComponent, BsRangeValueAccessor], imports: [CommonModule], exports: [BsRangeComponent, BsRangeValueAccessor] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsRangeModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsRangeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsRangeModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [BsRangeComponent, BsRangeValueAccessor],

package/fesm2022/mintplayer-ng-bootstrap-rating.mjs

@@ -49,10 +49,10 @@ class BsRatingComponent {
     onMouseLeave() {
         this.previewValue$.next(null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsRatingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: BsRatingComponent, isStandalone: true, selector: "bs-rating", inputs: { maximum: "maximum", value: "value" }, outputs: { valueChange: "valueChange", starsChange: "starsChange" }, host: { listeners: { "mouseleave": "onMouseLeave()" } }, ngImport: i0, template: "@for (star of (stars$ | async); let i = $index; track i) {\n    <span class=\"cursor-pointer\" (mouseenter)=\"hoverValue(i)\" (click)=\"selectValue(i)\">\n        {{ star ? '&#9733;' : '&#9734;' }}\n    </span>\n}", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsRatingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: BsRatingComponent, isStandalone: true, selector: "bs-rating", inputs: { maximum: "maximum", value: "value" }, outputs: { valueChange: "valueChange", starsChange: "starsChange" }, host: { listeners: { "mouseleave": "onMouseLeave()" } }, ngImport: i0, template: "@for (star of (stars$ | async); let i = $index; track i) {\n    <span class=\"cursor-pointer\" (mouseenter)=\"hoverValue(i)\" (click)=\"selectValue(i)\">\n        {{ star ? '&#9733;' : '&#9734;' }}\n    </span>\n}", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsRatingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsRatingComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bs-rating', standalone: true, imports: [AsyncPipe], template: "@for (star of (stars$ | async); let i = $index; track i) {\n    <span class=\"cursor-pointer\" (mouseenter)=\"hoverValue(i)\" (click)=\"selectValue(i)\">\n        {{ star ? '&#9733;' : '&#9734;' }}\n    </span>\n}" }]
         }], ctorParameters: () => [], propDecorators: { maximum: [{

package/fesm2022/mintplayer-ng-bootstrap-resizable.mjs

@@ -181,10 +181,10 @@ class BsResizeGlyphDirective {
         this.resizable.resizeAction = undefined;
         this.activeClass = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsResizeGlyphDirective, deps: [{ token: RESIZABLE }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: BsResizeGlyphDirective, selector: "[bsResizeGlyph]", inputs: { bsResizeGlyph: "bsResizeGlyph" }, host: { listeners: { "mousedown": "onMouseDown($event)", "touchstart": "onTouchStart($event)", "document:mousemove": "onMouseMove($event)", "touchmove": "onTouchMove($event)", "document:mouseup": "onMouseUp($event)", "touchend": "onTouchEnd($event)" }, properties: { "class": "this.positions", "class.glyph": "this.glyphClass", "class.active": "this.activeClass" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsResizeGlyphDirective, deps: [{ token: RESIZABLE }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0", type: BsResizeGlyphDirective, selector: "[bsResizeGlyph]", inputs: { bsResizeGlyph: "bsResizeGlyph" }, host: { listeners: { "mousedown": "onMouseDown($event)", "touchstart": "onTouchStart($event)", "document:mousemove": "onMouseMove($event)", "touchmove": "onTouchMove($event)", "document:mouseup": "onMouseUp($event)", "touchend": "onTouchEnd($event)" }, properties: { "class": "this.positions", "class.glyph": "this.glyphClass", "class.active": "this.activeClass" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsResizeGlyphDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsResizeGlyphDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[bsResizeGlyph]'
@@ -262,12 +262,12 @@ class BsResizableComponent {
         this.top = value.top;
         this.marginTop = this.marginBottom = this.marginLeft = this.marginRight = undefined;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsResizableComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: BsResizableComponent, selector: "bs-resizable", inputs: { positioning: "positioning", presetPosition: "presetPosition" }, host: { properties: { "style.margin-left.px": "this.marginLeft", "style.margin-right.px": "this.marginRight", "style.margin-top.px": "this.marginTop", "style.margin-bottom.px": "this.marginBottom", "style.width.px": "this.width", "style.height.px": "this.height", "style.left.px": "this.left", "style.top.px": "this.top", "class.d-block": "this.classes", "class.border": "this.classes", "class": "this.hostClass" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsResizableComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: BsResizableComponent, selector: "bs-resizable", inputs: { positioning: "positioning", presetPosition: "presetPosition" }, host: { properties: { "style.margin-left.px": "this.marginLeft", "style.margin-right.px": "this.marginRight", "style.margin-top.px": "this.marginTop", "style.margin-bottom.px": "this.marginBottom", "style.width.px": "this.width", "style.height.px": "this.height", "style.left.px": "this.left", "style.top.px": "this.top", "class.d-block": "this.classes", "class.border": "this.classes", "class": "this.hostClass" } }, providers: [
             { provide: RESIZABLE, useExisting: forwardRef(() => BsResizableComponent) }
         ], ngImport: i0, template: "<div [class]=\"wrapperPosition$ | async\" class=\"h-100\">\n    <div class=\"cursor-nw-resize\" [bsResizeGlyph]=\"['top', 'start']\"></div>\n    <div class=\"cursor-n-resize\" [bsResizeGlyph]=\"['top']\"></div>\n    <div class=\"cursor-ne-resize\" [bsResizeGlyph]=\"['top', 'end']\"></div>\n    <div class=\"cursor-e-resize\" [bsResizeGlyph]=\"['end']\"></div>\n    <div class=\"cursor-se-resize\" [bsResizeGlyph]=\"['bottom', 'end']\"></div>\n    <div class=\"cursor-s-resize\" [bsResizeGlyph]=\"['bottom']\"></div>\n    <div class=\"cursor-sw-resize\" [bsResizeGlyph]=\"['bottom', 'start']\"></div>\n    <div class=\"cursor-w-resize\" [bsResizeGlyph]=\"['start']\"></div>\n    <ng-content></ng-content>\n</div>", styles: [".glyph{position:absolute;width:14px;height:14px;z-index:20}.glyph:before{content:\"\";width:8px;height:8px;display:block;border-radius:4px;transition:background-color .2s ease-in-out}.glyph.top{top:-7px}.glyph.start{left:-7px}.glyph.bottom{bottom:-7px}.glyph.end{right:-7px}.glyph.start:not(.top):not(.bottom),.glyph.end:not(.top):not(.bottom){top:4px;height:calc(100% - 8px)}.glyph.start:not(.top):not(.bottom):before,.glyph.end:not(.top):not(.bottom):before{display:block;height:100%}.glyph.start:before,.glyph.end:before{margin-left:3px;margin-right:3px}.glyph.top:not(.start):not(.end),.glyph.bottom:not(.start):not(.end){left:4px;width:calc(100% - 8px)}.glyph.top:not(.start):not(.end):before,.glyph.bottom:not(.start):not(.end):before{display:block;width:100%}.glyph.top:before,.glyph.bottom:before{margin-top:3px;margin-bottom:3px}.glyph:hover:before,.glyph.active:before{background-color:#1389fd}:host{min-width:2rem;min-height:2rem}\n"], dependencies: [{ kind: "directive", type: BsResizeGlyphDirective, selector: "[bsResizeGlyph]", inputs: ["bsResizeGlyph"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsResizableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsResizableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bs-resizable', providers: [
                         { provide: RESIZABLE, useExisting: forwardRef(() => BsResizableComponent) }
@@ -312,13 +312,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
             }] } });
 
 class BsResizableModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsResizableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: BsResizableModule, declarations: [BsResizableComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsResizableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: BsResizableModule, declarations: [BsResizableComponent,
             BsResizeGlyphDirective], imports: [CommonModule], exports: [BsResizableComponent,
             BsResizeGlyphDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsResizableModule, imports: [CommonModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsResizableModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsResizableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsResizableModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/fesm2022/mintplayer-ng-bootstrap-scheduler.mjs

@@ -74,10 +74,10 @@ class BsTimelineService {
             return false;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsTimelineService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsTimelineService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsTimelineService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsTimelineService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsTimelineService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsTimelineService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -149,10 +149,10 @@ class ResourceGroupPresenterComponent {
     toggleExpanded() {
         this.isExpanded$.next(!this.isExpanded$.value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ResourceGroupPresenterComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: ResourceGroupPresenterComponent, selector: "bs-resource-group-presenter", inputs: { level: "level", resourceGroup: "resourceGroup", timeSlots: "timeSlots", isExpanded: "isExpanded" }, ngImport: i0, template: "@if (data$ | async; as data) {\n\n    <!-- Data is a resource group -->\n    @if (data.resourceGroup) {\n        <!-- Header -->\n        @if (timeSlots$ | async; as timeSlots) {\n            <tr class=\"p-0 cursor-pointer\" [title]=\"data.resourceGroup.description\">\n                @if (colSpan$ | async; as colspan) {\n                    <td class=\"p-2 cursor-pointer\" [colSpan]=\"colspan + 1\" (click)=\"toggleExpanded()\">\n                        <span class=\"p-2 align-middle position-sticky\">\n                            @if (isExpanded$ | async) {\n                                <span [innerHTML]=\"chevronDown\" [style.padding-left.px]=\"level * 20\"></span>\n                            } @else {\n                                <span [innerHTML]=\"chevronRight\" [style.padding-left.px]=\"level * 20\"></span>\n                            }\n                            {{ data.resourceGroup.description }}\n                        </span>\n                    </td>\n                }\n            </tr>\n        }\n\n        <!-- Subgroups or resources -->\n        @if (isExpanded$ | async) {\n            @if (timeSlots$ | async; as timeSlots) {\n                @for (child of data.resourceGroup.children; track child) {\n                    <bs-resource-group-presenter [resourceGroup]=\"child\" [timeSlots]=\"timeSlots\" [level]=\"level + 1\"></bs-resource-group-presenter>\n                }\n            }\n        }\n    }\n\n    <!-- Data is a resource -->\n    @if (data.resource) {\n        <tr class=\"p-0 bordered\" [title]=\"data.resource.description\">\n            <td class=\"p-0 bg-white\">\n                <div class=\"p-2\">{{ data.resource.description }}</div>\n            </td>\n            @for (slots of (timeSlots$ | async); track $index) {\n                @for (slot of slots.slots; track slot) {\n                    <td class=\"bg-white border-1\">\n                        <!-- {{ slot.start | date: 'dd/MM/yyyy HH:mm:ss' }} -->\n                    </td>\n                }\n            }\n        </tr>\n    }\n}", styles: [":host{display:contents}tr{border-bottom-width:1px}tr:not(.bordered) td span.position-sticky{left:0;right:0}\n"], dependencies: [{ kind: "component", type: ResourceGroupPresenterComponent, selector: "bs-resource-group-presenter", inputs: ["level", "resourceGroup", "timeSlots", "isExpanded"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ResourceGroupPresenterComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: ResourceGroupPresenterComponent, selector: "bs-resource-group-presenter", inputs: { level: "level", resourceGroup: "resourceGroup", timeSlots: "timeSlots", isExpanded: "isExpanded" }, ngImport: i0, template: "@if (data$ | async; as data) {\n\n    <!-- Data is a resource group -->\n    @if (data.resourceGroup) {\n        <!-- Header -->\n        @if (timeSlots$ | async; as timeSlots) {\n            <tr class=\"p-0 cursor-pointer\" [title]=\"data.resourceGroup.description\">\n                @if (colSpan$ | async; as colspan) {\n                    <td class=\"p-2 cursor-pointer\" [colSpan]=\"colspan + 1\" (click)=\"toggleExpanded()\">\n                        <span class=\"p-2 align-middle position-sticky\">\n                            @if (isExpanded$ | async) {\n                                <span [innerHTML]=\"chevronDown\" [style.padding-left.px]=\"level * 20\"></span>\n                            } @else {\n                                <span [innerHTML]=\"chevronRight\" [style.padding-left.px]=\"level * 20\"></span>\n                            }\n                            {{ data.resourceGroup.description }}\n                        </span>\n                    </td>\n                }\n            </tr>\n        }\n\n        <!-- Subgroups or resources -->\n        @if (isExpanded$ | async) {\n            @if (timeSlots$ | async; as timeSlots) {\n                @for (child of data.resourceGroup.children; track child) {\n                    <bs-resource-group-presenter [resourceGroup]=\"child\" [timeSlots]=\"timeSlots\" [level]=\"level + 1\"></bs-resource-group-presenter>\n                }\n            }\n        }\n    }\n\n    <!-- Data is a resource -->\n    @if (data.resource) {\n        <tr class=\"p-0 bordered\" [title]=\"data.resource.description\">\n            <td class=\"p-0 bg-white\">\n                <div class=\"p-2\">{{ data.resource.description }}</div>\n            </td>\n            @for (slots of (timeSlots$ | async); track $index) {\n                @for (slot of slots.slots; track slot) {\n                    <td class=\"bg-white border-1\">\n                        <!-- {{ slot.start | date: 'dd/MM/yyyy HH:mm:ss' }} -->\n                    </td>\n                }\n            }\n        </tr>\n    }\n}", styles: [":host{display:contents}tr{border-bottom-width:1px}tr:not(.bordered) td span.position-sticky{left:0;right:0}\n"], dependencies: [{ kind: "component", type: ResourceGroupPresenterComponent, selector: "bs-resource-group-presenter", inputs: ["level", "resourceGroup", "timeSlots", "isExpanded"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ResourceGroupPresenterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ResourceGroupPresenterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bs-resource-group-presenter', template: "@if (data$ | async; as data) {\n\n    <!-- Data is a resource group -->\n    @if (data.resourceGroup) {\n        <!-- Header -->\n        @if (timeSlots$ | async; as timeSlots) {\n            <tr class=\"p-0 cursor-pointer\" [title]=\"data.resourceGroup.description\">\n                @if (colSpan$ | async; as colspan) {\n                    <td class=\"p-2 cursor-pointer\" [colSpan]=\"colspan + 1\" (click)=\"toggleExpanded()\">\n                        <span class=\"p-2 align-middle position-sticky\">\n                            @if (isExpanded$ | async) {\n                                <span [innerHTML]=\"chevronDown\" [style.padding-left.px]=\"level * 20\"></span>\n                            } @else {\n                                <span [innerHTML]=\"chevronRight\" [style.padding-left.px]=\"level * 20\"></span>\n                            }\n                            {{ data.resourceGroup.description }}\n                        </span>\n                    </td>\n                }\n            </tr>\n        }\n\n        <!-- Subgroups or resources -->\n        @if (isExpanded$ | async) {\n            @if (timeSlots$ | async; as timeSlots) {\n                @for (child of data.resourceGroup.children; track child) {\n                    <bs-resource-group-presenter [resourceGroup]=\"child\" [timeSlots]=\"timeSlots\" [level]=\"level + 1\"></bs-resource-group-presenter>\n                }\n            }\n        }\n    }\n\n    <!-- Data is a resource -->\n    @if (data.resource) {\n        <tr class=\"p-0 bordered\" [title]=\"data.resource.description\">\n            <td class=\"p-0 bg-white\">\n                <div class=\"p-2\">{{ data.resource.description }}</div>\n            </td>\n            @for (slots of (timeSlots$ | async); track $index) {\n                @for (slot of slots.slots; track slot) {\n                    <td class=\"bg-white border-1\">\n                        <!-- {{ slot.start | date: 'dd/MM/yyyy HH:mm:ss' }} -->\n                    </td>\n                }\n            }\n        </tr>\n    }\n}", styles: [":host{display:contents}tr{border-bottom-width:1px}tr:not(.bordered) td span.position-sticky{left:0;right:0}\n"] }]
         }], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { level: [{
@@ -169,10 +169,10 @@ class BsSecondsTimespanPipe {
     transform(value) {
         return (value.end.getTime() - value.start.getTime()) / 1000;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsSecondsTimespanPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: BsSecondsTimespanPipe, name: "bsSecondsTimespan" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsSecondsTimespanPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: BsSecondsTimespanPipe, name: "bsSecondsTimespan" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsSecondsTimespanPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsSecondsTimespanPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'bsSecondsTimespan'
@@ -187,10 +187,10 @@ class BsSecondsTodayOffsetPipe {
         today.setSeconds(0);
         return (value.start.getTime() - today.getTime()) / 1000;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsSecondsTodayOffsetPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: BsSecondsTodayOffsetPipe, name: "bsSecondsTodayOffset" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsSecondsTodayOffsetPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: BsSecondsTodayOffsetPipe, name: "bsSecondsTodayOffset" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsSecondsTodayOffsetPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsSecondsTodayOffsetPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'bsSecondsTodayOffset'
@@ -207,10 +207,10 @@ class DayOfWeekPipe {
             return dayOfWeek;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DayOfWeekPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: DayOfWeekPipe, name: "dayOfWeek" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: DayOfWeekPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: DayOfWeekPipe, name: "dayOfWeek" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DayOfWeekPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: DayOfWeekPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'dayOfWeek'
@@ -706,10 +706,10 @@ class BsSchedulerComponent {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsSchedulerComponent, deps: [{ token: i1.DomSanitizer }, { token: i2.BsCalendarMonthService }, { token: BsTimelineService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", 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: "@switch (mode$ | async) {\n    @case (modes.week) {\n        <div class=\"d-flex flex-column w-100 overflow-y-auto mb-0 week-schedule\" [style.max-height.px]=\"null\">\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                            <span [innerHTML]=\"chevronLeft\" class=\"px-0\"></span>\n                        </button>\n                        <button class=\"btn btn-default flex-end\" (click)=\"onNextWeekOrMonth()\">\n                            <span [innerHTML]=\"chevronRight\" class=\"px-0\"></span>\n                        </button>\n                    </div>\n                    @for (day of (shownDays$ | async); track day) {\n                        <div class=\"flex-grow-1 calendar-head-cell\">\n                            <span class=\"d-block col-form-label text-center text-nowrap\">\n                                <span>{{ day | date: 'dd-MM' }}</span><span class=\"d-none d-lg-inline-block\">-{{ day | date: 'yyyy' }}</span>\n                            </span>\n                        </div>\n                    }\n                </div>\n            </div>\n            <div class=\"calendar-body\" [style.height.px]=\"maxInnerHeight\">\n                @if (timeSlots$ | async; as row) {\n                    <div class=\"position-relative\">\n                        @if (weekOptions$ | async; as weekOptions) {\n                            <!-- Timeslots -->\n                            @for (timeslots of row; track timeslots; let i = $index) {\n                                <div 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                                    @for (slot of timeslots.slots; track slot.start; let j = $index) {\n                                        <div class=\"calendar-cell flex-grow-1\" #slot (mousedown)=\"onCreateEvent($event, slot)\" [attr.data-row]=\"i\" [attr.data-column]=\"j\"></div>\n                                    }\n                                </div>\n                            }\n            \n                            <!-- Events -->\n                            @if (timeSlotDuration$ | async; as timeSlotDuration) {\n                                @if (timelinedEventPartsForThisWeek$ | async; as partData) {\n                                    @for (eventPart of partData.parts; track eventPart) {\n                                        <div 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                                                @if (eventPart.part.start === eventPart.part.event?.start) {\n                                                    <div class=\"event-resize top\" (mousedown)=\"onStartResizeEvent(eventPart.part.event, 'top')\"></div>\n                                                }\n                                                <div class=\"event-border\"></div>\n                                                @if (eventPart.part.event) {\n                                                    <div class=\"event-wrapper\"\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                                                }\n                                                @if (eventPart.part.end === eventPart.part.event?.end) {\n                                                    <div class=\"event-resize bottom\" (mousedown)=\"onStartResizeEvent(eventPart.part.event, 'bottom')\"></div>\n                                                }\n                                            </div>\n                                        </div>\n                                    }\n                                }\n                                @if (previewEventPartsForThisWeek$ | async; as previewPartData) {\n                                    @for (eventPart of previewPartData; track eventPart) {\n                                        <div 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                                    }\n                                }\n                            }\n                        }\n                    </div>\n                }\n            </div>\n        </div>\n    }\n    @case (modes.timeline) {\n        <div class=\"d-flex flex-column-100 overflow-y-auto mb-0 bg-white timeline\">\n            <div class=\"calendar-head d-flex\">\n                <button class=\"btn flex-start\" (click)=\"onPreviousWeekOrMonth()\">\n                    <span [innerHTML]=\"chevronLeft\" class=\"px-0\"></span>\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                    <span [innerHTML]=\"chevronRight\" class=\"px-0\"></span>\n                </button>\n            </div>\n            \n            <div class=\"calendar-body table-responsive overflow-x-auto\">\n                <table class=\"table mb-0\">\n                    @if (timeSlots$ | async; as timeSlots) {\n                        <tr>\n                            <td></td>\n                            @for (day of timeSlots; track day) {\n                                <td [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                            }\n                        </tr>\n                        <tr>\n                            <td></td>\n                            @if (timelineOptions$ | async; as timelineOptions) {\n                                @for (day of timeSlots; track day) {\n                                    @for (slot of day.slots; track slot) {\n                                        <td>\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                                    }\n                                }\n                            }\n                        </tr>\n                        @for (group of (resources$ | async); track group) {\n                            <bs-resource-group-presenter [resourceGroup]=\"group\" [timeSlots]=\"timeSlots\"></bs-resource-group-presenter>\n                        }\n                    }\n                </table>\n            </div>\n        </div>\n    }\n}", 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:#000;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: "component", type: ResourceGroupPresenterComponent, selector: "bs-resource-group-presenter", inputs: ["level", "resourceGroup", "timeSlots", "isExpanded"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.DatePipe, name: "date" }, { kind: "pipe", type: BsSecondsTimespanPipe, name: "bsSecondsTimespan" }, { kind: "pipe", type: BsSecondsTodayOffsetPipe, name: "bsSecondsTodayOffset" }, { kind: "pipe", type: DayOfWeekPipe, name: "dayOfWeek" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsSchedulerComponent, deps: [{ token: i1.DomSanitizer }, { token: i2.BsCalendarMonthService }, { token: BsTimelineService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", 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: "@switch (mode$ | async) {\n    @case (modes.week) {\n        <div class=\"d-flex flex-column w-100 overflow-y-auto mb-0 week-schedule\" [style.max-height.px]=\"null\">\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                            <span [innerHTML]=\"chevronLeft\" class=\"px-0\"></span>\n                        </button>\n                        <button class=\"btn btn-default flex-end\" (click)=\"onNextWeekOrMonth()\">\n                            <span [innerHTML]=\"chevronRight\" class=\"px-0\"></span>\n                        </button>\n                    </div>\n                    @for (day of (shownDays$ | async); track day) {\n                        <div class=\"flex-grow-1 calendar-head-cell\">\n                            <span class=\"d-block col-form-label text-center text-nowrap\">\n                                <span>{{ day | date: 'dd-MM' }}</span><span class=\"d-none d-lg-inline-block\">-{{ day | date: 'yyyy' }}</span>\n                            </span>\n                        </div>\n                    }\n                </div>\n            </div>\n            <div class=\"calendar-body\" [style.height.px]=\"maxInnerHeight\">\n                @if (timeSlots$ | async; as row) {\n                    <div class=\"position-relative\">\n                        @if (weekOptions$ | async; as weekOptions) {\n                            <!-- Timeslots -->\n                            @for (timeslots of row; track timeslots; let i = $index) {\n                                <div 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                                    @for (slot of timeslots.slots; track slot.start; let j = $index) {\n                                        <div class=\"calendar-cell flex-grow-1\" #slot (mousedown)=\"onCreateEvent($event, slot)\" [attr.data-row]=\"i\" [attr.data-column]=\"j\"></div>\n                                    }\n                                </div>\n                            }\n            \n                            <!-- Events -->\n                            @if (timeSlotDuration$ | async; as timeSlotDuration) {\n                                @if (timelinedEventPartsForThisWeek$ | async; as partData) {\n                                    @for (eventPart of partData.parts; track eventPart) {\n                                        <div 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                                                @if (eventPart.part.start === eventPart.part.event?.start) {\n                                                    <div class=\"event-resize top\" (mousedown)=\"onStartResizeEvent(eventPart.part.event, 'top')\"></div>\n                                                }\n                                                <div class=\"event-border\"></div>\n                                                @if (eventPart.part.event) {\n                                                    <div class=\"event-wrapper\"\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                                                }\n                                                @if (eventPart.part.end === eventPart.part.event?.end) {\n                                                    <div class=\"event-resize bottom\" (mousedown)=\"onStartResizeEvent(eventPart.part.event, 'bottom')\"></div>\n                                                }\n                                            </div>\n                                        </div>\n                                    }\n                                }\n                                @if (previewEventPartsForThisWeek$ | async; as previewPartData) {\n                                    @for (eventPart of previewPartData; track eventPart) {\n                                        <div 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                                    }\n                                }\n                            }\n                        }\n                    </div>\n                }\n            </div>\n        </div>\n    }\n    @case (modes.timeline) {\n        <div class=\"d-flex flex-column-100 overflow-y-auto mb-0 bg-white timeline\">\n            <div class=\"calendar-head d-flex\">\n                <button class=\"btn flex-start\" (click)=\"onPreviousWeekOrMonth()\">\n                    <span [innerHTML]=\"chevronLeft\" class=\"px-0\"></span>\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                    <span [innerHTML]=\"chevronRight\" class=\"px-0\"></span>\n                </button>\n            </div>\n            \n            <div class=\"calendar-body table-responsive overflow-x-auto\">\n                <table class=\"table mb-0\">\n                    @if (timeSlots$ | async; as timeSlots) {\n                        <tr>\n                            <td></td>\n                            @for (day of timeSlots; track day) {\n                                <td [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                            }\n                        </tr>\n                        <tr>\n                            <td></td>\n                            @if (timelineOptions$ | async; as timelineOptions) {\n                                @for (day of timeSlots; track day) {\n                                    @for (slot of day.slots; track slot) {\n                                        <td>\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                                    }\n                                }\n                            }\n                        </tr>\n                        @for (group of (resources$ | async); track group) {\n                            <bs-resource-group-presenter [resourceGroup]=\"group\" [timeSlots]=\"timeSlots\"></bs-resource-group-presenter>\n                        }\n                    }\n                </table>\n            </div>\n        </div>\n    }\n}", 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:#000;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: "component", type: ResourceGroupPresenterComponent, selector: "bs-resource-group-presenter", inputs: ["level", "resourceGroup", "timeSlots", "isExpanded"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.DatePipe, name: "date" }, { kind: "pipe", type: BsSecondsTimespanPipe, name: "bsSecondsTimespan" }, { kind: "pipe", type: BsSecondsTodayOffsetPipe, name: "bsSecondsTodayOffset" }, { kind: "pipe", type: DayOfWeekPipe, name: "dayOfWeek" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsSchedulerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsSchedulerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bs-scheduler', template: "@switch (mode$ | async) {\n    @case (modes.week) {\n        <div class=\"d-flex flex-column w-100 overflow-y-auto mb-0 week-schedule\" [style.max-height.px]=\"null\">\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                            <span [innerHTML]=\"chevronLeft\" class=\"px-0\"></span>\n                        </button>\n                        <button class=\"btn btn-default flex-end\" (click)=\"onNextWeekOrMonth()\">\n                            <span [innerHTML]=\"chevronRight\" class=\"px-0\"></span>\n                        </button>\n                    </div>\n                    @for (day of (shownDays$ | async); track day) {\n                        <div class=\"flex-grow-1 calendar-head-cell\">\n                            <span class=\"d-block col-form-label text-center text-nowrap\">\n                                <span>{{ day | date: 'dd-MM' }}</span><span class=\"d-none d-lg-inline-block\">-{{ day | date: 'yyyy' }}</span>\n                            </span>\n                        </div>\n                    }\n                </div>\n            </div>\n            <div class=\"calendar-body\" [style.height.px]=\"maxInnerHeight\">\n                @if (timeSlots$ | async; as row) {\n                    <div class=\"position-relative\">\n                        @if (weekOptions$ | async; as weekOptions) {\n                            <!-- Timeslots -->\n                            @for (timeslots of row; track timeslots; let i = $index) {\n                                <div 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                                    @for (slot of timeslots.slots; track slot.start; let j = $index) {\n                                        <div class=\"calendar-cell flex-grow-1\" #slot (mousedown)=\"onCreateEvent($event, slot)\" [attr.data-row]=\"i\" [attr.data-column]=\"j\"></div>\n                                    }\n                                </div>\n                            }\n            \n                            <!-- Events -->\n                            @if (timeSlotDuration$ | async; as timeSlotDuration) {\n                                @if (timelinedEventPartsForThisWeek$ | async; as partData) {\n                                    @for (eventPart of partData.parts; track eventPart) {\n                                        <div 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                                                @if (eventPart.part.start === eventPart.part.event?.start) {\n                                                    <div class=\"event-resize top\" (mousedown)=\"onStartResizeEvent(eventPart.part.event, 'top')\"></div>\n                                                }\n                                                <div class=\"event-border\"></div>\n                                                @if (eventPart.part.event) {\n                                                    <div class=\"event-wrapper\"\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                                                }\n                                                @if (eventPart.part.end === eventPart.part.event?.end) {\n                                                    <div class=\"event-resize bottom\" (mousedown)=\"onStartResizeEvent(eventPart.part.event, 'bottom')\"></div>\n                                                }\n                                            </div>\n                                        </div>\n                                    }\n                                }\n                                @if (previewEventPartsForThisWeek$ | async; as previewPartData) {\n                                    @for (eventPart of previewPartData; track eventPart) {\n                                        <div 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                                    }\n                                }\n                            }\n                        }\n                    </div>\n                }\n            </div>\n        </div>\n    }\n    @case (modes.timeline) {\n        <div class=\"d-flex flex-column-100 overflow-y-auto mb-0 bg-white timeline\">\n            <div class=\"calendar-head d-flex\">\n                <button class=\"btn flex-start\" (click)=\"onPreviousWeekOrMonth()\">\n                    <span [innerHTML]=\"chevronLeft\" class=\"px-0\"></span>\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                    <span [innerHTML]=\"chevronRight\" class=\"px-0\"></span>\n                </button>\n            </div>\n            \n            <div class=\"calendar-body table-responsive overflow-x-auto\">\n                <table class=\"table mb-0\">\n                    @if (timeSlots$ | async; as timeSlots) {\n                        <tr>\n                            <td></td>\n                            @for (day of timeSlots; track day) {\n                                <td [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                            }\n                        </tr>\n                        <tr>\n                            <td></td>\n                            @if (timelineOptions$ | async; as timelineOptions) {\n                                @for (day of timeSlots; track day) {\n                                    @for (slot of day.slots; track slot) {\n                                        <td>\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                                    }\n                                }\n                            }\n                        </tr>\n                        @for (group of (resources$ | async); track group) {\n                            <bs-resource-group-presenter [resourceGroup]=\"group\" [timeSlots]=\"timeSlots\"></bs-resource-group-presenter>\n                        }\n                    }\n                </table>\n            </div>\n        </div>\n    }\n}", 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:#000;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"] }]
         }], ctorParameters: () => [{ type: i1.DomSanitizer }, { type: i2.BsCalendarMonthService }, { type: BsTimelineService }], propDecorators: { timeSlotElements: [{
@@ -759,10 +759,10 @@ class DateOffsetPipe {
         today.setSeconds(0);
         return (value.start.getTime() - today.getTime()) / 1000;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DateOffsetPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: DateOffsetPipe, name: "dateOffset" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: DateOffsetPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: DateOffsetPipe, name: "dateOffset" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DateOffsetPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: DateOffsetPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'dateOffset'
@@ -770,17 +770,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
         }] });
 
 class BsSchedulerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsSchedulerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: BsSchedulerModule, declarations: [BsSchedulerComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsSchedulerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: BsSchedulerModule, declarations: [BsSchedulerComponent,
             BsSecondsTimespanPipe,
             BsSecondsTodayOffsetPipe,
             DateOffsetPipe,
             DayOfWeekPipe,
             ResourceGroupPresenterComponent], imports: [CommonModule], exports: [BsSchedulerComponent,
             ResourceGroupPresenterComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsSchedulerModule, imports: [CommonModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsSchedulerModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsSchedulerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsSchedulerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/fesm2022/mintplayer-ng-bootstrap-scrollspy.mjs

@@ -20,10 +20,10 @@ class BsScrollOffsetService {
             return this.routerConfig.scrollOffset();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsScrollOffsetService, deps: [{ token: ROUTER_CONFIGURATION }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsScrollOffsetService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsScrollOffsetService, deps: [{ token: ROUTER_CONFIGURATION }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsScrollOffsetService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsScrollOffsetService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsScrollOffsetService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -37,10 +37,10 @@ class BsScrollspyDirective {
     constructor(element) {
         this.element = element;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsScrollspyDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: BsScrollspyDirective, selector: "[bsScrollspy]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsScrollspyDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0", type: BsScrollspyDirective, selector: "[bsScrollspy]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsScrollspyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsScrollspyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[bsScrollspy]'
@@ -105,10 +105,10 @@ class BsScrollspyComponent {
             window.scrollTo({ top: y, behavior: 'smooth' });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsScrollspyComponent, deps: [{ token: BsScrollOffsetService }, { token: DOCUMENT }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: BsScrollspyComponent, selector: "bs-scrollspy", host: { listeners: { "window:scroll": "onWindowScroll($event)" } }, queries: [{ propertyName: "directives", predicate: BsScrollspyDirective, descendants: true }], viewQueries: [{ propertyName: "anchors", predicate: ["anchor"], descendants: true }], ngImport: i0, template: "<div class=\"spy\">\n    <ul class=\"text-muted\">\n        @for (dir of directives; track dir; let i = $index) {\n            <li>\n                <span [attr.data-index]=\"i\" class=\"cursor-pointer\" [class]=\"'nav' + dir.element.nativeElement.tagName\" [class.fw-bold]=\"activeDirective?.element === dir.element\" (click)=\"scrollToHeader(dir)\" [title]=\"dir.element.nativeElement.textContent\" #anchor>\n                    {{ dir.element.nativeElement.textContent }}\n                </span>\n            </li>\n        }\n    </ul>\n</div>\n<div class=\"content\">\n    <ng-content></ng-content>\n</div>", styles: [":host{display:block}.spy>ul{list-style-type:none;padding-left:0}.spy>ul>li:hover{color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.spy>ul>li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 768px){:host{display:grid;grid-template-areas:\"content toc\";grid-template-columns:auto 200px;grid-template-rows:auto;gap:inherit;grid-area:main}.spy{position:sticky;top:5rem;right:0;z-index:2;height:calc(100vh - 7rem);overflow-y:auto;grid-area:toc}.spy>ul{padding-left:2rem}}.navH2{margin-left:20px}.navH3{margin-left:40px}.navH4{margin-left:60px}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsScrollspyComponent, deps: [{ token: BsScrollOffsetService }, { token: DOCUMENT }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: BsScrollspyComponent, selector: "bs-scrollspy", host: { listeners: { "window:scroll": "onWindowScroll($event)" } }, queries: [{ propertyName: "directives", predicate: BsScrollspyDirective, descendants: true }], viewQueries: [{ propertyName: "anchors", predicate: ["anchor"], descendants: true }], ngImport: i0, template: "<div class=\"spy\">\n    <ul class=\"text-muted\">\n        @for (dir of directives; track dir; let i = $index) {\n            <li>\n                <span [attr.data-index]=\"i\" class=\"cursor-pointer\" [class]=\"'nav' + dir.element.nativeElement.tagName\" [class.fw-bold]=\"activeDirective?.element === dir.element\" (click)=\"scrollToHeader(dir)\" [title]=\"dir.element.nativeElement.textContent\" #anchor>\n                    {{ dir.element.nativeElement.textContent }}\n                </span>\n            </li>\n        }\n    </ul>\n</div>\n<div class=\"content\">\n    <ng-content></ng-content>\n</div>", styles: [":host{display:block}.spy>ul{list-style-type:none;padding-left:0}.spy>ul>li:hover{color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.spy>ul>li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 768px){:host{display:grid;grid-template-areas:\"content toc\";grid-template-columns:auto 200px;grid-template-rows:auto;gap:inherit;grid-area:main}.spy{position:sticky;top:5rem;right:0;z-index:2;height:calc(100vh - 7rem);overflow-y:auto;grid-area:toc}.spy>ul{padding-left:2rem}}.navH2{margin-left:20px}.navH3{margin-left:40px}.navH4{margin-left:60px}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsScrollspyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsScrollspyComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bs-scrollspy', template: "<div class=\"spy\">\n    <ul class=\"text-muted\">\n        @for (dir of directives; track dir; let i = $index) {\n            <li>\n                <span [attr.data-index]=\"i\" class=\"cursor-pointer\" [class]=\"'nav' + dir.element.nativeElement.tagName\" [class.fw-bold]=\"activeDirective?.element === dir.element\" (click)=\"scrollToHeader(dir)\" [title]=\"dir.element.nativeElement.textContent\" #anchor>\n                    {{ dir.element.nativeElement.textContent }}\n                </span>\n            </li>\n        }\n    </ul>\n</div>\n<div class=\"content\">\n    <ng-content></ng-content>\n</div>", styles: [":host{display:block}.spy>ul{list-style-type:none;padding-left:0}.spy>ul>li:hover{color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.spy>ul>li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 768px){:host{display:grid;grid-template-areas:\"content toc\";grid-template-columns:auto 200px;grid-template-rows:auto;gap:inherit;grid-area:main}.spy{position:sticky;top:5rem;right:0;z-index:2;height:calc(100vh - 7rem);overflow-y:auto;grid-area:toc}.spy>ul{padding-left:2rem}}.navH2{margin-left:20px}.navH3{margin-left:40px}.navH4{margin-left:60px}\n"] }]
         }], ctorParameters: () => [{ type: BsScrollOffsetService }, { type: undefined, decorators: [{
@@ -126,13 +126,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
             }] } });
 
 class BsScrollspyModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsScrollspyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: BsScrollspyModule, declarations: [BsScrollspyComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsScrollspyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: BsScrollspyModule, declarations: [BsScrollspyComponent,
             BsScrollspyDirective], exports: [BsScrollspyComponent,
             BsScrollspyDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsScrollspyModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsScrollspyModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BsScrollspyModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BsScrollspyModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [