asksuite-citrus 1.14.11-beta.0 → 1.15.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/classes/overlay.component.mjs +57 -0
- package/esm2022/lib/components/autocomplete/autocomplete.component.mjs +19 -41
- package/esm2022/lib/components/phone-ddi/phone-ddi.component.mjs +21 -39
- package/esm2022/public-api.mjs +3 -1
- package/fesm2022/asksuite-citrus.mjs +89 -76
- package/fesm2022/asksuite-citrus.mjs.map +1 -1
- package/lib/classes/overlay.component.d.ts +20 -0
- package/lib/components/autocomplete/autocomplete.component.d.ts +4 -5
- package/lib/components/phone-ddi/phone-ddi.component.d.ts +4 -9
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
@@ -0,0 +1,57 @@
|
|
1
|
+
import { Component, HostListener } from "@angular/core";
|
2
|
+
import { TemplatePortal } from "@angular/cdk/portal";
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
import * as i1 from "@angular/cdk/overlay";
|
5
|
+
export class OverlayComponent {
|
6
|
+
constructor(overlay, viewContainerRef) {
|
7
|
+
this.overlay = overlay;
|
8
|
+
this.viewContainerRef = viewContainerRef;
|
9
|
+
this.DEFAULT_MAX_HEIGHT = 300;
|
10
|
+
}
|
11
|
+
handleClick(event) {
|
12
|
+
this.shouldClose(event) && this.close();
|
13
|
+
}
|
14
|
+
open(wrapper, overlayContent, config) {
|
15
|
+
this.overlayRef = this.getOverlayConfig(wrapper, config);
|
16
|
+
if (!this.portal) {
|
17
|
+
this.portal = new TemplatePortal(overlayContent, this.viewContainerRef);
|
18
|
+
}
|
19
|
+
this.overlayRef?.attach(this.portal);
|
20
|
+
}
|
21
|
+
close() {
|
22
|
+
this.overlayRef?.detach();
|
23
|
+
this.afterClosed();
|
24
|
+
}
|
25
|
+
getOverlayConfig(wrapper, config) {
|
26
|
+
const positionStrategy = this.overlay.position()
|
27
|
+
.flexibleConnectedTo(wrapper.nativeElement);
|
28
|
+
const biggerThanScreen = this.biggerThanScreen(wrapper.nativeElement);
|
29
|
+
if (biggerThanScreen) {
|
30
|
+
positionStrategy.withPositions([{ originX: "start", originY: "top", overlayX: "start", overlayY: "bottom" }]);
|
31
|
+
}
|
32
|
+
else
|
33
|
+
positionStrategy.withPositions([{ originX: "start", originY: "bottom", overlayX: "start", overlayY: "top" }]);
|
34
|
+
return this.overlay.create({
|
35
|
+
width: wrapper.nativeElement.offsetWidth,
|
36
|
+
scrollStrategy: this.overlay.scrollStrategies.reposition(),
|
37
|
+
positionStrategy,
|
38
|
+
...config
|
39
|
+
});
|
40
|
+
}
|
41
|
+
biggerThanScreen(wrapper) {
|
42
|
+
const { y } = wrapper.getBoundingClientRect();
|
43
|
+
return (y + this.DEFAULT_MAX_HEIGHT) > document.body.offsetHeight;
|
44
|
+
}
|
45
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: OverlayComponent, deps: [{ token: i1.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
46
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: OverlayComponent, selector: "ng-component", host: { listeners: { "window:mousedown": "handleClick($event)" } }, ngImport: i0, template: '', isInline: true }); }
|
47
|
+
}
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: OverlayComponent, decorators: [{
|
49
|
+
type: Component,
|
50
|
+
args: [{
|
51
|
+
template: ''
|
52
|
+
}]
|
53
|
+
}], ctorParameters: function () { return [{ type: i1.Overlay }, { type: i0.ViewContainerRef }]; }, propDecorators: { handleClick: [{
|
54
|
+
type: HostListener,
|
55
|
+
args: ["window:mousedown", ['$event']]
|
56
|
+
}] } });
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hc2tzdWl0ZS1jaXRydXMvc3JjL2xpYi9jbGFzc2VzL292ZXJsYXkuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQWMsWUFBWSxFQUFnQyxNQUFNLGVBQWUsQ0FBQztBQUVqRyxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0scUJBQXFCLENBQUM7OztBQUtuRCxNQUFNLE9BQWdCLGdCQUFnQjtJQUtwQyxZQUNVLE9BQWdCLEVBQ2hCLGdCQUFrQztRQURsQyxZQUFPLEdBQVAsT0FBTyxDQUFTO1FBQ2hCLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFKM0IsdUJBQWtCLEdBQUcsR0FBRyxDQUFDO0lBTTFDLENBQUM7SUFHRCxXQUFXLENBQUMsS0FBaUI7UUFDM0IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUE7SUFDekMsQ0FBQztJQU1TLElBQUksQ0FBQyxPQUFtQixFQUFFLGNBQWdDLEVBQUUsTUFBK0I7UUFDbkcsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQ3pELElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2hCLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxjQUFjLENBQUMsY0FBYyxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1NBQ3pFO1FBQ0QsSUFBSSxDQUFDLFVBQVUsRUFBRSxNQUFNLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFFUyxLQUFLO1FBQ2IsSUFBSSxDQUFDLFVBQVUsRUFBRSxNQUFNLEVBQUUsQ0FBQztRQUMxQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVPLGdCQUFnQixDQUFDLE9BQW1CLEVBQUUsTUFBK0I7UUFDM0UsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsRUFBRTthQUM3QyxtQkFBbUIsQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDOUMsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBRXRFLElBQUksZ0JBQWdCLEVBQUU7WUFDcEIsZ0JBQWdCLENBQUMsYUFBYSxDQUFDLENBQUMsRUFBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFDLENBQUMsQ0FBQyxDQUFDO1NBQzdHOztZQUFNLGdCQUFnQixDQUFDLGFBQWEsQ0FBQyxDQUFDLEVBQUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBQyxDQUFDLENBQUMsQ0FBQztRQUNuSCxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDO1lBQ3pCLEtBQUssRUFBRSxPQUFPLENBQUMsYUFBYSxDQUFDLFdBQVc7WUFDeEMsY0FBYyxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsZ0JBQWdCLENBQUMsVUFBVSxFQUFFO1lBQzFELGdCQUFnQjtZQUNoQixHQUFHLE1BQU07U0FDVixDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU8sZ0JBQWdCLENBQUMsT0FBb0I7UUFDM0MsTUFBTSxFQUFDLENBQUMsRUFBQyxHQUFHLE9BQU8sQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1FBRTVDLE9BQU8sQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLEdBQUcsUUFBUSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDcEUsQ0FBQzs4R0FyRG1CLGdCQUFnQjtrR0FBaEIsZ0JBQWdCLHdIQUYxQixFQUFFOzsyRkFFUSxnQkFBZ0I7a0JBSHJDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLEVBQUU7aUJBQ2I7NkhBYUMsV0FBVztzQkFEVixZQUFZO3VCQUFDLGtCQUFrQixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEVsZW1lbnRSZWYsIEhvc3RMaXN0ZW5lciwgVGVtcGxhdGVSZWYsIFZpZXdDb250YWluZXJSZWZ9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQge092ZXJsYXksIE92ZXJsYXlDb25maWcsIE92ZXJsYXlSZWZ9IGZyb20gXCJAYW5ndWxhci9jZGsvb3ZlcmxheVwiO1xuaW1wb3J0IHtUZW1wbGF0ZVBvcnRhbH0gZnJvbSBcIkBhbmd1bGFyL2Nkay9wb3J0YWxcIjtcblxuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlOiAnJ1xufSlcbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBPdmVybGF5Q29tcG9uZW50IHtcbiAgcHJpdmF0ZSBvdmVybGF5UmVmOiBPdmVybGF5UmVmIHwgdW5kZWZpbmVkO1xuICBwcml2YXRlIHBvcnRhbDogVGVtcGxhdGVQb3J0YWw8YW55PiB8IHVuZGVmaW5lZDtcbiAgcHJpdmF0ZSByZWFkb25seSBERUZBVUxUX01BWF9IRUlHSFQgPSAzMDA7XG5cbiAgcHJvdGVjdGVkIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgb3ZlcmxheTogT3ZlcmxheSxcbiAgICBwcml2YXRlIHZpZXdDb250YWluZXJSZWY6IFZpZXdDb250YWluZXJSZWYsXG4gICkge1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcihcIndpbmRvdzptb3VzZWRvd25cIiwgWyckZXZlbnQnXSlcbiAgaGFuZGxlQ2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQpIHtcbiAgICB0aGlzLnNob3VsZENsb3NlKGV2ZW50KSAmJiB0aGlzLmNsb3NlKClcbiAgfVxuXG4gIGFic3RyYWN0IHNob3VsZENsb3NlKGV2ZW50OiBFdmVudCk6IGJvb2xlYW47XG5cbiAgYWJzdHJhY3QgYWZ0ZXJDbG9zZWQoKTogdm9pZDtcblxuICBwcm90ZWN0ZWQgb3Blbih3cmFwcGVyOiBFbGVtZW50UmVmLCBvdmVybGF5Q29udGVudDogVGVtcGxhdGVSZWY8YW55PiwgY29uZmlnPzogUGFydGlhbDxPdmVybGF5Q29uZmlnPikge1xuICAgIHRoaXMub3ZlcmxheVJlZiA9IHRoaXMuZ2V0T3ZlcmxheUNvbmZpZyh3cmFwcGVyLCBjb25maWcpO1xuICAgIGlmICghdGhpcy5wb3J0YWwpIHtcbiAgICAgIHRoaXMucG9ydGFsID0gbmV3IFRlbXBsYXRlUG9ydGFsKG92ZXJsYXlDb250ZW50LCB0aGlzLnZpZXdDb250YWluZXJSZWYpO1xuICAgIH1cbiAgICB0aGlzLm92ZXJsYXlSZWY/LmF0dGFjaCh0aGlzLnBvcnRhbCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgY2xvc2UoKSB7XG4gICAgdGhpcy5vdmVybGF5UmVmPy5kZXRhY2goKTtcbiAgICB0aGlzLmFmdGVyQ2xvc2VkKCk7XG4gIH1cblxuICBwcml2YXRlIGdldE92ZXJsYXlDb25maWcod3JhcHBlcjogRWxlbWVudFJlZiwgY29uZmlnPzogUGFydGlhbDxPdmVybGF5Q29uZmlnPikge1xuICAgIGNvbnN0IHBvc2l0aW9uU3RyYXRlZ3kgPSB0aGlzLm92ZXJsYXkucG9zaXRpb24oKVxuICAgICAgLmZsZXhpYmxlQ29ubmVjdGVkVG8od3JhcHBlci5uYXRpdmVFbGVtZW50KTtcbiAgICBjb25zdCBiaWdnZXJUaGFuU2NyZWVuID0gdGhpcy5iaWdnZXJUaGFuU2NyZWVuKHdyYXBwZXIubmF0aXZlRWxlbWVudCk7XG5cbiAgICBpZiAoYmlnZ2VyVGhhblNjcmVlbikge1xuICAgICAgcG9zaXRpb25TdHJhdGVneS53aXRoUG9zaXRpb25zKFt7b3JpZ2luWDogXCJzdGFydFwiLCBvcmlnaW5ZOiBcInRvcFwiLCBvdmVybGF5WDogXCJzdGFydFwiLCBvdmVybGF5WTogXCJib3R0b21cIn1dKTtcbiAgICB9IGVsc2UgcG9zaXRpb25TdHJhdGVneS53aXRoUG9zaXRpb25zKFt7b3JpZ2luWDogXCJzdGFydFwiLCBvcmlnaW5ZOiBcImJvdHRvbVwiLCBvdmVybGF5WDogXCJzdGFydFwiLCBvdmVybGF5WTogXCJ0b3BcIn1dKTtcbiAgICByZXR1cm4gdGhpcy5vdmVybGF5LmNyZWF0ZSh7XG4gICAgICB3aWR0aDogd3JhcHBlci5uYXRpdmVFbGVtZW50Lm9mZnNldFdpZHRoLFxuICAgICAgc2Nyb2xsU3RyYXRlZ3k6IHRoaXMub3ZlcmxheS5zY3JvbGxTdHJhdGVnaWVzLnJlcG9zaXRpb24oKSxcbiAgICAgIHBvc2l0aW9uU3RyYXRlZ3ksXG4gICAgICAuLi5jb25maWdcbiAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgYmlnZ2VyVGhhblNjcmVlbih3cmFwcGVyOiBIVE1MRWxlbWVudCkge1xuICAgIGNvbnN0IHt5fSA9IHdyYXBwZXIuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG5cbiAgICByZXR1cm4gKHkgKyB0aGlzLkRFRkFVTFRfTUFYX0hFSUdIVCkgPiBkb2N1bWVudC5ib2R5Lm9mZnNldEhlaWdodDtcbiAgfVxufVxuIl19
|