@mintplayer/ng-bootstrap 13.3.10 → 13.3.11

package/fesm2020/mintplayer-ng-bootstrap.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, ContentChildren, forwardRef, NgModule, Input, Injectable, Pipe, EventEmitter, Output, Directive, HostBinding, InjectionToken, Inject, HostListener, Injector, ViewChild, Host, SkipSelf, PLATFORM_ID, ContentChild, ViewChildren, Optional, TemplateRef } from '@angular/core';
+import { Component, ContentChildren, forwardRef, EventEmitter, Output, Input, NgModule, Injectable, Pipe, Directive, HostBinding, InjectionToken, Inject, HostListener, Injector, ViewChild, ElementRef, Host, SkipSelf, PLATFORM_ID, ContentChild, ViewChildren, Optional, TemplateRef } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule, DOCUMENT, isPlatformServer } from '@angular/common';
 import { SlideUpDownAnimation, FadeInOutAnimation, CarouselSlideAnimation, ColorTransitionAnimation } from '@mintplayer/ng-animations';
@@ -37,6 +37,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
 class BsAccordionComponent {
     constructor() {
         //#region ActiveTab
+        this.activeTabChange = new EventEmitter();
         this._activeTab = null;
     }
     get activeTab() {
@@ -50,16 +51,21 @@ class BsAccordionComponent {
                 acc.activeTab = null;
             });
         });
+        this.activeTabChange.emit(value);
     }
 }
 BsAccordionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: BsAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BsAccordionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: BsAccordionComponent, selector: "bs-accordion", queries: [{ propertyName: "tabPages", predicate: BsAccordionTabComponent }], ngImport: i0, template: "<ng-content></ng-content>", styles: [""] });
+BsAccordionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: BsAccordionComponent, selector: "bs-accordion", inputs: { activeTab: "activeTab" }, outputs: { activeTabChange: "activeTabChange" }, queries: [{ propertyName: "tabPages", predicate: BsAccordionTabComponent }], ngImport: i0, template: "<ng-content></ng-content>", styles: [""] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: BsAccordionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bs-accordion', template: "<ng-content></ng-content>", styles: [""] }]
         }], propDecorators: { tabPages: [{
                 type: ContentChildren,
                 args: [BsAccordionTabComponent]
+            }], activeTabChange: [{
+                type: Output
+            }], activeTab: [{
+                type: Input
             }] } });
 
 class BsAccordionTabHeaderComponent {
@@ -207,12 +213,10 @@ class BsCalendarMonthService {
             };
         });
         const weeks = this.chunk(allDays, 7);
-        const weeksMapped = weeks.map((w, i) => {
-            return {
-                number: this.weekOfYear(new Date(month.getFullYear(), month.getMonth(), w.find(d => d.isInMonth)?.dayOfMonth)),
-                days: w
-            };
-        });
+        const weeksMapped = weeks.map((w, i) => ({
+            number: this.weekOfYear(new Date(month.getFullYear(), month.getMonth(), w.find(d => d.isInMonth)?.dayOfMonth)),
+            days: w
+        }));
         return weeksMapped;
     }
     generateList(count) {
@@ -933,21 +937,34 @@ class BsContextMenuDirective {
         this.element.nativeElement.oncontextmenu = (ev) => {
             ev.preventDefault();
             this.checkAndCloseExisting(ev);
+            const target = {
+                getBoundingClientRect: () => {
+                    console.log('getBoundingClientRect', {
+                        clientX: ev.clientX,
+                        clientY: ev.clientY,
+                        scrollY: window.scrollY,
+                    });
+                    return ({
+                        width: 0,
+                        height: 0,
+                        top: ev.clientY + window.scrollY,
+                        left: ev.clientX,
+                        bottom: ev.clientY + window.scrollY,
+                        right: ev.clientX,
+                    });
+                },
+            };
+            const element = new ElementRef(target);
             this.overlayRef = this.overlay.create({
                 hasBackdrop: false,
                 scrollStrategy: this.overlay.scrollStrategies.reposition(),
                 positionStrategy: this.overlay.position()
-                    // .flexibleConnectedTo({ x: ev.x, y: ev.y })
-                    .flexibleConnectedTo(this.element)
+                    .flexibleConnectedTo(element)
                     .withPositions([
-                    // element: TopLeft - dropdown: TopLeft
-                    { originX: "start", originY: "top", overlayX: "start", overlayY: "top", offsetX: ev.offsetX, offsetY: ev.offsetY },
-                    // // element: TopLeft - dropdown: BottomLeft
-                    // { originX: "start", originY: "top", overlayX: "start", overlayY: "bottom", offsetX: ev.offsetX, offsetY: ev.offsetY },
-                    // // element: TopLeft - dropdown: TopRight
-                    // { originX: "start", originY: "top", overlayX: "end", overlayY: "top", offsetX: ev.offsetX, offsetY: ev.offsetY },
-                    // // element: TopLeft - dropdown: BottomRight
-                    // { originX: "start", originY: "top", overlayX: "end", overlayY: "bottom", offsetX: ev.offsetX, offsetY: ev.offsetY },
+                    { originX: "end", originY: "top", overlayX: "start", overlayY: "top" },
+                    { originX: "end", originY: "bottom", overlayX: "start", overlayY: "bottom" },
+                    { originX: "start", originY: "top", overlayX: "end", overlayY: "top" },
+                    { originX: "start", originY: "bottom", overlayX: "end", overlayY: "bottom" },
                 ])
             });
             this.templatePortal = new TemplatePortal(this.templateRef, this.viewContainerRef);
@@ -2272,9 +2289,7 @@ class BsSchedulerComponent {
             }
         }));
         this.daysOfWeekWithTimestamps$ = this.shownDays$
-            .pipe(map((shownDays) => {
-            return { start: shownDays[0].getTime(), end: shownDays[shownDays.length - 1].getTime() + 24 * 60 * 60 * 1000 };
-        }));
+            .pipe(map((shownDays) => ({ start: shownDays[0].getTime(), end: shownDays[shownDays.length - 1].getTime() + 24 * 60 * 60 * 1000 })));
         this.events$ = this.resources$
             .pipe(map((resourcesOrGroups) => resourcesOrGroups.map(resOrGroup => this.getResourcesForGroup(resOrGroup))))
             .pipe(map(jaggedResources => jaggedResources.reduce((flat, toFlatten) => flat.concat(toFlatten), [])))
@@ -2320,15 +2335,9 @@ class BsSchedulerComponent {
                 .filter((e) => !!e)
                 .map((e) => e);
             const timeline = this.timelineService.getTimeline(events);
-            const result = timeline.map(track => {
-                return track.events.map(ev => {
-                    return { event: ev, index: track.index };
-                });
-            })
+            const result = timeline.map(track => track.events.map(ev => ({ event: ev, index: track.index })))
                 .reduce((flat, toFlatten) => flat.concat(toFlatten), [])
-                .map((evi) => eventParts.filter(p => p.event === evi.event).map(p => {
-                return { part: p, index: evi.index };
-            }))
+                .map((evi) => eventParts.filter(p => p.event === evi.event).map(p => ({ part: p, index: evi.index })))
                 .reduce((flat, toFlatten) => flat.concat(toFlatten), []);
             return {
                 total: timeline.length,