@bizy/core 21.5.13 → 21.5.14
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/fesm2022/bizy-core.mjs +10 -6
- package/fesm2022/bizy-core.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/variables.css +3 -0
- package/types/bizy-core.d.ts +1 -0
package/fesm2022/bizy-core.mjs
CHANGED
|
@@ -10029,6 +10029,7 @@ class BizyPopupService {
|
|
|
10029
10029
|
if (!data) {
|
|
10030
10030
|
return;
|
|
10031
10031
|
}
|
|
10032
|
+
data.hasBackdrop = data.hasBackdrop ?? true;
|
|
10032
10033
|
this.#data = data.data;
|
|
10033
10034
|
let position = data.position ?? null;
|
|
10034
10035
|
let placement = null;
|
|
@@ -10038,10 +10039,10 @@ class BizyPopupService {
|
|
|
10038
10039
|
data.placement = POPUP_PLACEMENT.RIGHT;
|
|
10039
10040
|
}
|
|
10040
10041
|
position = {
|
|
10041
|
-
top: data.placement === POPUP_PLACEMENT.TOP ? `${rect.top - data.element.offsetHeight + Number(position.top)}px ` : `${rect.top + Number(position.top)}px`,
|
|
10042
|
-
left: data.placement === POPUP_PLACEMENT.LEFT ? `${rect.left - data.element.offsetWidth + Number(position.left)}px` : `${rect.left + Number(position.left)}px`,
|
|
10043
|
-
bottom: data.placement === POPUP_PLACEMENT.BOTTOM ? `${rect.bottom + data.element.offsetHeight + Number(position.bottom)}px` : `${rect.bottom + Number(position.bottom)}px`,
|
|
10044
|
-
right: data.placement === POPUP_PLACEMENT.RIGHT ? `${rect.right + data.element.offsetWidth + Number(position.right)}px` : `${rect.right + Number(position.right)}px`,
|
|
10042
|
+
top: data.placement === POPUP_PLACEMENT.TOP ? `${rect.top - data.element.offsetHeight + Number(position ? position.top : 0)}px ` : `${rect.top + Number(position ? position.top : 0)}px`,
|
|
10043
|
+
left: data.placement === POPUP_PLACEMENT.LEFT ? `${rect.left - data.element.offsetWidth + Number(position ? position.left : 0)}px` : `${rect.left + Number(position ? position.left : 0)}px`,
|
|
10044
|
+
bottom: data.placement === POPUP_PLACEMENT.BOTTOM ? `${rect.bottom + data.element.offsetHeight + Number(position ? position.bottom : 0)}px` : `${rect.bottom + Number(position ? position.bottom : 0)}px`,
|
|
10045
|
+
right: data.placement === POPUP_PLACEMENT.RIGHT ? `${rect.right + data.element.offsetWidth + Number(position ? position.right : 0)}px` : `${rect.right + Number(position ? position.right : 0)}px`,
|
|
10045
10046
|
};
|
|
10046
10047
|
}
|
|
10047
10048
|
else {
|
|
@@ -10063,6 +10064,9 @@ class BizyPopupService {
|
|
|
10063
10064
|
disableClose: typeof data.disableBackdropClose !== 'undefined' && data.disableBackdropClose !== null ? data.disableBackdropClose : typeof data.disableClose !== 'undefined' && data.disableClose !== null ? data.disableClose : true,
|
|
10064
10065
|
panelClass: Array.isArray(data.customClass) ? data.customClass : this.#validator.isString(data.customClass) ? [data.customClass] : []
|
|
10065
10066
|
}));
|
|
10067
|
+
if (!data.hasBackdrop && dialogRef.overlayRef && dialogRef.overlayRef.backdropElement) {
|
|
10068
|
+
dialogRef.overlayRef.backdropElement.style.background = 'transparent';
|
|
10069
|
+
}
|
|
10066
10070
|
BizyPopupService.dialogs.add(dialogRef);
|
|
10067
10071
|
dialogRef.closed.pipe(take(1)).subscribe(response => {
|
|
10068
10072
|
BizyPopupService.dialogs.delete(dialogRef);
|
|
@@ -10982,11 +10986,11 @@ class BizyButtonComponent {
|
|
|
10982
10986
|
}
|
|
10983
10987
|
getNativeElement = () => this.#elementRef?.nativeElement;
|
|
10984
10988
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10985
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: BizyButtonComponent, isStandalone: true, selector: "bizy-button", inputs: { id: "id", disabled: "disabled", type: "type", customClass: "customClass" }, outputs: { onSelect: "onSelect" }, ngImport: i0, template: "<button \n [type]=\"type\"\n [id]=\"id\"\n (focus)=\"_focused = true\"\n (blur)=\"_focused = false\"\n class=\"bizy-button {{customClass}}\"\n [ngClass]=\"{'bizy-button--disabled': disabled}\"\n (click)=\"_focused = true; _onSelect($event)\"\n (keyup.enter)=\"_onSelect($event)\">\n <span class=\"bizy-button__content\" (click)=\"_focused = true; _onSelect($event); $event.stopPropagation()\">\n <ng-content></ng-content>\n </span>\n \n</button>\n\n", styles: [":host{font-size:1rem;height:var(--bizy-button-height);width:var(--bizy-button-width);min-height:var(--bizy-button-min-height);min-width:var(--bizy-button-min-width);max-height:var(--bizy-button-max-height);max-width:var(--bizy-button-max-width)}.bizy-button{height:inherit;width:inherit;min-height:inherit;min-width:inherit;max-height:inherit;max-width:inherit;display:flex;justify-content:space-between;align-items:center;column-gap:.5rem;padding:var(--bizy-button-padding);border-radius:var(--bizy-button-border-radius);border:var(--bizy-button-border);cursor:pointer;background-color:var(--bizy-button-background-color)}::ng-deep .bizy-button *{color:var(--bizy-button-color);text-wrap:nowrap}.bizy-button:hover{filter:brightness(95%)}.bizy-button__content{width:100%;height:100%;display:flex;justify-content:
|
|
10989
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: BizyButtonComponent, isStandalone: true, selector: "bizy-button", inputs: { id: "id", disabled: "disabled", type: "type", customClass: "customClass" }, outputs: { onSelect: "onSelect" }, ngImport: i0, template: "<button \n [type]=\"type\"\n [id]=\"id\"\n (focus)=\"_focused = true\"\n (blur)=\"_focused = false\"\n class=\"bizy-button {{customClass}}\"\n [ngClass]=\"{'bizy-button--disabled': disabled}\"\n (click)=\"_focused = true; _onSelect($event)\"\n (keyup.enter)=\"_onSelect($event)\">\n <span class=\"bizy-button__content\" (click)=\"_focused = true; _onSelect($event); $event.stopPropagation()\">\n <ng-content></ng-content>\n </span>\n \n</button>\n\n", styles: [":host{font-size:1rem;height:var(--bizy-button-height);width:var(--bizy-button-width);min-height:var(--bizy-button-min-height);min-width:var(--bizy-button-min-width);max-height:var(--bizy-button-max-height);max-width:var(--bizy-button-max-width)}.bizy-button{height:inherit;width:inherit;min-height:inherit;min-width:inherit;max-height:inherit;max-width:inherit;display:flex;justify-content:space-between;align-items:center;column-gap:.5rem;padding:var(--bizy-button-padding);border-radius:var(--bizy-button-border-radius);border:var(--bizy-button-border);cursor:pointer;background-color:var(--bizy-button-background-color)}::ng-deep .bizy-button *{color:var(--bizy-button-color);text-wrap:nowrap}.bizy-button:hover{filter:brightness(95%)}.bizy-button__content{width:100%;height:100%;display:flex;justify-content:var(--bizy-button-justify-content);align-items:var(--bizy-button-align-items);column-gap:.3rem}.bizy-button--disabled{opacity:.5;cursor:not-allowed!important;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
10986
10990
|
}
|
|
10987
10991
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyButtonComponent, decorators: [{
|
|
10988
10992
|
type: Component,
|
|
10989
|
-
args: [{ selector: 'bizy-button', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n [type]=\"type\"\n [id]=\"id\"\n (focus)=\"_focused = true\"\n (blur)=\"_focused = false\"\n class=\"bizy-button {{customClass}}\"\n [ngClass]=\"{'bizy-button--disabled': disabled}\"\n (click)=\"_focused = true; _onSelect($event)\"\n (keyup.enter)=\"_onSelect($event)\">\n <span class=\"bizy-button__content\" (click)=\"_focused = true; _onSelect($event); $event.stopPropagation()\">\n <ng-content></ng-content>\n </span>\n \n</button>\n\n", styles: [":host{font-size:1rem;height:var(--bizy-button-height);width:var(--bizy-button-width);min-height:var(--bizy-button-min-height);min-width:var(--bizy-button-min-width);max-height:var(--bizy-button-max-height);max-width:var(--bizy-button-max-width)}.bizy-button{height:inherit;width:inherit;min-height:inherit;min-width:inherit;max-height:inherit;max-width:inherit;display:flex;justify-content:space-between;align-items:center;column-gap:.5rem;padding:var(--bizy-button-padding);border-radius:var(--bizy-button-border-radius);border:var(--bizy-button-border);cursor:pointer;background-color:var(--bizy-button-background-color)}::ng-deep .bizy-button *{color:var(--bizy-button-color);text-wrap:nowrap}.bizy-button:hover{filter:brightness(95%)}.bizy-button__content{width:100%;height:100%;display:flex;justify-content:
|
|
10993
|
+
args: [{ selector: 'bizy-button', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n [type]=\"type\"\n [id]=\"id\"\n (focus)=\"_focused = true\"\n (blur)=\"_focused = false\"\n class=\"bizy-button {{customClass}}\"\n [ngClass]=\"{'bizy-button--disabled': disabled}\"\n (click)=\"_focused = true; _onSelect($event)\"\n (keyup.enter)=\"_onSelect($event)\">\n <span class=\"bizy-button__content\" (click)=\"_focused = true; _onSelect($event); $event.stopPropagation()\">\n <ng-content></ng-content>\n </span>\n \n</button>\n\n", styles: [":host{font-size:1rem;height:var(--bizy-button-height);width:var(--bizy-button-width);min-height:var(--bizy-button-min-height);min-width:var(--bizy-button-min-width);max-height:var(--bizy-button-max-height);max-width:var(--bizy-button-max-width)}.bizy-button{height:inherit;width:inherit;min-height:inherit;min-width:inherit;max-height:inherit;max-width:inherit;display:flex;justify-content:space-between;align-items:center;column-gap:.5rem;padding:var(--bizy-button-padding);border-radius:var(--bizy-button-border-radius);border:var(--bizy-button-border);cursor:pointer;background-color:var(--bizy-button-background-color)}::ng-deep .bizy-button *{color:var(--bizy-button-color);text-wrap:nowrap}.bizy-button:hover{filter:brightness(95%)}.bizy-button__content{width:100%;height:100%;display:flex;justify-content:var(--bizy-button-justify-content);align-items:var(--bizy-button-align-items);column-gap:.3rem}.bizy-button--disabled{opacity:.5;cursor:not-allowed!important;pointer-events:none}\n"] }]
|
|
10990
10994
|
}], propDecorators: { id: [{
|
|
10991
10995
|
type: Input
|
|
10992
10996
|
}], disabled: [{
|