@bizy/core 20.6.7 → 20.6.9

package/fesm2022/bizy-core.mjs

@@ -7466,11 +7466,11 @@ class BizyTagComponent {
     }
     getNativeElement = () => this.#elementRef?.nativeElement;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: BizyTagComponent, isStandalone: true, selector: "bizy-tag", inputs: { id: "id", customClass: "customClass", disabled: "disabled", type: "type" }, outputs: { onSelect: "onSelect" }, ngImport: i0, template: "<button \n    type=\"button\"\n    [id]=\"id\"\n    (focus)=\"_focused = true\"\n    (blur)=\"_focused = false\"\n    [ngClass]=\"{'bizy-tag--disabled': disabled}\"\n    class=\"bizy-tag bizy-tag--{{type}} {{customClass}}\"\n    (click)=\"_focused = true; _onSelect($event)\"\n    (keyup.enter)=\"_onSelect($event)\">\n\n    <ng-content></ng-content>\n\n</button>", styles: [":host{font-size:1rem}.bizy-tag{border:none;padding:var(--bizy-tag-padding);border-radius:.3rem;display:flex;justify-content:center;cursor:pointer;column-gap:.5rem;align-items:center;text-wrap:nowrap;width:fit-content}.bizy-tag--default{background-color:var(--bizy-tag-default-background-color)}::ng-deep .bizy-tag--default *{color:var(--bizy-tag-default-color)!important}.bizy-tag--info{background-color:var(--bizy-tag-info-background-color)}::ng-deep .bizy-tag--info *{color:var(--bizy-tag-info-color)!important}.bizy-tag--success{background-color:var(--bizy-tag-success-background-color)}::ng-deep .bizy-tag--success *{color:var(--bizy-tag-success-color)!important}.bizy-tag--warning{background-color:var(--bizy-tag-warning-background-color)}::ng-deep .bizy-tag--warning *{color:var(--bizy-tag-warning-color)!important}.bizy-tag--danger{background-color:var(--bizy-tag-danger-background-color)}::ng-deep .bizy-tag--danger *{color:var(--bizy-tag-danger-color)!important}.bizy-tag--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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: BizyTagComponent, isStandalone: true, selector: "bizy-tag", inputs: { id: "id", customClass: "customClass", disabled: "disabled", type: "type" }, outputs: { onSelect: "onSelect" }, ngImport: i0, template: "<button \n    type=\"button\"\n    [id]=\"id\"\n    (focus)=\"_focused = true\"\n    (blur)=\"_focused = false\"\n    [ngClass]=\"{'bizy-tag--disabled': disabled}\"\n    class=\"bizy-tag bizy-tag--{{type}} {{customClass}}\"\n    (click)=\"_focused = true; _onSelect($event)\"\n    (keyup.enter)=\"_onSelect($event)\">\n\n    <ng-content></ng-content>\n\n</button>", styles: [":host{font-size:1rem;display:inline-block;height:var(--bizy-tag-height);width:var(--bizy-tag-width);min-height:var(--bizy-tag-min-height);min-width:var(--bizy-tag-min-width);max-height:var(--bizy-tag-max-height);max-width:var(--bizy-tag-max-width)}.bizy-tag{height:100%;width:100%;cursor:var(--bizy-tag-cursor);border-top:var(--bizy-tag-border-top, var(--bizy-tag-border, none));border-right:var(--bizy-tag-border-right, var(--bizy-tag-border, none));border-bottom:var(--bizy-tag-border-bottom, var(--bizy-tag-border, none));border-left:var(--bizy-tag-border-left, var(--bizy-tag-border, none));border-radius:var(--bizy-tag-border-radius);padding:var(--bizy-tag-padding);display:flex;justify-content:center;column-gap:.5rem;align-items:center;text-wrap:nowrap}.bizy-tag--default{background-color:var(--bizy-tag-default-background-color)}::ng-deep .bizy-tag--default *{color:var(--bizy-tag-default-color)!important}.bizy-tag--info{background-color:var(--bizy-tag-info-background-color)}::ng-deep .bizy-tag--info *{color:var(--bizy-tag-info-color)!important}.bizy-tag--success{background-color:var(--bizy-tag-success-background-color)}::ng-deep .bizy-tag--success *{color:var(--bizy-tag-success-color)!important}.bizy-tag--warning{background-color:var(--bizy-tag-warning-background-color)}::ng-deep .bizy-tag--warning *{color:var(--bizy-tag-warning-color)!important}.bizy-tag--danger{background-color:var(--bizy-tag-danger-background-color)}::ng-deep .bizy-tag--danger *{color:var(--bizy-tag-danger-color)!important}.bizy-tag--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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyTagComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bizy-tag', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n    type=\"button\"\n    [id]=\"id\"\n    (focus)=\"_focused = true\"\n    (blur)=\"_focused = false\"\n    [ngClass]=\"{'bizy-tag--disabled': disabled}\"\n    class=\"bizy-tag bizy-tag--{{type}} {{customClass}}\"\n    (click)=\"_focused = true; _onSelect($event)\"\n    (keyup.enter)=\"_onSelect($event)\">\n\n    <ng-content></ng-content>\n\n</button>", styles: [":host{font-size:1rem}.bizy-tag{border:none;padding:var(--bizy-tag-padding);border-radius:.3rem;display:flex;justify-content:center;cursor:pointer;column-gap:.5rem;align-items:center;text-wrap:nowrap;width:fit-content}.bizy-tag--default{background-color:var(--bizy-tag-default-background-color)}::ng-deep .bizy-tag--default *{color:var(--bizy-tag-default-color)!important}.bizy-tag--info{background-color:var(--bizy-tag-info-background-color)}::ng-deep .bizy-tag--info *{color:var(--bizy-tag-info-color)!important}.bizy-tag--success{background-color:var(--bizy-tag-success-background-color)}::ng-deep .bizy-tag--success *{color:var(--bizy-tag-success-color)!important}.bizy-tag--warning{background-color:var(--bizy-tag-warning-background-color)}::ng-deep .bizy-tag--warning *{color:var(--bizy-tag-warning-color)!important}.bizy-tag--danger{background-color:var(--bizy-tag-danger-background-color)}::ng-deep .bizy-tag--danger *{color:var(--bizy-tag-danger-color)!important}.bizy-tag--disabled{opacity:.5;cursor:not-allowed!important;pointer-events:none}\n"] }]
+            args: [{ selector: 'bizy-tag', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n    type=\"button\"\n    [id]=\"id\"\n    (focus)=\"_focused = true\"\n    (blur)=\"_focused = false\"\n    [ngClass]=\"{'bizy-tag--disabled': disabled}\"\n    class=\"bizy-tag bizy-tag--{{type}} {{customClass}}\"\n    (click)=\"_focused = true; _onSelect($event)\"\n    (keyup.enter)=\"_onSelect($event)\">\n\n    <ng-content></ng-content>\n\n</button>", styles: [":host{font-size:1rem;display:inline-block;height:var(--bizy-tag-height);width:var(--bizy-tag-width);min-height:var(--bizy-tag-min-height);min-width:var(--bizy-tag-min-width);max-height:var(--bizy-tag-max-height);max-width:var(--bizy-tag-max-width)}.bizy-tag{height:100%;width:100%;cursor:var(--bizy-tag-cursor);border-top:var(--bizy-tag-border-top, var(--bizy-tag-border, none));border-right:var(--bizy-tag-border-right, var(--bizy-tag-border, none));border-bottom:var(--bizy-tag-border-bottom, var(--bizy-tag-border, none));border-left:var(--bizy-tag-border-left, var(--bizy-tag-border, none));border-radius:var(--bizy-tag-border-radius);padding:var(--bizy-tag-padding);display:flex;justify-content:center;column-gap:.5rem;align-items:center;text-wrap:nowrap}.bizy-tag--default{background-color:var(--bizy-tag-default-background-color)}::ng-deep .bizy-tag--default *{color:var(--bizy-tag-default-color)!important}.bizy-tag--info{background-color:var(--bizy-tag-info-background-color)}::ng-deep .bizy-tag--info *{color:var(--bizy-tag-info-color)!important}.bizy-tag--success{background-color:var(--bizy-tag-success-background-color)}::ng-deep .bizy-tag--success *{color:var(--bizy-tag-success-color)!important}.bizy-tag--warning{background-color:var(--bizy-tag-warning-background-color)}::ng-deep .bizy-tag--warning *{color:var(--bizy-tag-warning-color)!important}.bizy-tag--danger{background-color:var(--bizy-tag-danger-background-color)}::ng-deep .bizy-tag--danger *{color:var(--bizy-tag-danger-color)!important}.bizy-tag--disabled{opacity:.5;cursor:not-allowed!important;pointer-events:none}\n"] }]
         }], propDecorators: { id: [{
                 type: Input
             }], customClass: [{
@@ -7613,28 +7613,41 @@ class BizyToastService {
             disableClose: false,
             panelClass: ['bizy-toast', 'bizy-toast--in']
         });
-        setTimeout(() => {
-            const container = this.#document.getElementById(id);
+        let container = null;
+        let tries = 3;
+        const interval = setInterval(() => {
+            if (tries <= 0) {
+                _a.toasts.push({ ref: toastRef, element: null });
+                clearInterval(interval);
+            }
+            container = this.#document.getElementById(id);
             if (!container || !container.parentElement) {
+                tries--;
                 return;
             }
             const offset = this.#calculateOffset();
             container.parentElement.style.top = `${offset}px`;
             _a.toasts.push({ ref: toastRef, element: container.parentElement });
-        }, 100);
+            tries = 0;
+            clearInterval(interval);
+        }, 300);
     }
     #calculateOffset = () => {
         let offset = 10;
         for (const toast of _a.toasts) {
-            offset += toast.element.offsetHeight + 10;
+            if (toast.element) {
+                offset += toast.element.offsetHeight + 10;
+            }
         }
         return offset;
     };
     #repositionToasts = () => {
         let offset = 10;
         for (const toast of _a.toasts) {
-            toast.element.style.top = `${offset}px`;
-            offset += toast.element.offsetHeight + 10;
+            if (toast.element) {
+                toast.element.style.top = `${offset}px`;
+                offset += toast.element.offsetHeight + 10;
+            }
         }
     };
     config(data) {
@@ -7677,10 +7690,13 @@ class BizyToastService {
         this.#open({ type: TOAST.DANGER, data });
     }
     close = (id) => {
-        if (!id) {
+        if (!_a.toasts || _a.toasts.length === 0) {
             return;
         }
-        const toast = _a.toasts.find(_toastRef => _toastRef.ref.id === id);
+        let toast = _a.toasts.find(_toastRef => _toastRef.ref.id === id);
+        if (!toast) {
+            toast = _a.toasts[_a.toasts.length - 1];
+        }
         if (toast.ref) {
             toast.ref.removePanelClass('bizy-toast--in');
             toast.ref.addPanelClass('bizy-toast--out');
@@ -7700,14 +7716,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
         }] });
 
 class BizyToastWrapperComponent {
-    #elementRef = inject(ElementRef);
     #data = inject(DIALOG_DATA);
     #toast = inject(BizyToastService);
     type = TOAST.INFO;
     title = '';
     msg = '';
     id;
-    ngOnInit() {
+    constructor() {
         if (!this.#data) {
             this.close();
             return;
@@ -7720,7 +7735,6 @@ class BizyToastWrapperComponent {
             this.close();
         }, this.#data.duration || 3000);
     }
-    getNativeElement = () => this.#elementRef?.nativeElement;
     close() {
         this.#toast.close(this.id);
     }
@@ -7730,7 +7744,7 @@ class BizyToastWrapperComponent {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyToastWrapperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizy-toast-wrapper', imports: [CommonModule, DialogModule], providers: [BizyToastService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"bizy-toast-wrapper bizy-toast-wrapper--{{type}}\">\n\n    <span class=\"bizy-toast-wrapper__content\">\n\n        <h4 class=\"bizy-toast-wrapper__title--{{type}}\" *ngIf=\"title\">{{title}}</h4>\n    \n        <h6 *ngIf=\"msg\">{{msg}}</h6>\n\n    </span>\n\n    <button (click)=\"close()\" (keyup.enter)=\"close()\" class=\"bizy-toast-wrapper__close-button\">\n\n        <svg \n            data-name=\"Cancel button\"\n            id=\"bizy-toast-wrapper-close-svg\" \n            viewBox=\"0 0 200 200\"\n            xmlns=\"http://www.w3.org/2000/svg\">\n            <path id=\"bizy-toast-wrapper-close-svg-content\" d=\"M114,100l49-49a9.9,9.9,0,0,0-14-14L100,86,51,37A9.9,9.9,0,0,0,37,51l49,49L37,149a9.9,9.9,0,0,0,14,14l49-49,49,49a9.9,9.9,0,0,0,14-14Z\"/>\n        </svg>\n\n    </button>\n\n    <span class=\"bizy-toast__progress bizy-toast__progress--{{type}}\"></span>\n    \n</div>", styles: [":host{font-size:1rem}.bizy-toast-wrapper{position:relative;width:100%;min-width:20rem;max-width:min(30rem,80dvw);height:fit-content;min-height:3rem;max-height:95dvh;overflow-y:auto;border-top-width:var(--bizy-toast-border-top-width);border-right-width:var(--bizy-toast-border-right-width);border-bottom-width:var(--bizy-toast-border-bottom-width);border-left-width:var(--bizy-toast-border-left-width);border-top-style:var(--bizy-toast-border-top-style);border-right-style:var(--bizy-toast-border-right-style);border-bottom-style:var(--bizy-toast-border-bottom-style);border-left-style:var(--bizy-toast-border-left-style);border-top-left-radius:var(--bizy-toast-border-top-left-radius);border-top-right-radius:var(--bizy-toast-border-top-right-radius);border-bottom-left-radius:var(--bizy-toast-border-bottom-left-radius);border-bottom-right-radius:var(--bizy-toast-border-bottom-right-radius);display:flex;align-items:center;column-gap:.5rem;padding:.5rem;box-shadow:0 18px 25px #32325d40,0 3px 6px #0000001a}.bizy-toast-wrapper::-webkit-scrollbar{width:.5rem;height:.5rem}.bizy-toast-wrapper::-webkit-scrollbar-thumb{border-radius:1rem;background-color:var(--bizy-toast-scroll-bar-color)}.bizy-toast-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--bizy-toast-scroll-bar-hover-color)}.bizy-toast-wrapper__content{flex:1;display:flex;flex-direction:column;row-gap:.1rem}.bizy-toast-wrapper--debug{background-color:var(--bizy-toast-debug-background-color, );border-top-color:var(--bizy-toast-debug-color);border-right-color:var(--bizy-toast-debug-color);border-bottom-color:var(--bizy-toast-debug-color);border-left-color:var(--bizy-toast-debug-color)}.bizy-toast-wrapper__title--debug{color:var(--bizy-toast-debug-color)}.bizy-toast-wrapper--info{background-color:var(--bizy-toast-info-background-color, );border-top-color:var(--bizy-toast-info-color);border-right-color:var(--bizy-toast-info-color);border-bottom-color:var(--bizy-toast-info-color);border-left-color:var(--bizy-toast-info-color)}.bizy-toast-wrapper__title--info{color:var(--bizy-toast-info-color)}.bizy-toast-wrapper--success{background-color:var(--bizy-toast-success-background-color);border-top-color:var(--bizy-toast-success-color);border-right-color:var(--bizy-toast-success-color);border-bottom-color:var(--bizy-toast-success-color);border-left-color:var(--bizy-toast-success-color)}.bizy-toast-wrapper__title--success{color:var(--bizy-toast-success-color)}.bizy-toast-wrapper--warning{background-color:var(--bizy-toast-warning-background-color);border-top-color:var(--bizy-toast-warning-color);border-right-color:var(--bizy-toast-warning-color);border-bottom-color:var(--bizy-toast-warning-color);border-left-color:var(--bizy-toast-warning-color)}.bizy-toast-wrapper__title--warning{color:var(--bizy-toast-warning-color)}.bizy-toast-wrapper--danger{background-color:var(--bizy-toast-danger-background-color);border-top-color:var(--bizy-toast-danger-color);border-right-color:var(--bizy-toast-danger-color);border-bottom-color:var(--bizy-toast-danger-color);border-left-color:var(--bizy-toast-danger-color)}.bizy-toast-wrapper__title--danger{color:var(--bizy-toast-danger-color)}.bizy-toast-wrapper__close-button{border:none;cursor:pointer;align-self:flex-start;background-color:transparent;transition:color .2s;justify-self:flex-start}.bizy-toast-wrapper__close-button #bizy-toast-wrapper-close-svg{height:1rem}.bizy-toast-wrapper__close-button #bizy-toast-wrapper-close-svg-content{fill:var(--bizy-toast-close-button-color)}.bizy-toast-wrapper__close-button:hover #bizy-toast-wrapper-close-svg-content{fill:var(--bizy-toast-close-button-hover-color)}.bizy-toast__progress{width:100%;height:var(--bizy-toast-progress-bar-height);display:inline-block;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.bizy-toast__progress--debug{background-color:var(--bizy-toast-debug-color)}.bizy-toast__progress--info{background-color:var(--bizy-toast-info-color)}.bizy-toast__progress--success{background-color:var(--bizy-toast-success-color)}.bizy-toast__progress--warning{background-color:var(--bizy-toast-warning-color)}.bizy-toast__progress--danger{background-color:var(--bizy-toast-danger-color)}.bizy-toast__progress:after{content:\"\";box-sizing:border-box;width:0;height:var(--bizy-toast-progress-bar-height);background-color:#fff;position:absolute;top:0;left:0;animation:progress var(--bizy-toast-duration) linear infinite}@keyframes progress{0%{width:0}to{width:100%}}\n"] }]
-        }] });
+        }], ctorParameters: () => [] });
 
 class BizyToastModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: BizyToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });