monkey-front-core 0.0.174 → 0.0.175
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/core/directives/monkeyecx-popover.directive.mjs +24 -1
- package/fesm2015/monkey-front-core.mjs +23 -0
- package/fesm2015/monkey-front-core.mjs.map +1 -1
- package/fesm2020/monkey-front-core.mjs +23 -0
- package/fesm2020/monkey-front-core.mjs.map +1 -1
- package/monkey-front-core-0.0.175.tgz +0 -0
- package/package.json +1 -1
- package/monkey-front-core-0.0.174.tgz +0 -0
|
@@ -1908,6 +1908,8 @@ class MonkeyEcxPopoverDirective {
|
|
|
1908
1908
|
}
|
|
1909
1909
|
set popover(show) {
|
|
1910
1910
|
this._popover = show;
|
|
1911
|
+
console.log('show');
|
|
1912
|
+
console.log(show);
|
|
1911
1913
|
if (show) {
|
|
1912
1914
|
this.createPopover();
|
|
1913
1915
|
}
|
|
@@ -1987,17 +1989,23 @@ class MonkeyEcxPopoverDirective {
|
|
|
1987
1989
|
return [];
|
|
1988
1990
|
}
|
|
1989
1991
|
createPopover(origin, options) {
|
|
1992
|
+
console.log('1');
|
|
1990
1993
|
try {
|
|
1991
1994
|
this.templatePortal = new TemplatePortal(this.tpl, this._viewContainerRef);
|
|
1995
|
+
console.log('2');
|
|
1992
1996
|
this.positionStrategy = this.overlayPositionBuilder
|
|
1993
1997
|
.flexibleConnectedTo(origin || this.target)
|
|
1994
1998
|
.withPush(true)
|
|
1995
1999
|
.withGrowAfterOpen(true)
|
|
1996
2000
|
.withPositions(this.getDirPositions(options?.dir));
|
|
2001
|
+
console.log('3');
|
|
1997
2002
|
let width = 0;
|
|
1998
2003
|
if (this.options?.minwidth || this.minwidth) {
|
|
1999
2004
|
width = this.target.offsetWidth - 2;
|
|
2000
2005
|
}
|
|
2006
|
+
console.log('4');
|
|
2007
|
+
console.log('width');
|
|
2008
|
+
console.log(width);
|
|
2001
2009
|
this.overlayRef = this.overlay.create({
|
|
2002
2010
|
positionStrategy: this.positionStrategy,
|
|
2003
2011
|
disposeOnNavigation: true,
|
|
@@ -2009,22 +2017,34 @@ class MonkeyEcxPopoverDirective {
|
|
|
2009
2017
|
maxHeight: '95%',
|
|
2010
2018
|
height: this.height
|
|
2011
2019
|
});
|
|
2020
|
+
console.log('5');
|
|
2012
2021
|
let resizeObserver;
|
|
2013
2022
|
const subs = this.overlayRef.backdropClick().subscribe((e) => {
|
|
2014
2023
|
this.popover = false;
|
|
2024
|
+
console.log('6');
|
|
2015
2025
|
subs.unsubscribe();
|
|
2026
|
+
console.log('7');
|
|
2016
2027
|
resizeObserver?.disconnect();
|
|
2028
|
+
console.log('8');
|
|
2017
2029
|
this.zone.run(() => {
|
|
2030
|
+
console.log('9');
|
|
2018
2031
|
if (this.closed) {
|
|
2032
|
+
console.log('10');
|
|
2019
2033
|
this.closed(e);
|
|
2020
2034
|
}
|
|
2021
2035
|
});
|
|
2022
2036
|
});
|
|
2037
|
+
console.log('11');
|
|
2023
2038
|
const attached = this.overlayRef.attach(this.templatePortal);
|
|
2039
|
+
console.log('12');
|
|
2024
2040
|
if (this.watch) {
|
|
2041
|
+
console.log('13');
|
|
2025
2042
|
try {
|
|
2043
|
+
console.log('14');
|
|
2026
2044
|
if ('ResizeObserver' in window) {
|
|
2045
|
+
console.log('16');
|
|
2027
2046
|
resizeObserver = new ResizeObserver(([{ contentRect }]) => {
|
|
2047
|
+
console.log('17');
|
|
2028
2048
|
this.overlayRef.updatePosition();
|
|
2029
2049
|
})
|
|
2030
2050
|
.observe(attached.rootNodes[0]);
|
|
@@ -2033,12 +2053,15 @@ class MonkeyEcxPopoverDirective {
|
|
|
2033
2053
|
catch (e) {
|
|
2034
2054
|
// not to do
|
|
2035
2055
|
}
|
|
2056
|
+
console.log('18');
|
|
2036
2057
|
}
|
|
2058
|
+
console.log('19');
|
|
2037
2059
|
}
|
|
2038
2060
|
catch (e) {
|
|
2039
2061
|
console.log('error no popover');
|
|
2040
2062
|
console.log(e);
|
|
2041
2063
|
}
|
|
2064
|
+
console.log('10');
|
|
2042
2065
|
}
|
|
2043
2066
|
ngOnDestroy() {
|
|
2044
2067
|
this.popover = false;
|