@bizy/core 21.8.7 → 21.9.0

package/fesm2022/bizy-core.mjs

@@ -8833,7 +8833,7 @@ class BizyPopupWrapperComponent {
         this.#popup.close({ id: this.#dialogRef.id });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyPopupWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: BizyPopupWrapperComponent, isStandalone: true, selector: "bizy-popup-wrapper", host: { properties: { "style.top": "position.top", "style.right": "position.right", "style.bottom": "position.bottom", "style.left": "position.left", "style.transform": "position.transform" } }, viewQueries: [{ propertyName: "dynamicComponentContainer", first: true, predicate: ["dynamicComponentContainer"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "@if (!disableDrag) {\n  <div class=\"bizy-popup-wrapper\" cdkDrag>\n    <button class=\"bizy-popup-wrapper__drag-button\" cdkDragHandle>\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" class=\"bizy-popup-wrapper__drag-button__icon\">\n        <path d=\"M278.6 9.4c-12.5-12.5-32.8-12.5-45.3 0l-64 64c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l9.4-9.4V224H109.3l9.4-9.4c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-64 64c-12.5 12.5-12.5 32.8 0 45.3l64 64c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-9.4-9.4H224V402.7l-9.4-9.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l64 64c12.5 12.5 32.8 12.5 45.3 0l64-64c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-9.4 9.4V288H402.7l-9.4 9.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l64-64c12.5-12.5 12.5-32.8 0-45.3l-64-64c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l9.4 9.4H288V109.3l9.4 9.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-64-64z\"/>\n      </svg>\n    </button>\n    @if (!disableClose) {\n      <button class=\"bizy-popup-wrapper__close-button\" (click)=\"close()\" (keyup.enter)=\"close()\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\" class=\"bizy-popup-wrapper__close-button__icon\">\n          <path d=\"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\"/>\n        </svg>\n      </button>\n    }\n    <ng-container #dynamicComponentContainer></ng-container>\n  </div>\n}\n\n@if (disableDrag) {\n  <div class=\"bizy-popup-wrapper\">\n    @if (!disableClose) {\n      <button class=\"bizy-popup-wrapper__close-button\" (click)=\"close()\" (keyup.enter)=\"close()\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\" class=\"bizy-popup-wrapper__close-button__icon\">\n          <path d=\"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\"/>\n        </svg>\n      </button>\n    }\n    <ng-container #dynamicComponentContainer></ng-container>\n  </div>\n}", styles: [":host{font-size:1rem;position:fixed!important;min-height:150px;min-width:150px;width:fit-content;height:fit-content;z-index:10}.bizy-popup-wrapper{position:relative;padding:var(--bizy-popup-padding);background-color:var(--bizy-popup-background-color);min-width:var(--bizy-popup-min-width);width:var(--bizy-popup-width);max-width:var(--bizy-popup-max-width);border-radius:var(--bizy-popup-border-radius)}.bizy-popup-wrapper__drag-button{position:absolute;left:-.9rem;top:-.9rem;border:var(--bizy-popup-drag-button-border);border-radius:50%;padding:.2rem;place-items:center;display:grid;background-color:var(--bizy-popup-drag-button-background-color);cursor:pointer;transition:transform .2s;z-index:1}.bizy-popup-wrapper__drag-button:hover{transform:scale(1.1)}.bizy-popup-wrapper__drag-button__icon{height:1rem}.bizy-popup-wrapper__drag-button__icon{fill:var(--bizy-popup-drag-button-color)}.bizy-popup-wrapper__close-button{position:absolute;right:-.9rem;top:-.9rem;border:var(--bizy-popup-close-button-border);border-radius:50%;padding:.25rem .35rem;place-items:center;display:grid;background-color:var(--bizy-popup-close-button-background-color);cursor:pointer;transition:transform .2s;z-index:1}.bizy-popup-wrapper__close-button:hover .bizy-popup-wrapper__close-button__icon{transform:scale(1.1)}.bizy-popup-wrapper__close-button:hover .bizy-popup-wrapper__close-button__icon{fill:var(--bizy-popup-close-button-hover-color)}.bizy-popup-wrapper__close-button__icon{height:1rem;transition:fill .2s ease,}.bizy-popup-wrapper__close-button__icon{fill:var(--bizy-popup-close-button-color)}\n"], dependencies: [{ kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i1$1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i1$1.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: BizyPopupWrapperComponent, isStandalone: true, selector: "bizy-popup-wrapper", host: { properties: { "style.top": "position.top", "style.right": "position.right", "style.bottom": "position.bottom", "style.left": "position.left", "style.transform": "position.transform" } }, viewQueries: [{ propertyName: "dynamicComponentContainer", first: true, predicate: ["dynamicComponentContainer"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "@if (!disableDrag) {\n  <div class=\"bizy-popup-wrapper\" cdkDrag>\n    <button class=\"bizy-popup-wrapper__drag-button\" cdkDragHandle>\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" class=\"bizy-popup-wrapper__drag-button__icon\">\n        <path d=\"M278.6 9.4c-12.5-12.5-32.8-12.5-45.3 0l-64 64c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l9.4-9.4V224H109.3l9.4-9.4c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-64 64c-12.5 12.5-12.5 32.8 0 45.3l64 64c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-9.4-9.4H224V402.7l-9.4-9.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l64 64c12.5 12.5 32.8 12.5 45.3 0l64-64c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-9.4 9.4V288H402.7l-9.4 9.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l64-64c12.5-12.5 12.5-32.8 0-45.3l-64-64c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l9.4 9.4H288V109.3l9.4 9.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-64-64z\"/>\n      </svg>\n    </button>\n    @if (!disableClose) {\n      <button class=\"bizy-popup-wrapper__close-button\" (click)=\"close()\" (keyup.enter)=\"close()\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\" class=\"bizy-popup-wrapper__close-button__icon\">\n          <path d=\"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\"/>\n        </svg>\n      </button>\n    }\n    <ng-container #dynamicComponentContainer></ng-container>\n  </div>\n}\n\n@if (disableDrag) {\n  <div class=\"bizy-popup-wrapper\">\n    @if (!disableClose) {\n      <button class=\"bizy-popup-wrapper__close-button\" (click)=\"close()\" (keyup.enter)=\"close()\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\" class=\"bizy-popup-wrapper__close-button__icon\">\n          <path d=\"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\"/>\n        </svg>\n      </button>\n    }\n    <ng-container #dynamicComponentContainer></ng-container>\n  </div>\n}", styles: [":host{font-size:1rem;position:fixed!important;display:flex;height:var(--bizy-popup-height);min-height:var(--bizy-popup-min-height);max-height:var(--bizy-popup-max-height);width:var(--bizy-popup-width);min-width:var(--bizy-popup-min-width);max-width:var(--bizy-popup-max-width);max-height:95dvh;z-index:10}.bizy-popup-wrapper{flex:1;position:relative;padding:var(--bizy-popup-padding);background-color:var(--bizy-popup-background-color);border-radius:var(--bizy-popup-border-radius)}.bizy-popup-wrapper__drag-button{position:absolute;left:-.9rem;top:-.9rem;border:var(--bizy-popup-drag-button-border);border-radius:50%;padding:.2rem;place-items:center;display:grid;background-color:var(--bizy-popup-drag-button-background-color);cursor:pointer;transition:transform .2s;z-index:1}.bizy-popup-wrapper__drag-button:hover{transform:scale(1.1)}.bizy-popup-wrapper__drag-button__icon{height:1rem}.bizy-popup-wrapper__drag-button__icon{fill:var(--bizy-popup-drag-button-color)}.bizy-popup-wrapper__close-button{position:absolute;right:-.9rem;top:-.9rem;border:var(--bizy-popup-close-button-border);border-radius:50%;padding:.25rem .35rem;place-items:center;display:grid;background-color:var(--bizy-popup-close-button-background-color);cursor:pointer;transition:transform .2s;z-index:1}.bizy-popup-wrapper__close-button:hover .bizy-popup-wrapper__close-button__icon{transform:scale(1.1)}.bizy-popup-wrapper__close-button:hover .bizy-popup-wrapper__close-button__icon{fill:var(--bizy-popup-close-button-hover-color)}.bizy-popup-wrapper__close-button__icon{height:1rem;transition:fill .2s ease,}.bizy-popup-wrapper__close-button__icon{fill:var(--bizy-popup-close-button-color)}\n"], dependencies: [{ kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i1$1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i1$1.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyPopupWrapperComponent, decorators: [{
             type: Component,
@@ -8843,7 +8843,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                         '[style.bottom]': 'position.bottom',
                         '[style.left]': 'position.left',
                         '[style.transform]': 'position.transform'
-                    }, template: "@if (!disableDrag) {\n  <div class=\"bizy-popup-wrapper\" cdkDrag>\n    <button class=\"bizy-popup-wrapper__drag-button\" cdkDragHandle>\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" class=\"bizy-popup-wrapper__drag-button__icon\">\n        <path d=\"M278.6 9.4c-12.5-12.5-32.8-12.5-45.3 0l-64 64c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l9.4-9.4V224H109.3l9.4-9.4c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-64 64c-12.5 12.5-12.5 32.8 0 45.3l64 64c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-9.4-9.4H224V402.7l-9.4-9.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l64 64c12.5 12.5 32.8 12.5 45.3 0l64-64c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-9.4 9.4V288H402.7l-9.4 9.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l64-64c12.5-12.5 12.5-32.8 0-45.3l-64-64c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l9.4 9.4H288V109.3l9.4 9.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-64-64z\"/>\n      </svg>\n    </button>\n    @if (!disableClose) {\n      <button class=\"bizy-popup-wrapper__close-button\" (click)=\"close()\" (keyup.enter)=\"close()\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\" class=\"bizy-popup-wrapper__close-button__icon\">\n          <path d=\"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\"/>\n        </svg>\n      </button>\n    }\n    <ng-container #dynamicComponentContainer></ng-container>\n  </div>\n}\n\n@if (disableDrag) {\n  <div class=\"bizy-popup-wrapper\">\n    @if (!disableClose) {\n      <button class=\"bizy-popup-wrapper__close-button\" (click)=\"close()\" (keyup.enter)=\"close()\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\" class=\"bizy-popup-wrapper__close-button__icon\">\n          <path d=\"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\"/>\n        </svg>\n      </button>\n    }\n    <ng-container #dynamicComponentContainer></ng-container>\n  </div>\n}", styles: [":host{font-size:1rem;position:fixed!important;min-height:150px;min-width:150px;width:fit-content;height:fit-content;z-index:10}.bizy-popup-wrapper{position:relative;padding:var(--bizy-popup-padding);background-color:var(--bizy-popup-background-color);min-width:var(--bizy-popup-min-width);width:var(--bizy-popup-width);max-width:var(--bizy-popup-max-width);border-radius:var(--bizy-popup-border-radius)}.bizy-popup-wrapper__drag-button{position:absolute;left:-.9rem;top:-.9rem;border:var(--bizy-popup-drag-button-border);border-radius:50%;padding:.2rem;place-items:center;display:grid;background-color:var(--bizy-popup-drag-button-background-color);cursor:pointer;transition:transform .2s;z-index:1}.bizy-popup-wrapper__drag-button:hover{transform:scale(1.1)}.bizy-popup-wrapper__drag-button__icon{height:1rem}.bizy-popup-wrapper__drag-button__icon{fill:var(--bizy-popup-drag-button-color)}.bizy-popup-wrapper__close-button{position:absolute;right:-.9rem;top:-.9rem;border:var(--bizy-popup-close-button-border);border-radius:50%;padding:.25rem .35rem;place-items:center;display:grid;background-color:var(--bizy-popup-close-button-background-color);cursor:pointer;transition:transform .2s;z-index:1}.bizy-popup-wrapper__close-button:hover .bizy-popup-wrapper__close-button__icon{transform:scale(1.1)}.bizy-popup-wrapper__close-button:hover .bizy-popup-wrapper__close-button__icon{fill:var(--bizy-popup-close-button-hover-color)}.bizy-popup-wrapper__close-button__icon{height:1rem;transition:fill .2s ease,}.bizy-popup-wrapper__close-button__icon{fill:var(--bizy-popup-close-button-color)}\n"] }]
+                    }, template: "@if (!disableDrag) {\n  <div class=\"bizy-popup-wrapper\" cdkDrag>\n    <button class=\"bizy-popup-wrapper__drag-button\" cdkDragHandle>\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" class=\"bizy-popup-wrapper__drag-button__icon\">\n        <path d=\"M278.6 9.4c-12.5-12.5-32.8-12.5-45.3 0l-64 64c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l9.4-9.4V224H109.3l9.4-9.4c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-64 64c-12.5 12.5-12.5 32.8 0 45.3l64 64c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-9.4-9.4H224V402.7l-9.4-9.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l64 64c12.5 12.5 32.8 12.5 45.3 0l64-64c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-9.4 9.4V288H402.7l-9.4 9.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l64-64c12.5-12.5 12.5-32.8 0-45.3l-64-64c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l9.4 9.4H288V109.3l9.4 9.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-64-64z\"/>\n      </svg>\n    </button>\n    @if (!disableClose) {\n      <button class=\"bizy-popup-wrapper__close-button\" (click)=\"close()\" (keyup.enter)=\"close()\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\" class=\"bizy-popup-wrapper__close-button__icon\">\n          <path d=\"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\"/>\n        </svg>\n      </button>\n    }\n    <ng-container #dynamicComponentContainer></ng-container>\n  </div>\n}\n\n@if (disableDrag) {\n  <div class=\"bizy-popup-wrapper\">\n    @if (!disableClose) {\n      <button class=\"bizy-popup-wrapper__close-button\" (click)=\"close()\" (keyup.enter)=\"close()\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\" class=\"bizy-popup-wrapper__close-button__icon\">\n          <path d=\"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\"/>\n        </svg>\n      </button>\n    }\n    <ng-container #dynamicComponentContainer></ng-container>\n  </div>\n}", styles: [":host{font-size:1rem;position:fixed!important;display:flex;height:var(--bizy-popup-height);min-height:var(--bizy-popup-min-height);max-height:var(--bizy-popup-max-height);width:var(--bizy-popup-width);min-width:var(--bizy-popup-min-width);max-width:var(--bizy-popup-max-width);max-height:95dvh;z-index:10}.bizy-popup-wrapper{flex:1;position:relative;padding:var(--bizy-popup-padding);background-color:var(--bizy-popup-background-color);border-radius:var(--bizy-popup-border-radius)}.bizy-popup-wrapper__drag-button{position:absolute;left:-.9rem;top:-.9rem;border:var(--bizy-popup-drag-button-border);border-radius:50%;padding:.2rem;place-items:center;display:grid;background-color:var(--bizy-popup-drag-button-background-color);cursor:pointer;transition:transform .2s;z-index:1}.bizy-popup-wrapper__drag-button:hover{transform:scale(1.1)}.bizy-popup-wrapper__drag-button__icon{height:1rem}.bizy-popup-wrapper__drag-button__icon{fill:var(--bizy-popup-drag-button-color)}.bizy-popup-wrapper__close-button{position:absolute;right:-.9rem;top:-.9rem;border:var(--bizy-popup-close-button-border);border-radius:50%;padding:.25rem .35rem;place-items:center;display:grid;background-color:var(--bizy-popup-close-button-background-color);cursor:pointer;transition:transform .2s;z-index:1}.bizy-popup-wrapper__close-button:hover .bizy-popup-wrapper__close-button__icon{transform:scale(1.1)}.bizy-popup-wrapper__close-button:hover .bizy-popup-wrapper__close-button__icon{fill:var(--bizy-popup-close-button-hover-color)}.bizy-popup-wrapper__close-button__icon{height:1rem;transition:fill .2s ease,}.bizy-popup-wrapper__close-button__icon{fill:var(--bizy-popup-close-button-color)}\n"] }]
         }], propDecorators: { dynamicComponentContainer: [{
                 type: ViewChild,
                 args: ['dynamicComponentContainer', { read: ViewContainerRef }]
@@ -9089,6 +9089,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
 class BizyRouterService {
     router;
     static backPath = '';
+    static data = {};
     transitionsEnd$;
     transitionsStart$;
     popStateEvent$;
@@ -9100,18 +9101,10 @@ class BizyRouterService {
         this.popStateEvent$ = fromEvent(window, 'popstate');
         this.routeChange$ = merge(this.transitionsEnd$, this.popStateEvent$).pipe(map(() => void 0));
     }
-    getURL() {
-        return window.location.pathname;
-    }
-    getBackPath() {
-        return BizyRouterService.backPath;
-    }
-    getId(activatedRoute, param) {
-        return activatedRoute.snapshot.paramMap.get(param);
-    }
-    getQueryParam(activatedRoute, param) {
-        return activatedRoute.snapshot.queryParamMap.get(param);
-    }
+    getURL = () => window.location.pathname;
+    getBackPath = () => BizyRouterService.backPath;
+    getId = (activatedRoute, param) => activatedRoute.snapshot.paramMap.get(param);
+    getQueryParam = (activatedRoute, param) => activatedRoute.snapshot.queryParamMap.get(param);
     getAllQueryParam() {
         const params = new URL(window.location.href).searchParams;
         const queryParams = {};
@@ -9120,6 +9113,7 @@ class BizyRouterService {
         }
         return queryParams;
     }
+    getData = () => BizyRouterService.data;
     goTo(data) {
         if (data.replace) {
             BizyRouterService.backPath = '';
@@ -9127,14 +9121,22 @@ class BizyRouterService {
         else {
             BizyRouterService.backPath = this.getURL();
         }
+        if (this.router.routerState && this.router.routerState.snapshot && this.router.routerState.snapshot.root) {
+            const root = this.router.routerState.snapshot.root;
+            let route = root;
+            while (route.firstChild) {
+                route = route.firstChild;
+            }
+            BizyRouterService.data = route && route.data ? route.data : {};
+        }
         if (data.path[0] === '/') {
-            this.router.navigateByUrl(`${data.path}${this._serialize(data.params)}`, { replaceUrl: data.replace ?? false, skipLocationChange: data.skip ?? false });
+            this.router.navigateByUrl(`${data.path}${this.#serialize(data.params)}`, { replaceUrl: data.replace ?? false, skipLocationChange: data.skip ?? false });
             return;
         }
         const path = this.getURL();
         const index = path.indexOf('?');
         const url = index !== -1 ? path.substring(0, index) : path;
-        this.router.navigateByUrl(`${url}/${data.path}${this._serialize(data.params)}`, { replaceUrl: data.replace ?? false, skipLocationChange: data.skip ?? false });
+        this.router.navigateByUrl(`${url}/${data.path}${this.#serialize(data.params)}`, { replaceUrl: data.replace ?? false, skipLocationChange: data.skip ?? false });
     }
     goBack(data) {
         if (BizyRouterService.backPath) {
@@ -9162,7 +9164,7 @@ class BizyRouterService {
             }, 1);
         }
     }
-    _serialize(params) {
+    #serialize(params) {
         if (!params) {
             return '';
         }
@@ -9180,9 +9182,7 @@ class BizyRouterService {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyRouterService, decorators: [{
             type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
+            args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1$2.Router, decorators: [{
                     type: Inject,
                     args: [Router]
@@ -9957,17 +9957,32 @@ async function overrideUserAgentUsingClientHints(hints) {
 }
 const exportedForTests = { getVersion, getWindowsPlatformVersion };
 
+var BIZY_DEVICE_OS;
+(function (BIZY_DEVICE_OS) {
+    BIZY_DEVICE_OS["IOS"] = "iOS";
+    BIZY_DEVICE_OS["MAC"] = "Mac";
+    BIZY_DEVICE_OS["ANDROID"] = "Android";
+    BIZY_DEVICE_OS["WINDOWS"] = "Windows";
+    BIZY_DEVICE_OS["LINUX"] = "Linux";
+})(BIZY_DEVICE_OS || (BIZY_DEVICE_OS = {}));
+var BIZY_DEVICE_BROWSER;
+(function (BIZY_DEVICE_BROWSER) {
+    BIZY_DEVICE_BROWSER["CHROME"] = "CHROME";
+    BIZY_DEVICE_BROWSER["SAFARI"] = "SAFARI";
+    BIZY_DEVICE_BROWSER["EDGE"] = "EDGE";
+    BIZY_DEVICE_BROWSER["OPERA"] = "OPERA";
+    BIZY_DEVICE_BROWSER["FIREFOX"] = "FIREFOX";
+    BIZY_DEVICE_BROWSER["UNKNOWN"] = "UNKNOWN";
+})(BIZY_DEVICE_BROWSER || (BIZY_DEVICE_BROWSER = {}));
 class BizyDeviceService {
     #device = inject(DeviceDetectorService);
-    get windowSizeChange$() {
-        return fromEvent(window, 'resize').pipe(debounceTime(200), map$1((event) => ({
-            width: event.currentTarget.innerWidth,
-            height: event.currentTarget.innerHeight
-        })), startWith({
-            width: window.innerWidth,
-            height: window.innerHeight
-        }));
-    }
+    windowSizeChange$ = fromEvent(window, 'resize').pipe(map$1((event) => ({
+        width: event.currentTarget.innerWidth,
+        height: event.currentTarget.innerHeight
+    })), startWith({
+        width: window.innerWidth,
+        height: window.innerHeight
+    }));
     async getUserAgent() {
         try {
             const userAgent = await overrideUserAgentUsingClientHints([
@@ -9984,11 +9999,44 @@ class BizyDeviceService {
             return window.navigator.userAgent;
         }
     }
+    getWindowSize = () => {
+        return {
+            width: window.innerWidth,
+            height: window.innerHeight
+        };
+    };
+    getWindowWidth = () => window.innerWidth;
+    getWindowHeight = () => window.innerHeight;
     isMobile = () => this.#device.isMobile();
     isTablet = () => this.#device.isTablet();
     isDesktop = () => this.#device.isDesktop();
     isPortrait = () => this.#device.orientation() === 'portrait';
     isLandscape = () => this.#device.orientation() === 'landscape';
+    isIOS = () => this.#device.os() === BIZY_DEVICE_OS.IOS;
+    isAndroid = () => this.#device.os() === BIZY_DEVICE_OS.ANDROID;
+    isMacintosh = () => this.#device.os() === BIZY_DEVICE_OS.MAC;
+    isWindows = () => this.#device.os() === BIZY_DEVICE_OS.WINDOWS;
+    isLinux = () => this.#device.os() === BIZY_DEVICE_OS.LINUX;
+    getOS = () => this.#device.os();
+    getBrowser = () => {
+        const browser = this.#device.browser();
+        if (browser.indexOf('Chrome') !== -1) {
+            return BIZY_DEVICE_BROWSER.CHROME;
+        }
+        if (browser.indexOf('Firefox') !== -1) {
+            return BIZY_DEVICE_BROWSER.FIREFOX;
+        }
+        if (browser.indexOf('Safari') !== -1) {
+            return BIZY_DEVICE_BROWSER.SAFARI;
+        }
+        if (browser.indexOf('Edge') !== -1) {
+            return BIZY_DEVICE_BROWSER.EDGE;
+        }
+        if (browser.indexOf('Opera') !== -1 || browser.indexOf('OPR') !== -1) {
+            return BIZY_DEVICE_BROWSER.OPERA;
+        }
+        return BIZY_DEVICE_BROWSER.UNKNOWN;
+    };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyDeviceService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyDeviceService, providedIn: 'root' });
 }
@@ -10066,6 +10114,7 @@ class BizyPopupService {
                     disableClose: data.disableCloseButton ?? false,
                     disableDrag: data.disableDragButton ?? false,
                     position,
+                    element: data.element,
                     placement
                 },
                 autoFocus: true,
@@ -10091,10 +10140,10 @@ class BizyPopupService {
         }
         let dialogRef = null;
         if (data.id) {
-            dialogRef = Array.from(BizyPopupService.dialogs).find(_dialogRef => _dialogRef.id === data.id);
+            dialogRef = Array.from(BizyPopupService.dialogs).find(_dialogRef => _dialogRef.id === data.id) || null;
         }
         else {
-            dialogRef = Array.from(BizyPopupService.dialogs).pop();
+            dialogRef = Array.from(BizyPopupService.dialogs).pop() || null;
         }
         if (dialogRef && dialogRef.componentInstance instanceof BizyPopupWrapperComponent) {
             dialogRef.componentInstance.setPlacement(data.placement);
@@ -10106,10 +10155,10 @@ class BizyPopupService {
     async close(data) {
         let dialogRef = null;
         if (data && data.id) {
-            dialogRef = Array.from(BizyPopupService.dialogs).find(_dialogRef => _dialogRef.id === data.id);
+            dialogRef = Array.from(BizyPopupService.dialogs).find(_dialogRef => _dialogRef.id === data.id) || null;
         }
         else {
-            dialogRef = Array.from(BizyPopupService.dialogs).pop();
+            dialogRef = Array.from(BizyPopupService.dialogs).pop() || null;
         }
         if (dialogRef) {
             if (dialogRef.componentInstance instanceof BizyFullScreenPopupWrapperComponent && dialogRef.overlayRef && dialogRef.overlayRef.overlayElement) {
@@ -10119,12 +10168,14 @@ class BizyPopupService {
             dialogRef.close(data ? data.response : null);
             BizyPopupService.dialogs.delete(dialogRef);
         }
+        this.#data = null;
     }
     closeAll() {
         Array.from(BizyPopupService.dialogs).forEach(_dialogRef => {
             _dialogRef.close();
         });
         BizyPopupService.dialogs.clear();
+        this.#data = null;
     }
     openedPopups() {
         return BizyPopupService.dialogs.size;
@@ -10142,10 +10193,13 @@ class BizyFullScreenPopupWrapperComponent {
     #dialogRef = inject(DialogRef);
     #popup = inject(BizyPopupService);
     #ref = inject(ChangeDetectorRef);
+    #document = inject(DOCUMENT$1);
     dynamicComponentContainer;
     disabled = false;
     disableClose = false;
     disableDrag = false;
+    position = { main: 'absolute', bottom: '0', left: '0', right: '0' };
+    minWidth = getComputedStyle(this.#document.documentElement).getPropertyValue('--bizy-popup-full-screen-min-width').trim();
     ngOnInit() {
         if (this.#data) {
             if (this.#data.disableClose) {
@@ -10154,6 +10208,20 @@ class BizyFullScreenPopupWrapperComponent {
             if (this.#data.disableDrag) {
                 this.disableDrag = this.#data.disableDrag;
             }
+            if (this.#data.element) {
+                const rect = this.#data.element.getBoundingClientRect();
+                const left = `${rect.left}px`;
+                const right = `${window.innerWidth - rect.right}px`;
+                const bottom = `${window.innerHeight - rect.bottom}px`;
+                this.position = {
+                    main: 'fixed',
+                    right,
+                    bottom,
+                    left,
+                    transform: '',
+                };
+                this.minWidth = '0';
+            }
         }
     }
     ngAfterViewInit() {
@@ -10172,13 +10240,19 @@ class BizyFullScreenPopupWrapperComponent {
         this.#popup.close({ id: this.#dialogRef.id });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyFullScreenPopupWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: BizyFullScreenPopupWrapperComponent, isStandalone: true, selector: "bizy-full-screen-popup-wrapper", host: { classAttribute: "animated slide-in-up" }, viewQueries: [{ propertyName: "dynamicComponentContainer", first: true, predicate: ["dynamicComponentContainer"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"bizy-full-screen-popup-wrapper\" [ngClass]=\"{'bizy-full-screen-popup-wrapper--disabled': disabled}\">\n\n  @if (!disableClose) {\n    <button class=\"bizy-full-screen-popup-wrapper__close-button\" (click)=\"close()\" (keyup.enter)=\"close()\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\" class=\"bizy-full-screen-popup-wrapper__close-button__icon\">\n        <path d=\"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\"/>\n      </svg>\n    </button>\n  }\n\n  <ng-container #dynamicComponentContainer></ng-container>\n\n</div>", styles: [":host{font-size:1rem;height:var(--bizy-popup-full-screen-height);width:100dvw;display:inline-block;position:absolute;bottom:0;left:0;right:0}.bizy-full-screen-popup-wrapper--disabled{pointer-events:none;cursor:default}.bizy-full-screen-popup-wrapper{position:relative;padding:var(--bizy-popup-full-screen-padding);background-color:var(--bizy-popup-full-screen-background-color);height:100%;width:100%;border-top-left-radius:var(--bizy-popup-full-screen-border-radius);border-top-right-radius:var(--bizy-popup-full-screen-border-radius)}.bizy-full-screen-popup-wrapper__close-button{position:absolute;right:1rem;top:1rem;border:var(--bizy-popup-full-screen-close-button-border);border-radius:50%;padding:.25rem .35rem;place-items:center;display:grid;background-color:var(--bizy-popup-full-screen-close-button-background-color);cursor:pointer;transition:transform .2s;z-index:1}.bizy-full-screen-popup-wrapper__close-button:hover .bizy-full-screen-popup-wrapper__close-button__icon{transform:scale(1.1)}.bizy-full-screen-popup-wrapper__close-button:hover .bizy-full-screen-popup-wrapper__close-button__icon{fill:var(--bizy-popup-full-screen-close-button-hover-color)}.bizy-full-screen-popup-wrapper__close-button__icon{height:1rem;transition:fill .2s ease,}.bizy-full-screen-popup-wrapper__close-button__icon{fill:var(--bizy-popup-full-screen-close-button-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: DialogModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: BizyFullScreenPopupWrapperComponent, isStandalone: true, selector: "bizy-full-screen-popup-wrapper", host: { properties: { "style.position": "position.main", "style.right": "position.right", "style.bottom": "position.bottom", "style.left": "position.left", "style.transform": "position.transform", "style.min-width": "minWidth" }, classAttribute: "animated slide-in-up" }, viewQueries: [{ propertyName: "dynamicComponentContainer", first: true, predicate: ["dynamicComponentContainer"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"bizy-full-screen-popup-wrapper\" [ngClass]=\"{'bizy-full-screen-popup-wrapper--disabled': disabled}\">\n\n  @if (!disableClose) {\n    <button class=\"bizy-full-screen-popup-wrapper__close-button\" (click)=\"close()\" (keyup.enter)=\"close()\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\" class=\"bizy-full-screen-popup-wrapper__close-button__icon\">\n        <path d=\"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\"/>\n      </svg>\n    </button>\n  }\n\n  <ng-container #dynamicComponentContainer></ng-container>\n\n</div>", styles: [":host{font-size:1rem;height:var(--bizy-popup-full-screen-height);min-height:var(--bizy-popup-full-screen-min-height);max-height:var(--bizy-popup-full-screen-max-height);width:var(--bizy-popup-full-screen-width);max-width:var(--bizy-popup-full-screen-max-width);display:flex}.bizy-full-screen-popup-wrapper--disabled{pointer-events:none;cursor:default}.bizy-full-screen-popup-wrapper{flex:1;position:relative;padding:var(--bizy-popup-full-screen-padding);background-color:var(--bizy-popup-full-screen-background-color);border-top-left-radius:var(--bizy-popup-full-screen-border-top-left-radius, var(--bizy-popup-full-screen-border-radius, 1rem));border-top-right-radius:var(--bizy-popup-full-screen-border-top-right-radius, var(--bizy-popup-full-screen-border-radius, 1rem));border-bottom-right-radius:var(--bizy-popup-full-screen-border-bottom-right-radius, var(--bizy-popup-full-screen-border-radius, 0));border-bottom-left-radius:var(--bizy-popup-full-screen-border-bottom-left-radius, var(--bizy-popup-full-screen-border-radius, 0))}.bizy-full-screen-popup-wrapper__close-button{position:absolute;right:1rem;top:1rem;border:var(--bizy-popup-full-screen-close-button-border);border-radius:50%;padding:.25rem .35rem;place-items:center;display:grid;background-color:var(--bizy-popup-full-screen-close-button-background-color);cursor:pointer;transition:transform .2s;z-index:1}.bizy-full-screen-popup-wrapper__close-button:hover .bizy-full-screen-popup-wrapper__close-button__icon{transform:scale(1.1)}.bizy-full-screen-popup-wrapper__close-button:hover .bizy-full-screen-popup-wrapper__close-button__icon{fill:var(--bizy-popup-full-screen-close-button-hover-color)}.bizy-full-screen-popup-wrapper__close-button__icon{height:1rem;transition:fill .2s ease,}.bizy-full-screen-popup-wrapper__close-button__icon{fill:var(--bizy-popup-full-screen-close-button-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: DialogModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyFullScreenPopupWrapperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bizy-full-screen-popup-wrapper', imports: [CommonModule, DialogModule], changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        'class': 'animated slide-in-up'
-                    }, template: "<div class=\"bizy-full-screen-popup-wrapper\" [ngClass]=\"{'bizy-full-screen-popup-wrapper--disabled': disabled}\">\n\n  @if (!disableClose) {\n    <button class=\"bizy-full-screen-popup-wrapper__close-button\" (click)=\"close()\" (keyup.enter)=\"close()\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\" class=\"bizy-full-screen-popup-wrapper__close-button__icon\">\n        <path d=\"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\"/>\n      </svg>\n    </button>\n  }\n\n  <ng-container #dynamicComponentContainer></ng-container>\n\n</div>", styles: [":host{font-size:1rem;height:var(--bizy-popup-full-screen-height);width:100dvw;display:inline-block;position:absolute;bottom:0;left:0;right:0}.bizy-full-screen-popup-wrapper--disabled{pointer-events:none;cursor:default}.bizy-full-screen-popup-wrapper{position:relative;padding:var(--bizy-popup-full-screen-padding);background-color:var(--bizy-popup-full-screen-background-color);height:100%;width:100%;border-top-left-radius:var(--bizy-popup-full-screen-border-radius);border-top-right-radius:var(--bizy-popup-full-screen-border-radius)}.bizy-full-screen-popup-wrapper__close-button{position:absolute;right:1rem;top:1rem;border:var(--bizy-popup-full-screen-close-button-border);border-radius:50%;padding:.25rem .35rem;place-items:center;display:grid;background-color:var(--bizy-popup-full-screen-close-button-background-color);cursor:pointer;transition:transform .2s;z-index:1}.bizy-full-screen-popup-wrapper__close-button:hover .bizy-full-screen-popup-wrapper__close-button__icon{transform:scale(1.1)}.bizy-full-screen-popup-wrapper__close-button:hover .bizy-full-screen-popup-wrapper__close-button__icon{fill:var(--bizy-popup-full-screen-close-button-hover-color)}.bizy-full-screen-popup-wrapper__close-button__icon{height:1rem;transition:fill .2s ease,}.bizy-full-screen-popup-wrapper__close-button__icon{fill:var(--bizy-popup-full-screen-close-button-color)}\n"] }]
+                        'class': 'animated slide-in-up',
+                        '[style.position]': 'position.main',
+                        '[style.right]': 'position.right',
+                        '[style.bottom]': 'position.bottom',
+                        '[style.left]': 'position.left',
+                        '[style.transform]': 'position.transform',
+                        '[style.min-width]': 'minWidth',
+                    }, template: "<div class=\"bizy-full-screen-popup-wrapper\" [ngClass]=\"{'bizy-full-screen-popup-wrapper--disabled': disabled}\">\n\n  @if (!disableClose) {\n    <button class=\"bizy-full-screen-popup-wrapper__close-button\" (click)=\"close()\" (keyup.enter)=\"close()\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\" class=\"bizy-full-screen-popup-wrapper__close-button__icon\">\n        <path d=\"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\"/>\n      </svg>\n    </button>\n  }\n\n  <ng-container #dynamicComponentContainer></ng-container>\n\n</div>", styles: [":host{font-size:1rem;height:var(--bizy-popup-full-screen-height);min-height:var(--bizy-popup-full-screen-min-height);max-height:var(--bizy-popup-full-screen-max-height);width:var(--bizy-popup-full-screen-width);max-width:var(--bizy-popup-full-screen-max-width);display:flex}.bizy-full-screen-popup-wrapper--disabled{pointer-events:none;cursor:default}.bizy-full-screen-popup-wrapper{flex:1;position:relative;padding:var(--bizy-popup-full-screen-padding);background-color:var(--bizy-popup-full-screen-background-color);border-top-left-radius:var(--bizy-popup-full-screen-border-top-left-radius, var(--bizy-popup-full-screen-border-radius, 1rem));border-top-right-radius:var(--bizy-popup-full-screen-border-top-right-radius, var(--bizy-popup-full-screen-border-radius, 1rem));border-bottom-right-radius:var(--bizy-popup-full-screen-border-bottom-right-radius, var(--bizy-popup-full-screen-border-radius, 0));border-bottom-left-radius:var(--bizy-popup-full-screen-border-bottom-left-radius, var(--bizy-popup-full-screen-border-radius, 0))}.bizy-full-screen-popup-wrapper__close-button{position:absolute;right:1rem;top:1rem;border:var(--bizy-popup-full-screen-close-button-border);border-radius:50%;padding:.25rem .35rem;place-items:center;display:grid;background-color:var(--bizy-popup-full-screen-close-button-background-color);cursor:pointer;transition:transform .2s;z-index:1}.bizy-full-screen-popup-wrapper__close-button:hover .bizy-full-screen-popup-wrapper__close-button__icon{transform:scale(1.1)}.bizy-full-screen-popup-wrapper__close-button:hover .bizy-full-screen-popup-wrapper__close-button__icon{fill:var(--bizy-popup-full-screen-close-button-hover-color)}.bizy-full-screen-popup-wrapper__close-button__icon{height:1rem;transition:fill .2s ease,}.bizy-full-screen-popup-wrapper__close-button__icon{fill:var(--bizy-popup-full-screen-close-button-color)}\n"] }]
         }], propDecorators: { dynamicComponentContainer: [{
                 type: ViewChild,
                 args: ['dynamicComponentContainer', { read: ViewContainerRef }]
@@ -11326,11 +11400,11 @@ class BizyCardComponent {
     }
     getNativeElement = () => this.#elementRef?.nativeElement;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: BizyCardComponent, isStandalone: true, selector: "bizy-card", inputs: { id: "id", disabled: "disabled", selected: "selected", customClass: "customClass" }, outputs: { onSelect: "onSelect" }, ngImport: i0, template: "<button \n    type=\"button\"\n    (click)=\"_onSelect($event)\"\n    (keyup.enter)=\"_onSelect($event)\"\n    class=\"bizy-card {{customClass}}\"\n    [ngClass]=\"{'bizy-card--disabled': disabled}\">\n\n    <span class=\"bizy-card__header\">\n\n        <span class=\"bizy-card__header__start bizy-card__slot\">\n            <ng-content select=\"[slot=header-start]\"></ng-content>\n        </span>\n\n        <span class=\"bizy-card__header__end bizy-card__slot\">\n            <ng-content select=\"[slot=header-end]\"></ng-content>\n        </span>\n\n    </span>\n\n    <span class=\"bizy-card__content\">\n\n        <ng-content></ng-content>\n\n    </span>\n\n    <span class=\"bizy-card__footer\">\n\n        <span class=\"bizy-card__footer__start bizy-card__slot\">\n            <ng-content select=\"[slot=footer-start]\"></ng-content>\n        </span>\n\n        <span class=\"bizy-card__footer__end bizy-card__slot\">\n            <ng-content select=\"[slot=footer-end]\"></ng-content>\n        </span>\n\n    </span>\n\n</button>", styles: [":host{font-size:1rem;height:var(--bizy-card-height);min-height:var(--bizy-card-min-height);max-height:var(--bizy-card-max-height);width:var(--bizy-card-width);min-width:var(--bizy-card-min-width);max-width:var(--bizy-card-max-width)}.bizy-card{height:100%;width:100%;cursor:var(--bizy-card-cursor);border-top:var(--bizy-card-border-top, var(--bizy-card-border, none));border-right:var(--bizy-card-border-right, var(--bizy-card-border, none));border-bottom:var(--bizy-card-border-bottom, var(--bizy-card-border, none));border-left:var(--bizy-card-border-left, var(--bizy-card-border, none));border-radius:var(--bizy-card-border-radius);overflow:hidden;padding:var(--bizy-card-padding);display:flex;flex-direction:column;justify-content:space-between;row-gap:var(--bizy-card-row-gap);background-color:var(--bizy-card-background-color);transition:transform .25s ease-in-out;box-shadow:var(--bizy-card-box-shadow)}.bizy-card:hover{transform:translateY(-1px);box-shadow:var(--bizy-card-hover-box-shadow)}.bizy-card:has(>.bizy-card__content:empty)>.bizy-card__content{display:none}.bizy-card:has(>.bizy-card__content:empty)>.bizy-card__header:not(:empty){height:100%!important}.bizy-card:has(>.bizy-card__content:empty)>.bizy-card__footer:not(:empty){height:100%!important}.bizy-card--disabled{pointer-events:none;opacity:.5;cursor:not-allowed!important}.bizy-card__content:not(:empty){display:flex;align-items:var(--bizy-card-content-align-items);column-gap:var(--bizy-card-content-column-gap, var(--bizy-card-content-gap, 0));row-gap:var(--bizy-card-content-row-gap, var(--bizy-card-content-gap, 0));flex-wrap:var(--bizy-card-content-flex-wrap);height:100%;width:100%;background-color:var(--bizy-card-content-background-color)}.bizy-card__header:has(>.bizy-card__header__start:empty):has(>.bizy-card__header__end:empty){display:none}.bizy-card__header:not(:empty){width:100%;height:fit-content;display:grid;grid-template-columns:auto auto;align-items:var(--bizy-card-header-align-items);column-gap:var(--bizy-card-header-column-gap);background-color:var(--bizy-card-header-background-color)}.bizy-card__header__start{justify-content:flex-start}.bizy-card__header__end{justify-content:flex-end}.bizy-card__slot{width:100%;display:flex;align-items:center;column-gap:var(--bizy-card-slot-column-gap);height:100%;overflow:hidden}.bizy-card__footer:has(>.bizy-card__footer__start:empty):has(>.bizy-card__footer__end:empty){display:none}.bizy-card__footer:not(:empty){width:100%;height:fit-content;display:grid;grid-template-columns:auto auto;align-items:var(--bizy-card-footer-align-items);column-gap:var(--bizy-card-footer-column-gap);background-color:var(--bizy-card-footer-background-color)}.bizy-card__footer__start{justify-content:flex-start}.bizy-card__footer__end{justify-content:flex-end}\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: "21.0.5", type: BizyCardComponent, isStandalone: true, selector: "bizy-card", inputs: { id: "id", disabled: "disabled", selected: "selected", customClass: "customClass" }, outputs: { onSelect: "onSelect" }, ngImport: i0, template: "<button \n    type=\"button\"\n    (click)=\"_onSelect($event)\"\n    (keyup.enter)=\"_onSelect($event)\"\n    class=\"bizy-card {{customClass}}\"\n    [ngClass]=\"{'bizy-card--disabled': disabled}\">\n\n    <span class=\"bizy-card__header\">\n\n        <span class=\"bizy-card__header__start bizy-card__slot\">\n            <ng-content select=\"[slot=header-start]\"></ng-content>\n        </span>\n\n        <span class=\"bizy-card__header__end bizy-card__slot\">\n            <ng-content select=\"[slot=header-end]\"></ng-content>\n        </span>\n\n    </span>\n\n    <span class=\"bizy-card__content\">\n\n        <ng-content></ng-content>\n\n    </span>\n\n    <span class=\"bizy-card__footer\">\n\n        <span class=\"bizy-card__footer__start bizy-card__slot\">\n            <ng-content select=\"[slot=footer-start]\"></ng-content>\n        </span>\n\n        <span class=\"bizy-card__footer__end bizy-card__slot\">\n            <ng-content select=\"[slot=footer-end]\"></ng-content>\n        </span>\n\n    </span>\n\n</button>", styles: [":host{font-size:1rem;height:var(--bizy-card-height);min-height:var(--bizy-card-min-height);max-height:var(--bizy-card-max-height);width:var(--bizy-card-width);min-width:var(--bizy-card-min-width);max-width:var(--bizy-card-max-width)}.bizy-card{height:100%;width:100%;cursor:var(--bizy-card-cursor);border-top:var(--bizy-card-border-top, var(--bizy-card-border, none));border-right:var(--bizy-card-border-right, var(--bizy-card-border, none));border-bottom:var(--bizy-card-border-bottom, var(--bizy-card-border, none));border-left:var(--bizy-card-border-left, var(--bizy-card-border, none));border-radius:var(--bizy-card-border-radius);overflow:hidden;padding:var(--bizy-card-padding);display:flex;flex-direction:column;justify-content:space-between;row-gap:var(--bizy-card-row-gap);background-color:var(--bizy-card-background-color);transition:transform .25s ease-in-out,box-shadow .2s ease;box-shadow:var(--bizy-card-box-shadow)}.bizy-card:hover{transform:translateY(-1px);box-shadow:var(--bizy-card-hover-box-shadow)}.bizy-card:has(>.bizy-card__content:empty)>.bizy-card__content{display:none}.bizy-card:has(>.bizy-card__content:empty)>.bizy-card__header:not(:empty){height:100%!important}.bizy-card:has(>.bizy-card__content:empty)>.bizy-card__footer:not(:empty){height:100%!important}.bizy-card--disabled{pointer-events:none;opacity:.5;cursor:not-allowed!important}.bizy-card__content:not(:empty){display:flex;align-items:var(--bizy-card-content-align-items);column-gap:var(--bizy-card-content-column-gap, var(--bizy-card-content-gap, 0));row-gap:var(--bizy-card-content-row-gap, var(--bizy-card-content-gap, 0));flex-wrap:var(--bizy-card-content-flex-wrap);height:100%;width:100%;background-color:var(--bizy-card-content-background-color)}.bizy-card__header:has(>.bizy-card__header__start:empty):has(>.bizy-card__header__end:empty){display:none}.bizy-card__header:not(:empty){width:100%;height:fit-content;display:grid;grid-template-columns:auto auto;align-items:var(--bizy-card-header-align-items);column-gap:var(--bizy-card-header-column-gap);background-color:var(--bizy-card-header-background-color)}.bizy-card__header__start{justify-content:flex-start}.bizy-card__header__end{justify-content:flex-end}.bizy-card__slot{width:100%;display:flex;align-items:center;column-gap:var(--bizy-card-slot-column-gap);height:100%;overflow:hidden}.bizy-card__footer:has(>.bizy-card__footer__start:empty):has(>.bizy-card__footer__end:empty){display:none}.bizy-card__footer:not(:empty){width:100%;height:fit-content;display:grid;grid-template-columns:auto auto;align-items:var(--bizy-card-footer-align-items);column-gap:var(--bizy-card-footer-column-gap);background-color:var(--bizy-card-footer-background-color)}.bizy-card__footer__start{justify-content:flex-start}.bizy-card__footer__end{justify-content:flex-end}\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: "21.0.5", ngImport: i0, type: BizyCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bizy-card', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n    type=\"button\"\n    (click)=\"_onSelect($event)\"\n    (keyup.enter)=\"_onSelect($event)\"\n    class=\"bizy-card {{customClass}}\"\n    [ngClass]=\"{'bizy-card--disabled': disabled}\">\n\n    <span class=\"bizy-card__header\">\n\n        <span class=\"bizy-card__header__start bizy-card__slot\">\n            <ng-content select=\"[slot=header-start]\"></ng-content>\n        </span>\n\n        <span class=\"bizy-card__header__end bizy-card__slot\">\n            <ng-content select=\"[slot=header-end]\"></ng-content>\n        </span>\n\n    </span>\n\n    <span class=\"bizy-card__content\">\n\n        <ng-content></ng-content>\n\n    </span>\n\n    <span class=\"bizy-card__footer\">\n\n        <span class=\"bizy-card__footer__start bizy-card__slot\">\n            <ng-content select=\"[slot=footer-start]\"></ng-content>\n        </span>\n\n        <span class=\"bizy-card__footer__end bizy-card__slot\">\n            <ng-content select=\"[slot=footer-end]\"></ng-content>\n        </span>\n\n    </span>\n\n</button>", styles: [":host{font-size:1rem;height:var(--bizy-card-height);min-height:var(--bizy-card-min-height);max-height:var(--bizy-card-max-height);width:var(--bizy-card-width);min-width:var(--bizy-card-min-width);max-width:var(--bizy-card-max-width)}.bizy-card{height:100%;width:100%;cursor:var(--bizy-card-cursor);border-top:var(--bizy-card-border-top, var(--bizy-card-border, none));border-right:var(--bizy-card-border-right, var(--bizy-card-border, none));border-bottom:var(--bizy-card-border-bottom, var(--bizy-card-border, none));border-left:var(--bizy-card-border-left, var(--bizy-card-border, none));border-radius:var(--bizy-card-border-radius);overflow:hidden;padding:var(--bizy-card-padding);display:flex;flex-direction:column;justify-content:space-between;row-gap:var(--bizy-card-row-gap);background-color:var(--bizy-card-background-color);transition:transform .25s ease-in-out;box-shadow:var(--bizy-card-box-shadow)}.bizy-card:hover{transform:translateY(-1px);box-shadow:var(--bizy-card-hover-box-shadow)}.bizy-card:has(>.bizy-card__content:empty)>.bizy-card__content{display:none}.bizy-card:has(>.bizy-card__content:empty)>.bizy-card__header:not(:empty){height:100%!important}.bizy-card:has(>.bizy-card__content:empty)>.bizy-card__footer:not(:empty){height:100%!important}.bizy-card--disabled{pointer-events:none;opacity:.5;cursor:not-allowed!important}.bizy-card__content:not(:empty){display:flex;align-items:var(--bizy-card-content-align-items);column-gap:var(--bizy-card-content-column-gap, var(--bizy-card-content-gap, 0));row-gap:var(--bizy-card-content-row-gap, var(--bizy-card-content-gap, 0));flex-wrap:var(--bizy-card-content-flex-wrap);height:100%;width:100%;background-color:var(--bizy-card-content-background-color)}.bizy-card__header:has(>.bizy-card__header__start:empty):has(>.bizy-card__header__end:empty){display:none}.bizy-card__header:not(:empty){width:100%;height:fit-content;display:grid;grid-template-columns:auto auto;align-items:var(--bizy-card-header-align-items);column-gap:var(--bizy-card-header-column-gap);background-color:var(--bizy-card-header-background-color)}.bizy-card__header__start{justify-content:flex-start}.bizy-card__header__end{justify-content:flex-end}.bizy-card__slot{width:100%;display:flex;align-items:center;column-gap:var(--bizy-card-slot-column-gap);height:100%;overflow:hidden}.bizy-card__footer:has(>.bizy-card__footer__start:empty):has(>.bizy-card__footer__end:empty){display:none}.bizy-card__footer:not(:empty){width:100%;height:fit-content;display:grid;grid-template-columns:auto auto;align-items:var(--bizy-card-footer-align-items);column-gap:var(--bizy-card-footer-column-gap);background-color:var(--bizy-card-footer-background-color)}.bizy-card__footer__start{justify-content:flex-start}.bizy-card__footer__end{justify-content:flex-end}\n"] }]
+            args: [{ selector: 'bizy-card', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n    type=\"button\"\n    (click)=\"_onSelect($event)\"\n    (keyup.enter)=\"_onSelect($event)\"\n    class=\"bizy-card {{customClass}}\"\n    [ngClass]=\"{'bizy-card--disabled': disabled}\">\n\n    <span class=\"bizy-card__header\">\n\n        <span class=\"bizy-card__header__start bizy-card__slot\">\n            <ng-content select=\"[slot=header-start]\"></ng-content>\n        </span>\n\n        <span class=\"bizy-card__header__end bizy-card__slot\">\n            <ng-content select=\"[slot=header-end]\"></ng-content>\n        </span>\n\n    </span>\n\n    <span class=\"bizy-card__content\">\n\n        <ng-content></ng-content>\n\n    </span>\n\n    <span class=\"bizy-card__footer\">\n\n        <span class=\"bizy-card__footer__start bizy-card__slot\">\n            <ng-content select=\"[slot=footer-start]\"></ng-content>\n        </span>\n\n        <span class=\"bizy-card__footer__end bizy-card__slot\">\n            <ng-content select=\"[slot=footer-end]\"></ng-content>\n        </span>\n\n    </span>\n\n</button>", styles: [":host{font-size:1rem;height:var(--bizy-card-height);min-height:var(--bizy-card-min-height);max-height:var(--bizy-card-max-height);width:var(--bizy-card-width);min-width:var(--bizy-card-min-width);max-width:var(--bizy-card-max-width)}.bizy-card{height:100%;width:100%;cursor:var(--bizy-card-cursor);border-top:var(--bizy-card-border-top, var(--bizy-card-border, none));border-right:var(--bizy-card-border-right, var(--bizy-card-border, none));border-bottom:var(--bizy-card-border-bottom, var(--bizy-card-border, none));border-left:var(--bizy-card-border-left, var(--bizy-card-border, none));border-radius:var(--bizy-card-border-radius);overflow:hidden;padding:var(--bizy-card-padding);display:flex;flex-direction:column;justify-content:space-between;row-gap:var(--bizy-card-row-gap);background-color:var(--bizy-card-background-color);transition:transform .25s ease-in-out,box-shadow .2s ease;box-shadow:var(--bizy-card-box-shadow)}.bizy-card:hover{transform:translateY(-1px);box-shadow:var(--bizy-card-hover-box-shadow)}.bizy-card:has(>.bizy-card__content:empty)>.bizy-card__content{display:none}.bizy-card:has(>.bizy-card__content:empty)>.bizy-card__header:not(:empty){height:100%!important}.bizy-card:has(>.bizy-card__content:empty)>.bizy-card__footer:not(:empty){height:100%!important}.bizy-card--disabled{pointer-events:none;opacity:.5;cursor:not-allowed!important}.bizy-card__content:not(:empty){display:flex;align-items:var(--bizy-card-content-align-items);column-gap:var(--bizy-card-content-column-gap, var(--bizy-card-content-gap, 0));row-gap:var(--bizy-card-content-row-gap, var(--bizy-card-content-gap, 0));flex-wrap:var(--bizy-card-content-flex-wrap);height:100%;width:100%;background-color:var(--bizy-card-content-background-color)}.bizy-card__header:has(>.bizy-card__header__start:empty):has(>.bizy-card__header__end:empty){display:none}.bizy-card__header:not(:empty){width:100%;height:fit-content;display:grid;grid-template-columns:auto auto;align-items:var(--bizy-card-header-align-items);column-gap:var(--bizy-card-header-column-gap);background-color:var(--bizy-card-header-background-color)}.bizy-card__header__start{justify-content:flex-start}.bizy-card__header__end{justify-content:flex-end}.bizy-card__slot{width:100%;display:flex;align-items:center;column-gap:var(--bizy-card-slot-column-gap);height:100%;overflow:hidden}.bizy-card__footer:has(>.bizy-card__footer__start:empty):has(>.bizy-card__footer__end:empty){display:none}.bizy-card__footer:not(:empty){width:100%;height:fit-content;display:grid;grid-template-columns:auto auto;align-items:var(--bizy-card-footer-align-items);column-gap:var(--bizy-card-footer-column-gap);background-color:var(--bizy-card-footer-background-color)}.bizy-card__footer__start{justify-content:flex-start}.bizy-card__footer__end{justify-content:flex-end}\n"] }]
         }], propDecorators: { id: [{
                 type: Input
             }], disabled: [{
@@ -11544,6 +11618,7 @@ class BizyInputComponent {
     valueChange = new EventEmitter();
     onChange = new EventEmitter();
     onEnter = new EventEmitter();
+    onKey = new EventEmitter();
     onBackspace = new EventEmitter();
     onSelect = new EventEmitter();
     onBlur = new EventEmitter();
@@ -11619,6 +11694,12 @@ class BizyInputComponent {
         }
         this.onEnter.emit(event);
     };
+    _onKeyDown = (event) => {
+        if (this.disabled || this.readonly || !this.focused) {
+            return;
+        }
+        this.onKey.emit(event.key);
+    };
     _onBackspace = (event) => {
         setTimeout(() => {
             this.onBackspace.emit(event);
@@ -11692,11 +11773,11 @@ class BizyInputComponent {
         this.#optionSubscription.unsubscribe();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: BizyInputComponent, isStandalone: true, selector: "bizy-input", inputs: { id: "id", name: "name", customClass: "customClass", placeholder: "placeholder", debounceTime: "debounceTime", rows: "rows", type: "type", maxLength: "maxLength", autofocus: "autofocus", disabled: "disabled", readonly: "readonly", value: "value" }, outputs: { valueChange: "valueChange", onChange: "onChange", onEnter: "onEnter", onBackspace: "onBackspace", onSelect: "onSelect", onBlur: "onBlur", onFocus: "onFocus", onPaste: "onPaste" }, queries: [{ propertyName: "options", predicate: BizyInputOptionComponent }], viewQueries: [{ propertyName: "bizyInputWrapper", first: true, predicate: ["bizyInputWrapper"], descendants: true }, { propertyName: "bizyInput", first: true, predicate: ["bizyInput"], descendants: true }], ngImport: i0, template: "<button\n  #bizyInputWrapper\n  type=\"button\"\n  (click)=\"_onClick($event)\"\n  (keyup)=\"_onClick($event)\"\n  class=\"bizy-input {{customClass}}\"\n  (focus)=\"setFocus(true)\"\n  cdkOverlayOrigin\n  #bizyInputTrigger=\"cdkOverlayOrigin\"\n  [ngClass]=\"{'bizy-input--disabled': disabled, 'bizy-input--negative': type === 'currency' && _currencyValue < 0}\">\n\n  <span class=\"bizy-input__header\">\n    <ng-content select=\"[slot=header]\"></ng-content>\n  </span>\n\n  <span class=\"bizy-input__content\" [ngClass]=\"{'bizy-input__content--readonly': readonly}\">\n\n    <span class=\"bizy-input__content__prefix\">\n      <ng-content select=\"[slot=prefix]\"></ng-content>\n    </span>\n\n    @if (type !== 'textarea') {\n      <input\n        #bizyInput\n        [id]=\"id\"\n        class=\"bizy-input__content__input\"\n        [type]=\"type === 'currency' ? 'tel' : type\"\n        [placeholder]=\"placeholder\"\n        [readonly]=\"readonly\"\n        [maxlength]=\"maxLength\"\n        [bizyCurrencyFormat]=\"type === 'currency'\"\n        [bizyCurrencyOptions]=\"currencyOptions\"\n        [bizyOnlyPhoneDigits]=\"type === 'tel'\"\n        (keyup.enter)=\"_onEnter($event)\"\n        (keyup.backspace)=\"_onBackspace($event)\"\n        [ngModel]=\"_value\"\n        (ngModelChange)=\"_onchange($event)\"/>\n    }\n\n    @if (type === 'textarea') {\n      <textarea\n        #bizyInput\n        [id]=\"id\"\n        [rows]=\"rows\"\n        [placeholder]=\"placeholder\"\n        [readonly]=\"readonly\"\n        [maxlength]=\"maxLength\"\n        class=\"bizy-input__content__input\"\n        (keyup.enter)=\"_onEnter($event)\"\n        (keyup.backspace)=\"_onBackspace($event)\"\n        [ngModel]=\"_value\"\n        (ngModelChange)=\"_onchange($event)\">\n      </textarea>\n    }\n\n    <span class=\"bizy-input__content__suffix\">\n      <ng-content select=\"[slot=suffix]\"></ng-content>\n    </span>\n\n  </span>\n\n  <span class=\"bizy-input__bottom-line\" [ngClass]=\"{'bizy-input__bottom-line--visible': focused}\"></span>\n\n</button>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayMinWidth]=\"bizyInputWrapper?.offsetWidth\"\n  [cdkConnectedOverlayOrigin]=\"bizyInputTrigger\"\n  (overlayOutsideClick)=\"close($event, bizyInputWrapper)\"\n  [cdkConnectedOverlayOpen]=\"opened\">\n\n  <span class=\"bizy-input__options\">\n\n    <ng-content select=\"bizy-input-option\"></ng-content>\n\n  </span>\n\n</ng-template>\n\n@if (touched) {\n  <span class=\"bizy-input__errors\">\n    <ng-content select=\"[slot=error]\"></ng-content>\n  </span>\n}\n", styles: [":host{width:var(--bizy-input-width);min-width:var(--bizy-input-min-width);max-width:var(--bizy-input-max-width);display:flex;flex-direction:column;row-gap:.3rem}:host:has(>.bizy-input__errors:not(:empty)) .bizy-input__bottom-line{background-color:var(--bizy-input-invalid-color)!important;visibility:visible!important}:host:has(>.bizy-input__errors:not(:empty)) .bizy-input__content__input{color:var(--bizy-input-invalid-color)!important}.bizy-input{width:100%;background-color:var(--bizy-input-background-color);border:none;border-top-left-radius:.3rem;border-top-right-radius:.3rem;display:flex;padding:.3rem .3rem 0;flex-direction:column;cursor:var(--bizy-input-cursor)}.bizy-input--negative,.bizy-input--negative .bizy-input__header,.bizy-input--negative .bizy-input__content,.bizy-input--negative .bizy-input__content__input{background-color:var(--bizy-input-negative-background-color)}.bizy-input--disabled{opacity:.5;pointer-events:none;cursor:not-allowed!important}.bizy-input__header{background-color:var(--bizy-input-background-color);width:100%;display:flex;align-items:center;column-gap:.5rem;padding-bottom:.1rem}.bizy-input__header:empty{display:none!important}.bizy-input__content{background-color:var(--bizy-input-background-color);width:100%;display:flex;align-items:center;column-gap:.3rem}.bizy-input__content--readonly{pointer-events:none;cursor:default!important}.bizy-input__content__prefix{display:flex;align-items:center;column-gap:.3rem}.bizy-input__content__prefix:empty{display:none!important}.bizy-input__content__suffix{display:flex;align-items:center;column-gap:.3rem}.bizy-input__content__suffix:empty{display:none!important}.bizy-input__content__input{width:100%;background-color:var(--bizy-input-background-color);color:var(--bizy-input-color);flex:1;border:none;padding-block:0;padding-inline:0;padding:0 0 .2rem;font-size:var(--bizy-input-font-size)}.bizy-input__content__input:focus{outline:none;border:none}.bizy-input__content__input::placeholder{color:var(--bizy-input-placeholder-color)}.bizy-input__content input[type=number]::-webkit-inner-spin-button,.bizy-input__content input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.bizy-input__bottom-line{width:calc(100% + .6rem);position:relative;right:.3rem;height:.1rem;visibility:hidden;pointer-events:none;background-color:var(--bizy-input-focus-color)}.bizy-input__bottom-line--visible{visibility:visible;animation-name:zoomIn;animation-duration:.2s;animation-fill-mode:both}.bizy-input__options{background-color:var(--bizy-input-background-color);display:flex;min-width:fit-content;width:100%;flex-direction:column;box-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014;max-height:var(--bizy-input-options-height);overflow-y:auto;overflow-x:hidden;position:relative}.bizy-input__errors:empty{display:none!important}::ng-deep .bizy-input__errors *{color:var(--bizy-input-invalid-color)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: BizyCurrencyFormatDirective, selector: "[bizyCurrencyFormat]", inputs: ["bizyCurrencyFormat", "bizyCurrencyOptions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: BizyInputComponent, isStandalone: true, selector: "bizy-input", inputs: { id: "id", name: "name", customClass: "customClass", placeholder: "placeholder", debounceTime: "debounceTime", rows: "rows", type: "type", maxLength: "maxLength", autofocus: "autofocus", disabled: "disabled", readonly: "readonly", value: "value" }, outputs: { valueChange: "valueChange", onChange: "onChange", onEnter: "onEnter", onKey: "onKey", onBackspace: "onBackspace", onSelect: "onSelect", onBlur: "onBlur", onFocus: "onFocus", onPaste: "onPaste" }, queries: [{ propertyName: "options", predicate: BizyInputOptionComponent }], viewQueries: [{ propertyName: "bizyInputWrapper", first: true, predicate: ["bizyInputWrapper"], descendants: true }, { propertyName: "bizyInput", first: true, predicate: ["bizyInput"], descendants: true }], ngImport: i0, template: "<button\n  #bizyInputWrapper\n  type=\"button\"\n  (click)=\"_onClick($event)\"\n  (keyup)=\"_onClick($event)\"\n  class=\"bizy-input {{customClass}}\"\n  (focus)=\"setFocus(true)\"\n  cdkOverlayOrigin\n  #bizyInputTrigger=\"cdkOverlayOrigin\"\n  [ngClass]=\"{'bizy-input--disabled': disabled, 'bizy-input--negative': type === 'currency' && _currencyValue < 0}\">\n\n  <span class=\"bizy-input__header\">\n    <ng-content select=\"[slot=header]\"></ng-content>\n  </span>\n\n  <span class=\"bizy-input__content\" [ngClass]=\"{'bizy-input__content--readonly': readonly}\">\n\n    <span class=\"bizy-input__content__prefix\">\n      <ng-content select=\"[slot=prefix]\"></ng-content>\n    </span>\n\n    @if (type !== 'textarea') {\n      <input\n        #bizyInput\n        [id]=\"id\"\n        class=\"bizy-input__content__input\"\n        [type]=\"type === 'currency' ? 'tel' : type\"\n        [placeholder]=\"placeholder\"\n        [readonly]=\"readonly\"\n        [maxlength]=\"maxLength\"\n        [bizyCurrencyFormat]=\"type === 'currency'\"\n        [bizyCurrencyOptions]=\"currencyOptions\"\n        [bizyOnlyPhoneDigits]=\"type === 'tel'\"\n        (keydown)=\"_onKeyDown($event)\"\n        (keyup.enter)=\"_onEnter($event)\"\n        (keyup.backspace)=\"_onBackspace($event)\"\n        [ngModel]=\"_value\"\n        (ngModelChange)=\"_onchange($event)\"/>\n    }\n\n    @if (type === 'textarea') {\n      <textarea\n        #bizyInput\n        [id]=\"id\"\n        [rows]=\"rows\"\n        [placeholder]=\"placeholder\"\n        [readonly]=\"readonly\"\n        [maxlength]=\"maxLength\"\n        class=\"bizy-input__content__input\"\n        (keydown)=\"_onKeyDown($event)\"\n        (keyup.enter)=\"_onEnter($event)\"\n        (keyup.backspace)=\"_onBackspace($event)\"\n        [ngModel]=\"_value\"\n        (ngModelChange)=\"_onchange($event)\">\n      </textarea>\n    }\n\n    <span class=\"bizy-input__content__suffix\">\n      <ng-content select=\"[slot=suffix]\"></ng-content>\n    </span>\n\n  </span>\n\n  <span class=\"bizy-input__bottom-line\" [ngClass]=\"{'bizy-input__bottom-line--visible': focused}\"></span>\n\n</button>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayMinWidth]=\"bizyInputWrapper?.offsetWidth\"\n  [cdkConnectedOverlayOrigin]=\"bizyInputTrigger\"\n  (overlayOutsideClick)=\"close($event, bizyInputWrapper)\"\n  [cdkConnectedOverlayOpen]=\"opened\">\n\n  <span class=\"bizy-input__options\">\n\n    <ng-content select=\"bizy-input-option\"></ng-content>\n\n  </span>\n\n</ng-template>\n\n@if (touched) {\n  <span class=\"bizy-input__errors\">\n    <ng-content select=\"[slot=error]\"></ng-content>\n  </span>\n}\n", styles: [":host{width:var(--bizy-input-width);min-width:var(--bizy-input-min-width);max-width:var(--bizy-input-max-width);display:flex;flex-direction:column;row-gap:.3rem}:host:has(>.bizy-input__errors:not(:empty)) .bizy-input__bottom-line{background-color:var(--bizy-input-invalid-color)!important;visibility:visible!important}:host:has(>.bizy-input__errors:not(:empty)) .bizy-input__content__input{color:var(--bizy-input-invalid-color)!important}.bizy-input{width:100%;background-color:var(--bizy-input-background-color);border:none;border-top-left-radius:var(--bizy-input-border-top-left-radius, var(--bizy-input-border-radius, .3rem));border-top-right-radius:var(--bizy-input-border-top-right-radius, var(--bizy-input-border-radius, .3rem));border-bottom-right-radius:var(--bizy-input-border-bottom-right-radius, var(--bizy-input-border-radius, none));border-bottom-left-radius:var(--bizy-input-border-bottom-left-radius, var(--bizy-input-border-radius, none));display:flex;padding:.3rem .3rem 0;flex-direction:column;cursor:var(--bizy-input-cursor)}.bizy-input--negative,.bizy-input--negative .bizy-input__header,.bizy-input--negative .bizy-input__content,.bizy-input--negative .bizy-input__content__input{background-color:var(--bizy-input-negative-background-color)}.bizy-input--disabled{opacity:.5;pointer-events:none;cursor:not-allowed!important}.bizy-input__header{background-color:var(--bizy-input-background-color);width:100%;display:flex;align-items:center;column-gap:.5rem;padding-bottom:.1rem}.bizy-input__header:empty{display:none!important}.bizy-input__content{background-color:var(--bizy-input-background-color);width:100%;display:flex;align-items:center;column-gap:.3rem}.bizy-input__content--readonly{pointer-events:none;cursor:default!important}.bizy-input__content__prefix{display:flex;align-items:center;column-gap:.3rem}.bizy-input__content__prefix:empty{display:none!important}.bizy-input__content__suffix{display:flex;align-items:center;column-gap:.3rem}.bizy-input__content__suffix:empty{display:none!important}.bizy-input__content__input{width:100%;background-color:var(--bizy-input-background-color);color:var(--bizy-input-color);flex:1;border:none;padding-block:0;padding-inline:0;padding:0 0 .2rem;font-size:var(--bizy-input-font-size);resize:var(--bizy-input-resize)}.bizy-input__content__input:focus{outline:none;border:none}.bizy-input__content__input::placeholder{color:var(--bizy-input-placeholder-color)}.bizy-input__content input[type=number]::-webkit-inner-spin-button,.bizy-input__content input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.bizy-input__bottom-line{width:calc(100% + .6rem);position:relative;right:.3rem;height:.1rem;visibility:hidden;pointer-events:none;background-color:var(--bizy-input-focus-color)}.bizy-input__bottom-line--visible{visibility:visible;animation-name:zoomIn;animation-duration:.2s;animation-fill-mode:both}.bizy-input__options{background-color:var(--bizy-input-background-color);display:flex;min-width:fit-content;width:100%;flex-direction:column;box-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014;max-height:var(--bizy-input-options-height);overflow-y:auto;overflow-x:hidden;position:relative}.bizy-input__errors:empty{display:none!important}::ng-deep .bizy-input__errors *{color:var(--bizy-input-invalid-color)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: BizyCurrencyFormatDirective, selector: "[bizyCurrencyFormat]", inputs: ["bizyCurrencyFormat", "bizyCurrencyOptions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bizy-input', imports: [CommonModule, FormsModule, OverlayModule, BizyCurrencyFormatDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  #bizyInputWrapper\n  type=\"button\"\n  (click)=\"_onClick($event)\"\n  (keyup)=\"_onClick($event)\"\n  class=\"bizy-input {{customClass}}\"\n  (focus)=\"setFocus(true)\"\n  cdkOverlayOrigin\n  #bizyInputTrigger=\"cdkOverlayOrigin\"\n  [ngClass]=\"{'bizy-input--disabled': disabled, 'bizy-input--negative': type === 'currency' && _currencyValue < 0}\">\n\n  <span class=\"bizy-input__header\">\n    <ng-content select=\"[slot=header]\"></ng-content>\n  </span>\n\n  <span class=\"bizy-input__content\" [ngClass]=\"{'bizy-input__content--readonly': readonly}\">\n\n    <span class=\"bizy-input__content__prefix\">\n      <ng-content select=\"[slot=prefix]\"></ng-content>\n    </span>\n\n    @if (type !== 'textarea') {\n      <input\n        #bizyInput\n        [id]=\"id\"\n        class=\"bizy-input__content__input\"\n        [type]=\"type === 'currency' ? 'tel' : type\"\n        [placeholder]=\"placeholder\"\n        [readonly]=\"readonly\"\n        [maxlength]=\"maxLength\"\n        [bizyCurrencyFormat]=\"type === 'currency'\"\n        [bizyCurrencyOptions]=\"currencyOptions\"\n        [bizyOnlyPhoneDigits]=\"type === 'tel'\"\n        (keyup.enter)=\"_onEnter($event)\"\n        (keyup.backspace)=\"_onBackspace($event)\"\n        [ngModel]=\"_value\"\n        (ngModelChange)=\"_onchange($event)\"/>\n    }\n\n    @if (type === 'textarea') {\n      <textarea\n        #bizyInput\n        [id]=\"id\"\n        [rows]=\"rows\"\n        [placeholder]=\"placeholder\"\n        [readonly]=\"readonly\"\n        [maxlength]=\"maxLength\"\n        class=\"bizy-input__content__input\"\n        (keyup.enter)=\"_onEnter($event)\"\n        (keyup.backspace)=\"_onBackspace($event)\"\n        [ngModel]=\"_value\"\n        (ngModelChange)=\"_onchange($event)\">\n      </textarea>\n    }\n\n    <span class=\"bizy-input__content__suffix\">\n      <ng-content select=\"[slot=suffix]\"></ng-content>\n    </span>\n\n  </span>\n\n  <span class=\"bizy-input__bottom-line\" [ngClass]=\"{'bizy-input__bottom-line--visible': focused}\"></span>\n\n</button>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayMinWidth]=\"bizyInputWrapper?.offsetWidth\"\n  [cdkConnectedOverlayOrigin]=\"bizyInputTrigger\"\n  (overlayOutsideClick)=\"close($event, bizyInputWrapper)\"\n  [cdkConnectedOverlayOpen]=\"opened\">\n\n  <span class=\"bizy-input__options\">\n\n    <ng-content select=\"bizy-input-option\"></ng-content>\n\n  </span>\n\n</ng-template>\n\n@if (touched) {\n  <span class=\"bizy-input__errors\">\n    <ng-content select=\"[slot=error]\"></ng-content>\n  </span>\n}\n", styles: [":host{width:var(--bizy-input-width);min-width:var(--bizy-input-min-width);max-width:var(--bizy-input-max-width);display:flex;flex-direction:column;row-gap:.3rem}:host:has(>.bizy-input__errors:not(:empty)) .bizy-input__bottom-line{background-color:var(--bizy-input-invalid-color)!important;visibility:visible!important}:host:has(>.bizy-input__errors:not(:empty)) .bizy-input__content__input{color:var(--bizy-input-invalid-color)!important}.bizy-input{width:100%;background-color:var(--bizy-input-background-color);border:none;border-top-left-radius:.3rem;border-top-right-radius:.3rem;display:flex;padding:.3rem .3rem 0;flex-direction:column;cursor:var(--bizy-input-cursor)}.bizy-input--negative,.bizy-input--negative .bizy-input__header,.bizy-input--negative .bizy-input__content,.bizy-input--negative .bizy-input__content__input{background-color:var(--bizy-input-negative-background-color)}.bizy-input--disabled{opacity:.5;pointer-events:none;cursor:not-allowed!important}.bizy-input__header{background-color:var(--bizy-input-background-color);width:100%;display:flex;align-items:center;column-gap:.5rem;padding-bottom:.1rem}.bizy-input__header:empty{display:none!important}.bizy-input__content{background-color:var(--bizy-input-background-color);width:100%;display:flex;align-items:center;column-gap:.3rem}.bizy-input__content--readonly{pointer-events:none;cursor:default!important}.bizy-input__content__prefix{display:flex;align-items:center;column-gap:.3rem}.bizy-input__content__prefix:empty{display:none!important}.bizy-input__content__suffix{display:flex;align-items:center;column-gap:.3rem}.bizy-input__content__suffix:empty{display:none!important}.bizy-input__content__input{width:100%;background-color:var(--bizy-input-background-color);color:var(--bizy-input-color);flex:1;border:none;padding-block:0;padding-inline:0;padding:0 0 .2rem;font-size:var(--bizy-input-font-size)}.bizy-input__content__input:focus{outline:none;border:none}.bizy-input__content__input::placeholder{color:var(--bizy-input-placeholder-color)}.bizy-input__content input[type=number]::-webkit-inner-spin-button,.bizy-input__content input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.bizy-input__bottom-line{width:calc(100% + .6rem);position:relative;right:.3rem;height:.1rem;visibility:hidden;pointer-events:none;background-color:var(--bizy-input-focus-color)}.bizy-input__bottom-line--visible{visibility:visible;animation-name:zoomIn;animation-duration:.2s;animation-fill-mode:both}.bizy-input__options{background-color:var(--bizy-input-background-color);display:flex;min-width:fit-content;width:100%;flex-direction:column;box-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014;max-height:var(--bizy-input-options-height);overflow-y:auto;overflow-x:hidden;position:relative}.bizy-input__errors:empty{display:none!important}::ng-deep .bizy-input__errors *{color:var(--bizy-input-invalid-color)!important}\n"] }]
+            args: [{ selector: 'bizy-input', imports: [CommonModule, FormsModule, OverlayModule, BizyCurrencyFormatDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  #bizyInputWrapper\n  type=\"button\"\n  (click)=\"_onClick($event)\"\n  (keyup)=\"_onClick($event)\"\n  class=\"bizy-input {{customClass}}\"\n  (focus)=\"setFocus(true)\"\n  cdkOverlayOrigin\n  #bizyInputTrigger=\"cdkOverlayOrigin\"\n  [ngClass]=\"{'bizy-input--disabled': disabled, 'bizy-input--negative': type === 'currency' && _currencyValue < 0}\">\n\n  <span class=\"bizy-input__header\">\n    <ng-content select=\"[slot=header]\"></ng-content>\n  </span>\n\n  <span class=\"bizy-input__content\" [ngClass]=\"{'bizy-input__content--readonly': readonly}\">\n\n    <span class=\"bizy-input__content__prefix\">\n      <ng-content select=\"[slot=prefix]\"></ng-content>\n    </span>\n\n    @if (type !== 'textarea') {\n      <input\n        #bizyInput\n        [id]=\"id\"\n        class=\"bizy-input__content__input\"\n        [type]=\"type === 'currency' ? 'tel' : type\"\n        [placeholder]=\"placeholder\"\n        [readonly]=\"readonly\"\n        [maxlength]=\"maxLength\"\n        [bizyCurrencyFormat]=\"type === 'currency'\"\n        [bizyCurrencyOptions]=\"currencyOptions\"\n        [bizyOnlyPhoneDigits]=\"type === 'tel'\"\n        (keydown)=\"_onKeyDown($event)\"\n        (keyup.enter)=\"_onEnter($event)\"\n        (keyup.backspace)=\"_onBackspace($event)\"\n        [ngModel]=\"_value\"\n        (ngModelChange)=\"_onchange($event)\"/>\n    }\n\n    @if (type === 'textarea') {\n      <textarea\n        #bizyInput\n        [id]=\"id\"\n        [rows]=\"rows\"\n        [placeholder]=\"placeholder\"\n        [readonly]=\"readonly\"\n        [maxlength]=\"maxLength\"\n        class=\"bizy-input__content__input\"\n        (keydown)=\"_onKeyDown($event)\"\n        (keyup.enter)=\"_onEnter($event)\"\n        (keyup.backspace)=\"_onBackspace($event)\"\n        [ngModel]=\"_value\"\n        (ngModelChange)=\"_onchange($event)\">\n      </textarea>\n    }\n\n    <span class=\"bizy-input__content__suffix\">\n      <ng-content select=\"[slot=suffix]\"></ng-content>\n    </span>\n\n  </span>\n\n  <span class=\"bizy-input__bottom-line\" [ngClass]=\"{'bizy-input__bottom-line--visible': focused}\"></span>\n\n</button>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayMinWidth]=\"bizyInputWrapper?.offsetWidth\"\n  [cdkConnectedOverlayOrigin]=\"bizyInputTrigger\"\n  (overlayOutsideClick)=\"close($event, bizyInputWrapper)\"\n  [cdkConnectedOverlayOpen]=\"opened\">\n\n  <span class=\"bizy-input__options\">\n\n    <ng-content select=\"bizy-input-option\"></ng-content>\n\n  </span>\n\n</ng-template>\n\n@if (touched) {\n  <span class=\"bizy-input__errors\">\n    <ng-content select=\"[slot=error]\"></ng-content>\n  </span>\n}\n", styles: [":host{width:var(--bizy-input-width);min-width:var(--bizy-input-min-width);max-width:var(--bizy-input-max-width);display:flex;flex-direction:column;row-gap:.3rem}:host:has(>.bizy-input__errors:not(:empty)) .bizy-input__bottom-line{background-color:var(--bizy-input-invalid-color)!important;visibility:visible!important}:host:has(>.bizy-input__errors:not(:empty)) .bizy-input__content__input{color:var(--bizy-input-invalid-color)!important}.bizy-input{width:100%;background-color:var(--bizy-input-background-color);border:none;border-top-left-radius:var(--bizy-input-border-top-left-radius, var(--bizy-input-border-radius, .3rem));border-top-right-radius:var(--bizy-input-border-top-right-radius, var(--bizy-input-border-radius, .3rem));border-bottom-right-radius:var(--bizy-input-border-bottom-right-radius, var(--bizy-input-border-radius, none));border-bottom-left-radius:var(--bizy-input-border-bottom-left-radius, var(--bizy-input-border-radius, none));display:flex;padding:.3rem .3rem 0;flex-direction:column;cursor:var(--bizy-input-cursor)}.bizy-input--negative,.bizy-input--negative .bizy-input__header,.bizy-input--negative .bizy-input__content,.bizy-input--negative .bizy-input__content__input{background-color:var(--bizy-input-negative-background-color)}.bizy-input--disabled{opacity:.5;pointer-events:none;cursor:not-allowed!important}.bizy-input__header{background-color:var(--bizy-input-background-color);width:100%;display:flex;align-items:center;column-gap:.5rem;padding-bottom:.1rem}.bizy-input__header:empty{display:none!important}.bizy-input__content{background-color:var(--bizy-input-background-color);width:100%;display:flex;align-items:center;column-gap:.3rem}.bizy-input__content--readonly{pointer-events:none;cursor:default!important}.bizy-input__content__prefix{display:flex;align-items:center;column-gap:.3rem}.bizy-input__content__prefix:empty{display:none!important}.bizy-input__content__suffix{display:flex;align-items:center;column-gap:.3rem}.bizy-input__content__suffix:empty{display:none!important}.bizy-input__content__input{width:100%;background-color:var(--bizy-input-background-color);color:var(--bizy-input-color);flex:1;border:none;padding-block:0;padding-inline:0;padding:0 0 .2rem;font-size:var(--bizy-input-font-size);resize:var(--bizy-input-resize)}.bizy-input__content__input:focus{outline:none;border:none}.bizy-input__content__input::placeholder{color:var(--bizy-input-placeholder-color)}.bizy-input__content input[type=number]::-webkit-inner-spin-button,.bizy-input__content input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.bizy-input__bottom-line{width:calc(100% + .6rem);position:relative;right:.3rem;height:.1rem;visibility:hidden;pointer-events:none;background-color:var(--bizy-input-focus-color)}.bizy-input__bottom-line--visible{visibility:visible;animation-name:zoomIn;animation-duration:.2s;animation-fill-mode:both}.bizy-input__options{background-color:var(--bizy-input-background-color);display:flex;min-width:fit-content;width:100%;flex-direction:column;box-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014;max-height:var(--bizy-input-options-height);overflow-y:auto;overflow-x:hidden;position:relative}.bizy-input__errors:empty{display:none!important}::ng-deep .bizy-input__errors *{color:var(--bizy-input-invalid-color)!important}\n"] }]
         }], propDecorators: { options: [{
                 type: ContentChildren,
                 args: [BizyInputOptionComponent]
@@ -11731,6 +11812,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                 type: Output
             }], onEnter: [{
                 type: Output
+            }], onKey: [{
+                type: Output
             }], onBackspace: [{
                 type: Output
             }], onSelect: [{
@@ -11752,7 +11835,7 @@ class BizyDatePickerComponent {
     #elementRef = inject(ElementRef);
     #datePipe = inject(DatePipe);
     #ref = inject(ChangeDetectorRef);
-    bizyDatePicker;
+    bizyDatePicker = null;
     id = `bizy-date-picker-${Math.random()}`;
     disabled = false;
     customClass = '';
@@ -11847,6 +11930,7 @@ class BizyDatePickerComponent {
                     shorthand: true
                 }));
             }
+            const overlayHost = this.#getOverlayHost();
             flatpickr(this.bizyDatePicker.bizyInputWrapper.nativeElement, {
                 locale: Spanish,
                 mode: this.mode,
@@ -11858,6 +11942,10 @@ class BizyDatePickerComponent {
                 maxDate: this.maxDate,
                 noCalendar: this.noCalendar,
                 disableMobile: true,
+                ...(overlayHost ? {
+                    appendTo: overlayHost,
+                    position: (instance, positionElement) => this.#positionCalendar(instance, positionElement)
+                } : {}),
                 time_24hr: true,
                 defaultDate: this.mode === 'single' ? new Date(this.dates[0]) : this.dates.map(_date => new Date(_date)),
                 defaultHour: this.#getHour(this.time),
@@ -11898,6 +11986,32 @@ class BizyDatePickerComponent {
         }
     }
     getNativeElement = () => this.#elementRef?.nativeElement;
+    #getOverlayHost() {
+        const overlayHost = this.#elementRef.nativeElement.closest('.cdk-overlay-popover');
+        return overlayHost instanceof HTMLElement ? overlayHost : undefined;
+    }
+    #positionCalendar(instance, customPositionElement) {
+        const calendar = instance.calendarContainer;
+        const positionElement = customPositionElement ?? instance._positionElement;
+        if (!calendar || !positionElement) {
+            return;
+        }
+        const inputBounds = positionElement.getBoundingClientRect();
+        const calendarHeight = Array.from(calendar.children)
+            .reduce((height, child) => height + child.offsetHeight, 0);
+        const calendarWidth = calendar.offsetWidth;
+        const showOnTop = window.innerHeight - inputBounds.bottom < calendarHeight && inputBounds.top > calendarHeight;
+        const top = showOnTop ? inputBounds.top - calendarHeight - 2 : inputBounds.bottom + 2;
+        const left = Math.max(0, Math.min(inputBounds.left, window.innerWidth - calendarWidth));
+        calendar.classList.toggle('arrowTop', !showOnTop);
+        calendar.classList.toggle('arrowBottom', showOnTop);
+        calendar.style.position = 'fixed';
+        calendar.style.top = `${top}px`;
+        calendar.style.left = `${left}px`;
+        calendar.style.right = 'auto';
+        calendar.style.zIndex = '1001';
+        calendar.style.pointerEvents = 'auto';
+    }
     #getHour(time) {
         const date = new Date(time);
         return date.getHours();
@@ -11907,7 +12021,7 @@ class BizyDatePickerComponent {
         return date.getMinutes();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyDatePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: BizyDatePickerComponent, isStandalone: true, selector: "bizy-date-picker", inputs: { id: "id", disabled: "disabled", customClass: "customClass", opened: "opened", minDate: "minDate", maxDate: "maxDate", enableSeconds: "enableSeconds", date: "date", range: "range", type: "type" }, outputs: { dateChange: "dateChange", rangeChange: "rangeChange", onChange: "onChange", openedChange: "openedChange", onOpen: "onOpen", onSelect: "onSelect" }, providers: [DatePipe], viewQueries: [{ propertyName: "bizyDatePicker", first: true, predicate: ["bizyDatePicker"], descendants: true }], ngImport: i0, template: "<bizy-input\n  #bizyDatePicker\n  [readonly]=\"true\"\n  [disabled]=\"disabled\"\n  (onSelect)=\"onSelect.emit($event)\"\n  [value]=\"value\"\n  [id]=\"id\"\n  class=\"bizy-date-picker {{customClass}}\">\n\n  <svg\n    slot=\"suffix\"\n    id=\"bizy-date-picker-arrow\"\n    class=\"bizy-date-picker__arrow\"\n    [ngClass]=\"{'bizy-date-picker__arrow--opened': opened}\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 320 512\">\n    <path d=\"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z\"/>\n  </svg>\n\n  <ng-container slot=\"header\">\n    <ng-content select=\"[slot=header]\"></ng-content>\n  </ng-container>\n\n  <ng-container slot=\"suffix\">\n    <ng-content select=\"[slot=prefix]\"></ng-content>\n  </ng-container>\n\n  @if (touched) {\n    <ng-container slot=\"error\">\n      <ng-content select=\"[slot=error]\"></ng-content>\n    </ng-container>\n  }\n\n</bizy-input>\n", styles: [":host{font-size:1rem;width:var(--bizy-input-width);min-width:var(--bizy-input-min-width);max-width:var(--bizy-input-max-width);display:flex}.bizy-date-picker{--bizy-input-cursor: pointer}.bizy-date-picker__arrow{height:1rem;pointer-events:none;display:block;transition:transform .2s ease;fill:var(--bizy-input-color)}.bizy-date-picker__arrow--opened{transform:rotate(180deg)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BizyInputComponent, selector: "bizy-input", inputs: ["id", "name", "customClass", "placeholder", "debounceTime", "rows", "type", "maxLength", "autofocus", "disabled", "readonly", "value"], outputs: ["valueChange", "onChange", "onEnter", "onBackspace", "onSelect", "onBlur", "onFocus", "onPaste"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: BizyDatePickerComponent, isStandalone: true, selector: "bizy-date-picker", inputs: { id: "id", disabled: "disabled", customClass: "customClass", opened: "opened", minDate: "minDate", maxDate: "maxDate", enableSeconds: "enableSeconds", date: "date", range: "range", type: "type" }, outputs: { dateChange: "dateChange", rangeChange: "rangeChange", onChange: "onChange", openedChange: "openedChange", onOpen: "onOpen", onSelect: "onSelect" }, providers: [DatePipe], viewQueries: [{ propertyName: "bizyDatePicker", first: true, predicate: ["bizyDatePicker"], descendants: true }], ngImport: i0, template: "<bizy-input\n  #bizyDatePicker\n  [readonly]=\"true\"\n  [disabled]=\"disabled\"\n  (onSelect)=\"onSelect.emit($event)\"\n  [value]=\"value\"\n  [id]=\"id\"\n  class=\"bizy-date-picker {{customClass}}\">\n\n  <svg\n    slot=\"suffix\"\n    id=\"bizy-date-picker-arrow\"\n    class=\"bizy-date-picker__arrow\"\n    [ngClass]=\"{'bizy-date-picker__arrow--opened': opened}\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 320 512\">\n    <path d=\"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z\"/>\n  </svg>\n\n  <ng-container slot=\"header\">\n    <ng-content select=\"[slot=header]\"></ng-content>\n  </ng-container>\n\n  <ng-container slot=\"suffix\">\n    <ng-content select=\"[slot=prefix]\"></ng-content>\n  </ng-container>\n\n  @if (touched) {\n    <ng-container slot=\"error\">\n      <ng-content select=\"[slot=error]\"></ng-content>\n    </ng-container>\n  }\n\n</bizy-input>\n", styles: [":host{font-size:1rem;width:var(--bizy-input-width);min-width:var(--bizy-input-min-width);max-width:var(--bizy-input-max-width);display:flex}.bizy-date-picker{--bizy-input-cursor: pointer}.bizy-date-picker__arrow{height:1rem;pointer-events:none;display:block;transition:transform .2s ease;fill:var(--bizy-input-color)}.bizy-date-picker__arrow--opened{transform:rotate(180deg)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BizyInputComponent, selector: "bizy-input", inputs: ["id", "name", "customClass", "placeholder", "debounceTime", "rows", "type", "maxLength", "autofocus", "disabled", "readonly", "value"], outputs: ["valueChange", "onChange", "onEnter", "onKey", "onBackspace", "onSelect", "onBlur", "onFocus", "onPaste"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyDatePickerComponent, decorators: [{
             type: Component,
@@ -12496,7 +12610,7 @@ const ES = {
         ...es_ES.strings,
         noDuplicates: 'Archivo duplicado: \'%{fileName}\'',
         browseFiles: 'buscar archivo',
-        dropPasteFiles: 'Soltar archivo aquí, pegar o %{browse}'
+        dropPasteFiles: 'Soltar archivo aquí, pegar o %{browseFiles}'
     }
 };
 const EN = {
@@ -12505,7 +12619,7 @@ const EN = {
         ...en_US.strings,
         noDuplicates: 'Duplicated file: \'%{fileName}\'',
         browseFiles: 'browse file',
-        dropPasteFiles: 'Drop a file here or %{browse}'
+        dropPasteFiles: 'Drop a file here or %{browseFiles}'
     }
 };
 class BizyFileUploaderService {
@@ -12555,7 +12669,8 @@ class BizyFileUploaderService {
                 minNumberOfFiles: data.minNumberOfFiles,
                 allowedFileTypes: data.allowedFileTypes
             }
-        })
+        });
+        this.#uppy
             .use(Dashboard, {
             inline: true,
             singleFileFullScreen: false,
@@ -12563,20 +12678,23 @@ class BizyFileUploaderService {
             width: data.dragDropAreaWidth,
             height: data.dragDropAreaHeight,
             hideCancelButton: data.hideCancelButton,
-            hideUploadButton: data.hideUploadButton,
+            hideUploadButton: !data.enableUpload || data.hideUploadButton,
             hidePauseResumeButton: data.hidePauseResumeButton,
             disableLocalFiles: data.disableLocalFiles
-        })
-            .use(XHRUpload, {
-            endpoint: '',
-            headers: data.headers,
-            getResponseData: (responseText, response) => {
-                return {
-                    fileId: responseText,
-                    response
-                };
-            }
-        })
+        });
+        if (data.enableUpload) {
+            this.#uppy.use(XHRUpload, {
+                endpoint: '',
+                headers: data.headers,
+                getResponseData: xhr => {
+                    return {
+                        fileId: xhr.responseText,
+                        response: xhr
+                    };
+                }
+            });
+        }
+        this.#uppy
             .on('file-added', file => {
             this.#removeUnnecessaryOptions(this.#disableLocalFiles);
             this.#fileLoaded.next(file);
@@ -12607,40 +12725,56 @@ class BizyFileUploaderService {
         })
             .on('complete', result => {
             this.#removeUnnecessaryOptions(this.#disableLocalFiles);
-            this.#complete.next(result);
+            this.#complete.next({
+                successful: result.successful ?? [],
+                failed: result.failed ?? []
+            });
         });
         this.#removeUnnecessaryOptions(this.#disableLocalFiles);
     }
     load = (data) => {
         if (!this.#uppy) {
-            return;
+            return null;
         }
-        this.#uppy.addFile({
-            name: data.file.name, // File name
-            type: data.file.type, // File type
-            data: data.file, // File blob
+        const loadFile = this.#normalizeLoadFile(data);
+        return this.#uppy.addFile({
+            name: loadFile.file.name, // File name
+            type: loadFile.file.type, // File type
+            data: loadFile.file, // File blob
             meta: {
                 // Optional, store the directory path of a file so Uppy can tell identical files in different directories apart.
-                relativePath: data.file.webkitRelativePath,
-                referenceId: data.id
+                relativePath: loadFile.file.webkitRelativePath,
+                referenceId: loadFile.id
             },
             source: 'Local', // Optional, determines the source of the file, for example, Instagram.
             isRemote: false // Optional, set to true if actual file is not in the browser, but on some remote server, for example,
             // when using companion in combination with Instagram.
         });
     };
+    remove = (fileId) => {
+        if (!this.#uppy) {
+            return;
+        }
+        this.#uppy.removeFile(fileId);
+    };
     disable(value) {
         if (!this.#uppy) {
             return;
         }
         const dashboard = this.#uppy.getPlugin('Dashboard');
-        dashboard.setOptions({ disabled: value });
+        if (dashboard) {
+            dashboard.setOptions({ disabled: value });
+        }
     }
     upload = (data) => {
         if (!this.#uppy) {
             return;
         }
-        this.#uppy.getPlugin('XHRUpload').setOptions({
+        const xhrUpload = this.#uppy.getPlugin('XHRUpload');
+        if (!xhrUpload) {
+            return;
+        }
+        xhrUpload.setOptions({
             endpoint: data.endpoint,
             headers: data.headers ?? {}
         });
@@ -12652,6 +12786,15 @@ class BizyFileUploaderService {
         }
         this.#uppy.cancelAll();
     };
+    #normalizeLoadFile = (data) => {
+        if (this.#isLoadFile(data)) {
+            return data;
+        }
+        return { file: data };
+    };
+    #isLoadFile = (data) => {
+        return typeof data === 'object' && data !== null && 'file' in data;
+    };
     #removeUnnecessaryOptions = (remove) => {
         setTimeout(() => {
             if (!remove) {
@@ -12676,15 +12819,18 @@ class BizyFileUploaderService {
         }, 0);
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyFileUploaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyFileUploaderService, providedIn: 'root' });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyFileUploaderService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyFileUploaderService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
+            type: Injectable
         }] });
 
+var BIZY_FILE_UPLOADER_MODE;
+(function (BIZY_FILE_UPLOADER_MODE) {
+    BIZY_FILE_UPLOADER_MODE["UPLOAD"] = "UPLOAD";
+    BIZY_FILE_UPLOADER_MODE["ATTACH"] = "ATTACH";
+})(BIZY_FILE_UPLOADER_MODE || (BIZY_FILE_UPLOADER_MODE = {}));
+
 class BizyFileUploaderComponent {
     #elementRef = inject(ElementRef);
     #fileUploader = inject(BizyFileUploaderService);
@@ -12697,23 +12843,36 @@ class BizyFileUploaderComponent {
     maxTotalFileSize = 31458000; // 30MB
     maxNumberOfFiles = null;
     minNumberOfFiles = null;
-    allowedFileTypes = ['.wav'];
+    allowedFileTypes = null;
     hideUploadButton = true;
     hidePauseResumeButton = true;
     hideCancelButton = false;
     disableLocalFiles = false;
-    load;
-    upload;
+    mode = BIZY_FILE_UPLOADER_MODE.UPLOAD;
+    load = null;
+    upload = null;
+    set files(value) {
+        this.#inputFiles = value ?? [];
+        this.#syncInputFiles();
+    }
+    get files() {
+        return this.#inputFiles;
+    }
     set disabled(value) {
         this.#fileUploader.disable(Boolean(value));
     }
     ;
     completed = new EventEmitter();
     loadedFiles = new EventEmitter();
+    attachedFiles = new EventEmitter();
     #subscription = new Subscription();
     #files = new Set();
+    #inputFiles = [];
+    #inputFileIds = new Map();
+    #isFileUploaderReady = false;
     TEMPLATE_ID = 'bizy-file-uploader-template';
     ngAfterViewInit() {
+        const allowedFileTypes = this.#getAllowedFileTypes();
         this.#fileUploader.createFileUploader({
             maxFileSize: this.maxFileSize,
             minFileSize: this.minFileSize,
@@ -12722,13 +12881,14 @@ class BizyFileUploaderComponent {
             minNumberOfFiles: this.minNumberOfFiles,
             dragDropAreaWidth: this.dragDropAreaWidth,
             dragDropAreaHeight: this.dragDropAreaHeight,
-            allowedFileTypes: this.allowedFileTypes,
+            allowedFileTypes,
             language: this.language,
             templateId: this.TEMPLATE_ID,
             hideCancelButton: this.hideCancelButton,
             hideUploadButton: this.hideUploadButton,
             hidePauseResumeButton: this.hidePauseResumeButton,
             disableLocalFiles: this.disableLocalFiles,
+            enableUpload: this.mode === BIZY_FILE_UPLOADER_MODE.UPLOAD,
             headers: this.headers,
         });
         if (this.upload) {
@@ -12765,20 +12925,95 @@ class BizyFileUploaderComponent {
         }));
         this.#subscription.add(this.#fileUploader.fileLoaded$.subscribe(file => {
             this.#files.add(file);
-            this.loadedFiles.emit(Array.from(this.#files));
+            this.#emitFiles();
         }));
         this.#subscription.add(this.#fileUploader.fileRemoved$.subscribe(file => {
             this.#files.delete(file);
-            this.loadedFiles.emit(Array.from(this.#files));
+            this.#removeTrackedInputFile(file.id);
+            this.#emitFiles();
         }));
+        this.#isFileUploaderReady = true;
+        this.#syncInputFiles();
     }
+    #getAllowedFileTypes = () => {
+        if (typeof this.allowedFileTypes === 'string') {
+            return [this.allowedFileTypes];
+        }
+        if (Array.isArray(this.allowedFileTypes) && this.allowedFileTypes.length > 0) {
+            return this.allowedFileTypes;
+        }
+        return null;
+    };
+    #syncInputFiles = () => {
+        if (!this.#isFileUploaderReady) {
+            return;
+        }
+        const nextInputKeys = new Set(this.#inputFiles.map(this.#getInputFileKey));
+        Array.from(this.#inputFileIds.entries()).forEach(([key, fileId]) => {
+            if (!nextInputKeys.has(key)) {
+                this.#fileUploader.remove(fileId);
+                this.#inputFileIds.delete(key);
+            }
+        });
+        this.#inputFiles.forEach(inputFile => {
+            const key = this.#getInputFileKey(inputFile);
+            if (this.#inputFileIds.has(key) || (this.maxNumberOfFiles && this.#files.size >= this.maxNumberOfFiles)) {
+                return;
+            }
+            try {
+                const fileId = this.#fileUploader.load(inputFile);
+                if (fileId) {
+                    this.#inputFileIds.set(key, fileId);
+                }
+            }
+            catch {
+                return;
+            }
+        });
+    };
+    #getInputFileKey = (inputFile) => {
+        if (this.#isLoadFile(inputFile)) {
+            return `id:${inputFile.id}`;
+        }
+        return `file:${inputFile.name}:${inputFile.size}:${inputFile.type}:${inputFile.lastModified}`;
+    };
+    #isLoadFile = (inputFile) => {
+        return typeof inputFile === 'object' && inputFile !== null && 'file' in inputFile;
+    };
+    #removeTrackedInputFile = (fileId) => {
+        Array.from(this.#inputFileIds.entries()).forEach(([key, trackedFileId]) => {
+            if (trackedFileId === fileId) {
+                this.#inputFileIds.delete(key);
+            }
+        });
+    };
+    #emitFiles = () => {
+        const files = Array.from(this.#files);
+        this.loadedFiles.emit(files);
+        this.attachedFiles.emit(this.#mapAttachedFiles(files));
+    };
+    #mapAttachedFiles = (files) => {
+        return files.flatMap(file => {
+            if (file.isRemote === true || !file.data) {
+                return [];
+            }
+            return [{
+                    id: file.id,
+                    file: file.data,
+                    meta: file.meta,
+                    name: file.name,
+                    size: file.size,
+                    type: file.type
+                }];
+        });
+    };
     getNativeElement = () => this.#elementRef?.nativeElement;
     ngOnDestroy() {
         this.#fileUploader.cleanAllFiles();
         this.#subscription.unsubscribe();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyFileUploaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: BizyFileUploaderComponent, isStandalone: true, selector: "bizy-file-uploader", inputs: { dragDropAreaWidth: "dragDropAreaWidth", dragDropAreaHeight: "dragDropAreaHeight", language: "language", headers: "headers", maxFileSize: "maxFileSize", minFileSize: "minFileSize", maxTotalFileSize: "maxTotalFileSize", maxNumberOfFiles: "maxNumberOfFiles", minNumberOfFiles: "minNumberOfFiles", allowedFileTypes: "allowedFileTypes", hideUploadButton: "hideUploadButton", hidePauseResumeButton: "hidePauseResumeButton", hideCancelButton: "hideCancelButton", disableLocalFiles: "disableLocalFiles", load: "load", upload: "upload", disabled: "disabled" }, outputs: { completed: "completed", loadedFiles: "loadedFiles" }, providers: [BizyFileUploaderService], ngImport: i0, template: '<div [id]="TEMPLATE_ID"></div>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: BizyFileUploaderComponent, isStandalone: true, selector: "bizy-file-uploader", inputs: { dragDropAreaWidth: "dragDropAreaWidth", dragDropAreaHeight: "dragDropAreaHeight", language: "language", headers: "headers", maxFileSize: "maxFileSize", minFileSize: "minFileSize", maxTotalFileSize: "maxTotalFileSize", maxNumberOfFiles: "maxNumberOfFiles", minNumberOfFiles: "minNumberOfFiles", allowedFileTypes: "allowedFileTypes", hideUploadButton: "hideUploadButton", hidePauseResumeButton: "hidePauseResumeButton", hideCancelButton: "hideCancelButton", disableLocalFiles: "disableLocalFiles", mode: "mode", load: "load", upload: "upload", files: "files", disabled: "disabled" }, outputs: { completed: "completed", loadedFiles: "loadedFiles", attachedFiles: "attachedFiles" }, providers: [BizyFileUploaderService], ngImport: i0, template: '<div [id]="TEMPLATE_ID"></div>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyFileUploaderComponent, decorators: [{
             type: Component,
@@ -12816,16 +13051,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                 type: Input
             }], disableLocalFiles: [{
                 type: Input
+            }], mode: [{
+                type: Input
             }], load: [{
                 type: Input
             }], upload: [{
                 type: Input
+            }], files: [{
+                type: Input
             }], disabled: [{
                 type: Input
             }], completed: [{
                 type: Output
             }], loadedFiles: [{
                 type: Output
+            }], attachedFiles: [{
+                type: Output
             }] } });
 
 const COMPONENTS$o = [
@@ -12958,7 +13199,7 @@ class BizyFilterSectionRangeOptionComponent {
         return this.#activated.value;
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyFilterSectionRangeOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: BizyFilterSectionRangeOptionComponent, isStandalone: true, selector: "bizy-filter-section-range-option", inputs: { id: "id", disabled: "disabled", customClass: "customClass", min: "min", max: "max", minLimit: "minLimit", maxLimit: "maxLimit" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div \n    class=\"bizy-filter-section-range-option {{customClass}}\"\n    [id]=\"id\">\n\n    <span class=\"bizy-filter-section-range-option__inputs\">\n\n        <bizy-input\n            class=\"bizy-filter-section-range-option__input\"\n            type=\"number\"\n            [value]=\"minValue.value\"\n            (onChange)=\"setMinValue($event)\">\n\n            <ng-container slot=\"header\">\n                <ng-content select=\"[slot=min-header]\"></ng-content>\n            </ng-container>\n\n        </bizy-input>\n\n        <bizy-input\n            class=\"bizy-filter-section-range-option__input\"\n            type=\"number\"\n            [value]=\"maxValue.value\"\n            (onChange)=\"setMaxValue($event)\">\n\n            <ng-container slot=\"header\">\n                <ng-content select=\"[slot=max-header]\"></ng-content>\n            </ng-container>\n\n        </bizy-input>\n\n    </span>\n    \n</div>", styles: [":host{font-size:1rem}.bizy-filter-section-range-option{display:flex;flex-direction:column;row-gap:1rem}.bizy-filter-section-range-option__inputs{display:flex;align-items:center;column-gap:.5rem}.bizy-filter-section-range-option__input{--bizy-input-background-color: #f3f3f3 !important}\n"], dependencies: [{ kind: "component", type: BizyInputComponent, selector: "bizy-input", inputs: ["id", "name", "customClass", "placeholder", "debounceTime", "rows", "type", "maxLength", "autofocus", "disabled", "readonly", "value"], outputs: ["valueChange", "onChange", "onEnter", "onBackspace", "onSelect", "onBlur", "onFocus", "onPaste"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: BizyFilterSectionRangeOptionComponent, isStandalone: true, selector: "bizy-filter-section-range-option", inputs: { id: "id", disabled: "disabled", customClass: "customClass", min: "min", max: "max", minLimit: "minLimit", maxLimit: "maxLimit" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div \n    class=\"bizy-filter-section-range-option {{customClass}}\"\n    [id]=\"id\">\n\n    <span class=\"bizy-filter-section-range-option__inputs\">\n\n        <bizy-input\n            class=\"bizy-filter-section-range-option__input\"\n            type=\"number\"\n            [value]=\"minValue.value\"\n            (onChange)=\"setMinValue($event)\">\n\n            <ng-container slot=\"header\">\n                <ng-content select=\"[slot=min-header]\"></ng-content>\n            </ng-container>\n\n        </bizy-input>\n\n        <bizy-input\n            class=\"bizy-filter-section-range-option__input\"\n            type=\"number\"\n            [value]=\"maxValue.value\"\n            (onChange)=\"setMaxValue($event)\">\n\n            <ng-container slot=\"header\">\n                <ng-content select=\"[slot=max-header]\"></ng-content>\n            </ng-container>\n\n        </bizy-input>\n\n    </span>\n    \n</div>", styles: [":host{font-size:1rem}.bizy-filter-section-range-option{display:flex;flex-direction:column;row-gap:1rem}.bizy-filter-section-range-option__inputs{display:flex;align-items:center;column-gap:.5rem}.bizy-filter-section-range-option__input{--bizy-input-background-color: #f3f3f3 !important}\n"], dependencies: [{ kind: "component", type: BizyInputComponent, selector: "bizy-input", inputs: ["id", "name", "customClass", "placeholder", "debounceTime", "rows", "type", "maxLength", "autofocus", "disabled", "readonly", "value"], outputs: ["valueChange", "onChange", "onEnter", "onKey", "onBackspace", "onSelect", "onBlur", "onFocus", "onPaste"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyFilterSectionRangeOptionComponent, decorators: [{
             type: Component,
@@ -13072,7 +13313,7 @@ class BizyFilterSectionSearchOptionComponent {
         return this.#activated.value;
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyFilterSectionSearchOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: BizyFilterSectionSearchOptionComponent, isStandalone: true, selector: "bizy-filter-section-search-option", inputs: { id: "id", customClass: "customClass", value: "value" }, outputs: { valueChange: "valueChange", onChange: "onChange" }, ngImport: i0, template: "<bizy-input\n    [id]=\"id\" \n    (onChange)=\"_onChange($event)\"\n    [value]=\"_value\"\n    class=\"bizy-filter-section-search-option {{customClass}}\">\n\n    <span slot=\"header\"></span>\n\n    <ng-container slot=\"prefix\">\n        <ng-content select=\"[slot=prefix]\"></ng-content>\n    </ng-container>\n\n    <ng-container slot=\"suffix\">\n        <ng-content select=\"[slot=suffix]\"></ng-content>\n    </ng-container>\n\n</bizy-input>\n", styles: [":host{font-size:1rem;width:100%}.bizy-filter-section-search-option{--bizy-input-background-color: #f3f3f3 !important}\n"], dependencies: [{ kind: "component", type: BizyInputComponent, selector: "bizy-input", inputs: ["id", "name", "customClass", "placeholder", "debounceTime", "rows", "type", "maxLength", "autofocus", "disabled", "readonly", "value"], outputs: ["valueChange", "onChange", "onEnter", "onBackspace", "onSelect", "onBlur", "onFocus", "onPaste"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: BizyFilterSectionSearchOptionComponent, isStandalone: true, selector: "bizy-filter-section-search-option", inputs: { id: "id", customClass: "customClass", value: "value" }, outputs: { valueChange: "valueChange", onChange: "onChange" }, ngImport: i0, template: "<bizy-input\n    [id]=\"id\" \n    (onChange)=\"_onChange($event)\"\n    [value]=\"_value\"\n    class=\"bizy-filter-section-search-option {{customClass}}\">\n\n    <span slot=\"header\"></span>\n\n    <ng-container slot=\"prefix\">\n        <ng-content select=\"[slot=prefix]\"></ng-content>\n    </ng-container>\n\n    <ng-container slot=\"suffix\">\n        <ng-content select=\"[slot=suffix]\"></ng-content>\n    </ng-container>\n\n</bizy-input>\n", styles: [":host{font-size:1rem;width:100%}.bizy-filter-section-search-option{--bizy-input-background-color: #f3f3f3 !important}\n"], dependencies: [{ kind: "component", type: BizyInputComponent, selector: "bizy-input", inputs: ["id", "name", "customClass", "placeholder", "debounceTime", "rows", "type", "maxLength", "autofocus", "disabled", "readonly", "value"], outputs: ["valueChange", "onChange", "onEnter", "onKey", "onBackspace", "onSelect", "onBlur", "onFocus", "onPaste"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyFilterSectionSearchOptionComponent, decorators: [{
             type: Component,
@@ -13707,7 +13948,7 @@ class BizySelectComponent {
         this.#contentChildrenSubscription.unsubscribe();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizySelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: BizySelectComponent, isStandalone: true, selector: "bizy-select", inputs: { id: "id", disabled: "disabled", readonly: "readonly", placeholder: "placeholder", customClass: "customClass", opened: "opened" }, outputs: { openedChange: "openedChange", onSelect: "onSelect", onOpen: "onOpen" }, queries: [{ propertyName: "options", predicate: BizySelectOptionComponent }], viewQueries: [{ propertyName: "templatePortalContent", first: true, predicate: ["templatePortalContent"], descendants: true }, { propertyName: "bizyInput", first: true, predicate: ["bizyInput"], descendants: true }], ngImport: i0, template: "<bizy-input\n  #bizyInput\n  [readonly]=\"true\"\n  [disabled]=\"disabled\"\n  [id]=\"id\"\n  [placeholder]=\"placeholder\"\n  [value]=\"_optionValue\"\n  [ngClass]=\"{'bizy-select--readonly': readonly}\"\n  (onSelect)=\"_onOpen($event); bizyInput?.setTouched(true)\"\n  (onEnter)=\"_onOpen($event); bizyInput?.setTouched(true)\"\n  class=\"bizy-select {{customClass}}\"\n  cdkOverlayOrigin\n  #bizySelectTrigger=\"cdkOverlayOrigin\">\n\n  @if (!readonly) {\n    <svg\n      slot=\"suffix\"\n      id=\"bizy-select-arrow\"\n      class=\"bizy-select__arrow\"\n      [ngClass]=\"{'bizy-select__arrow--opened': opened}\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 320 512\">\n      <path d=\"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z\"/>\n    </svg>\n  }\n\n  <ng-container slot=\"header\">\n    <ng-content select=\"[slot=header]\"></ng-content>\n  </ng-container>\n\n  <ng-container slot=\"prefix\">\n    <ng-content select=\"[slot=prefix]\"></ng-content>\n  </ng-container>\n\n</bizy-input>\n\n@if (touched) {\n  <span class=\"bizy-select__errors\">\n    <ng-content select=\"[slot=error]\"></ng-content>\n  </span>\n}\n\n<ng-template #templatePortalContent>\n  <ng-content select=\"bizy-select-option\"></ng-content>\n</ng-template>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayMinWidth]=\"bizyInput.getWidth()\"\n  [cdkConnectedOverlayOrigin]=\"bizySelectTrigger\"\n  (overlayOutsideClick)=\"close($event, bizyInput)\"\n  [cdkConnectedOverlayOpen]=\"opened\">\n\n  <span class=\"bizy-select__options\">\n\n    <span class=\"bizy-select__options__search\">\n      <ng-content select=\"bizy-input\"></ng-content>\n    </span>\n\n    <ng-template [cdkPortalOutlet]=\"templatePortal\"></ng-template>\n\n  </span>\n\n</ng-template>\n", styles: [":host{font-size:1rem;width:var(--bizy-select-width);min-width:var(--bizy-select-min-width);max-width:var(--bizy-select-max-width);display:flex;flex-direction:column;row-gap:.3rem;--bizy-input-focus-color: transparent}:host:has(>.bizy-select__errors:not(:empty)) ::ng-deep .bizy-input__bottom-line{background-color:var(--bizy-input-invalid-color)!important;visibility:visible!important}:host:has(>.bizy-select__errors:not(:empty)) ::ng-deep .bizy-input__content__input{color:var(--bizy-input-invalid-color)!important}.bizy-select{--bizy-input-cursor: pointer;--bizy-input-background-color: var(--bizy-select-background-color);--bizy-input-color: var(--bizy-select-color)}.bizy-select--readonly{--bizy-input-cursor: default}.bizy-select__arrow{height:var(--bizy-select-arrow-height);pointer-events:none;display:block;transition:transform .2s ease;fill:var(--bizy-select-color)}.bizy-select__arrow--opened{transform:rotate(180deg)}.bizy-select__options{background-color:var(--bizy-select-background-color);display:flex;min-width:fit-content;width:100%;flex-direction:column;box-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014;max-height:var(--bizy-select-height);overflow-y:auto;overflow-x:hidden;position:relative}.bizy-select__options::-webkit-scrollbar{width:.5rem;height:.5rem}.bizy-select__options::-webkit-scrollbar-thumb{border-radius:1rem;background-color:var(--bizy-select-scroll-bar-color)}.bizy-select__options::-webkit-scrollbar-thumb:hover{background-color:var(--bizy-select-scroll-bar-hover-color)}.bizy-select__options::-webkit-scrollbar-button{height:1rem}.bizy-select__options__search{position:sticky;z-index:1;top:0}::ng-deep .bizy-select__options__search{--bizy-input-width: auto;--bizy-input-background-color: #fff;--bizy-input-min-width: var(--bizy-select-min-width);--bizy-input-max-width: auto;margin-bottom:.3rem}.bizy-select__errors:empty{display:none!important}::ng-deep .bizy-select__errors *{color:var(--bizy-input-invalid-color)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BizyInputComponent, selector: "bizy-input", inputs: ["id", "name", "customClass", "placeholder", "debounceTime", "rows", "type", "maxLength", "autofocus", "disabled", "readonly", "value"], outputs: ["valueChange", "onChange", "onEnter", "onBackspace", "onSelect", "onBlur", "onFocus", "onPaste"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i3.ɵɵCdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: BizySelectComponent, isStandalone: true, selector: "bizy-select", inputs: { id: "id", disabled: "disabled", readonly: "readonly", placeholder: "placeholder", customClass: "customClass", opened: "opened" }, outputs: { openedChange: "openedChange", onSelect: "onSelect", onOpen: "onOpen" }, queries: [{ propertyName: "options", predicate: BizySelectOptionComponent }], viewQueries: [{ propertyName: "templatePortalContent", first: true, predicate: ["templatePortalContent"], descendants: true }, { propertyName: "bizyInput", first: true, predicate: ["bizyInput"], descendants: true }], ngImport: i0, template: "<bizy-input\n  #bizyInput\n  [readonly]=\"true\"\n  [disabled]=\"disabled\"\n  [id]=\"id\"\n  [placeholder]=\"placeholder\"\n  [value]=\"_optionValue\"\n  [ngClass]=\"{'bizy-select--readonly': readonly}\"\n  (onSelect)=\"_onOpen($event); bizyInput?.setTouched(true)\"\n  (onEnter)=\"_onOpen($event); bizyInput?.setTouched(true)\"\n  class=\"bizy-select {{customClass}}\"\n  cdkOverlayOrigin\n  #bizySelectTrigger=\"cdkOverlayOrigin\">\n\n  @if (!readonly) {\n    <svg\n      slot=\"suffix\"\n      id=\"bizy-select-arrow\"\n      class=\"bizy-select__arrow\"\n      [ngClass]=\"{'bizy-select__arrow--opened': opened}\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 320 512\">\n      <path d=\"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z\"/>\n    </svg>\n  }\n\n  <ng-container slot=\"header\">\n    <ng-content select=\"[slot=header]\"></ng-content>\n  </ng-container>\n\n  <ng-container slot=\"prefix\">\n    <ng-content select=\"[slot=prefix]\"></ng-content>\n  </ng-container>\n\n</bizy-input>\n\n@if (touched) {\n  <span class=\"bizy-select__errors\">\n    <ng-content select=\"[slot=error]\"></ng-content>\n  </span>\n}\n\n<ng-template #templatePortalContent>\n  <ng-content select=\"bizy-select-option\"></ng-content>\n</ng-template>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayMinWidth]=\"bizyInput.getWidth()\"\n  [cdkConnectedOverlayOrigin]=\"bizySelectTrigger\"\n  (overlayOutsideClick)=\"close($event, bizyInput)\"\n  [cdkConnectedOverlayOpen]=\"opened\">\n\n  <span class=\"bizy-select__options\">\n\n    <span class=\"bizy-select__options__search\">\n      <ng-content select=\"bizy-input\"></ng-content>\n    </span>\n\n    <ng-template [cdkPortalOutlet]=\"templatePortal\"></ng-template>\n\n  </span>\n\n</ng-template>\n", styles: [":host{font-size:1rem;width:var(--bizy-select-width);min-width:var(--bizy-select-min-width);max-width:var(--bizy-select-max-width);display:flex;flex-direction:column;row-gap:.3rem;--bizy-input-focus-color: transparent}:host:has(>.bizy-select__errors:not(:empty)) ::ng-deep .bizy-input__bottom-line{background-color:var(--bizy-input-invalid-color)!important;visibility:visible!important}:host:has(>.bizy-select__errors:not(:empty)) ::ng-deep .bizy-input__content__input{color:var(--bizy-input-invalid-color)!important}.bizy-select{--bizy-input-cursor: pointer;--bizy-input-background-color: var(--bizy-select-background-color);--bizy-input-color: var(--bizy-select-color)}.bizy-select--readonly{--bizy-input-cursor: default}.bizy-select__arrow{height:var(--bizy-select-arrow-height);pointer-events:none;display:block;transition:transform .2s ease;fill:var(--bizy-select-color)}.bizy-select__arrow--opened{transform:rotate(180deg)}.bizy-select__options{background-color:var(--bizy-select-background-color);display:flex;min-width:fit-content;width:100%;flex-direction:column;box-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014;max-height:var(--bizy-select-height);overflow-y:auto;overflow-x:hidden;position:relative}.bizy-select__options::-webkit-scrollbar{width:.5rem;height:.5rem}.bizy-select__options::-webkit-scrollbar-thumb{border-radius:1rem;background-color:var(--bizy-select-scroll-bar-color)}.bizy-select__options::-webkit-scrollbar-thumb:hover{background-color:var(--bizy-select-scroll-bar-hover-color)}.bizy-select__options::-webkit-scrollbar-button{height:1rem}.bizy-select__options__search{position:sticky;z-index:1;top:0}::ng-deep .bizy-select__options__search{--bizy-input-width: auto;--bizy-input-background-color: #fff;--bizy-input-min-width: var(--bizy-select-min-width);--bizy-input-max-width: auto;margin-bottom:.3rem}.bizy-select__errors:empty{display:none!important}::ng-deep .bizy-select__errors *{color:var(--bizy-input-invalid-color)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BizyInputComponent, selector: "bizy-input", inputs: ["id", "name", "customClass", "placeholder", "debounceTime", "rows", "type", "maxLength", "autofocus", "disabled", "readonly", "value"], outputs: ["valueChange", "onChange", "onEnter", "onKey", "onBackspace", "onSelect", "onBlur", "onFocus", "onPaste"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i3.ɵɵCdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizySelectComponent, decorators: [{
             type: Component,
@@ -14259,54 +14500,62 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
 class BizyGridComponent {
     #elementRef = inject(ElementRef);
     #ref = inject(ChangeDetectorRef);
-    #document = inject(DOCUMENT$1);
+    #document = inject(DOCUMENT);
     #renderer = inject(Renderer2);
-    virtualScroll;
-    content;
-    gridDirective;
+    #zone = inject(NgZone);
+    virtualScroll = null;
+    content = null;
+    gridDirective = null;
     resizeRef = null;
-    #rowScrollingMutationObserver;
-    #resizeObserver;
+    scrollDisabled = false;
+    set scrollResetKey(_value) {
+        this.#wasAtEnd = false;
+    }
+    endReached = new EventEmitter();
+    #bottomThreshold = 120;
+    #resizeObserver = null;
     #subscription = new Subscription();
-    #view;
+    #view = null;
+    #viewportCheckFrame = null;
+    #scrollFrame = null;
+    #wasAtEnd = false;
+    #destroyed = false;
     notifier$ = new Subject();
     rowHeight = 100;
     itemRows = [];
     items = [];
-    itemTemplate;
+    itemTemplate = null;
     itemsPerRow = 1;
     getNativeElement = () => this.#elementRef?.nativeElement;
-    ngAfterContentInit() {
-        this.#rowScrollingMutationObserver = new MutationObserver(() => {
-            if (!this.gridDirective) {
+    ngAfterViewInit() {
+        this.#listenToScroll();
+        if (!this.gridDirective) {
+            return;
+        }
+        this.#subscription.add(this.gridDirective.items$.subscribe(items => {
+            if (this.items.length === 0 && items.length === 0) {
+                this.#scheduleViewportCheck();
                 return;
             }
-            this.#subscription.add(this.gridDirective.items$.subscribe(items => {
-                if (this.items.length === 0 && items.length === 0) {
-                    return;
-                }
-                this.items = items;
-                this.#updateView();
-                if (!this.#view) {
-                    this.#view = this.gridDirective.viewContainerRef;
-                    this.#view.createEmbeddedView(this.content);
-                }
-            }));
-            this.#rowScrollingMutationObserver.disconnect();
-            this.#ref.detectChanges();
-        });
-        this.#rowScrollingMutationObserver.observe(this.#document.body, { childList: true, subtree: true });
+            this.items = items;
+            this.#updateView();
+            this.#createScrollingContent();
+        }));
         this.#resizeObserver = new ResizeObserver(() => this.notifier$.next());
-        const resizeRef = this.resizeRef ? this.resizeRef : this.#renderer.parentNode(this.#elementRef.nativeElement) ? this.#renderer.parentNode(this.#elementRef.nativeElement) : this.#elementRef.nativeElement;
+        const resizeRef = this.#getResizeElement();
         this.#resizeObserver.observe(resizeRef);
         this.#subscription.add(this.notifier$.pipe(debounceTime(50)).subscribe(() => {
             this.#updateView(true);
         }));
+        this.#scheduleViewportCheck();
     }
-    #updateView = (resize = false) => {
+    #updateView = (resize) => {
+        if (!this.gridDirective) {
+            return;
+        }
         this.itemTemplate = this.gridDirective.templateRef;
-        const rowWidth = this.#elementRef.nativeElement.offsetWidth || this.#elementRef.nativeElement.firstChild.offsetWidth;
-        const gridHeight = this.#elementRef.nativeElement.offsetHeight || this.#elementRef.nativeElement.firstChild.offsetHeight;
+        const firstChild = this.#elementRef.nativeElement.firstElementChild;
+        const rowWidth = this.#elementRef.nativeElement.offsetWidth || firstChild?.offsetWidth || 0;
         let columnWidth = 100;
         const fontSize = Number(getComputedStyle(this.#elementRef.nativeElement).getPropertyValue('font-size').split('px')[0]);
         const rowHeightParameter = getComputedStyle(this.#elementRef.nativeElement).getPropertyValue('--bizy-grid-row-height');
@@ -14316,9 +14565,6 @@ class BizyGridComponent {
         else if (rowHeightParameter && rowHeightParameter.includes('px')) {
             this.rowHeight = Number(rowHeightParameter.split('px')[0]);
         }
-        else if (rowHeightParameter && rowHeightParameter.includes('%')) {
-            this.rowHeight = (Number(rowHeightParameter.split('%')[0]) / 100) * gridHeight;
-        }
         let gap = 10;
         const gapParameter = getComputedStyle(this.#elementRef.nativeElement).getPropertyValue('--bizy-grid-gap');
         if (gapParameter && gapParameter.includes('rem')) {
@@ -14327,9 +14573,6 @@ class BizyGridComponent {
         else if (gapParameter && gapParameter.includes('px')) {
             gap = Number(gapParameter.split('px')[0]);
         }
-        else if (gapParameter && gapParameter.includes('%')) {
-            gap = (Number(gapParameter.split('%')[0]) / 100) * gridHeight;
-        }
         const columnWidthParameter = getComputedStyle(this.#elementRef.nativeElement).getPropertyValue('--bizy-grid-column-width');
         if (columnWidthParameter && columnWidthParameter.includes('rem')) {
             columnWidth = fontSize * Number(columnWidthParameter.split('rem')[0]);
@@ -14350,6 +14593,7 @@ class BizyGridComponent {
             newItemsPerRow = (count - 1) <= 0 ? 1 : count - 1;
         }
         if (resize && newItemsPerRow === this.itemsPerRow) {
+            this.#scheduleViewportCheck();
             return;
         }
         this.itemsPerRow = newItemsPerRow;
@@ -14360,6 +14604,89 @@ class BizyGridComponent {
         }
         this.itemRows = itemRows;
         this.#ref.detectChanges();
+        this.#scheduleViewportCheck();
+    };
+    #createScrollingContent = () => {
+        if (this.#view || !this.content) {
+            return;
+        }
+        if (this.gridDirective) {
+            this.#view = this.gridDirective.viewContainerRef;
+            this.#view.createEmbeddedView(this.content);
+            this.#ref.detectChanges();
+            this.#scheduleViewportCheck();
+        }
+    };
+    #getResizeElement = () => {
+        if (this.resizeRef instanceof ElementRef) {
+            return this.resizeRef.nativeElement;
+        }
+        if (this.resizeRef) {
+            return this.resizeRef;
+        }
+        return this.#renderer.parentNode(this.#elementRef.nativeElement) || this.#elementRef.nativeElement;
+    };
+    #listenToScroll = () => {
+        const windowRef = this.#document.defaultView;
+        const listenToScroll = () => {
+            this.#scrollFrame = null;
+            if (this.#destroyed) {
+                return;
+            }
+            const scrollElement = this.#getScrollElement();
+            this.#subscription.add(fromEvent(scrollElement, 'scroll', { passive: true })
+                .pipe(auditTime(150))
+                .subscribe(() => this.#onScroll(scrollElement)));
+        };
+        this.#zone.runOutsideAngular(() => {
+            if (windowRef?.requestAnimationFrame) {
+                this.#scrollFrame = windowRef.requestAnimationFrame(listenToScroll);
+                return;
+            }
+            listenToScroll();
+        });
+    };
+    #onScroll = (scrollElement) => {
+        if (this.scrollDisabled) {
+            return;
+        }
+        if (scrollElement.scrollTop <= this.#bottomThreshold) {
+            return;
+        }
+        const distanceToBottom = scrollElement.scrollHeight - scrollElement.scrollTop - scrollElement.clientHeight;
+        const atEnd = distanceToBottom <= this.#bottomThreshold;
+        if (!atEnd) {
+            this.#wasAtEnd = false;
+            return;
+        }
+        if (this.#wasAtEnd) {
+            return;
+        }
+        this.#wasAtEnd = true;
+        this.#zone.run(() => this.endReached.emit());
+    };
+    #getScrollElement = () => {
+        return (this.#elementRef.nativeElement.querySelector('.cdk-virtual-scrollable') ??
+            this.#elementRef.nativeElement.querySelector('cdk-virtual-scroll-viewport') ??
+            this.#elementRef.nativeElement);
+    };
+    #scheduleViewportCheck = () => {
+        if (this.#viewportCheckFrame !== null) {
+            return;
+        }
+        const windowRef = this.#document.defaultView;
+        const checkViewport = () => {
+            this.#viewportCheckFrame = null;
+            if (this.#destroyed) {
+                return;
+            }
+            this.virtualScroll?.checkViewportSize();
+        };
+        if (windowRef?.requestAnimationFrame) {
+            this.#viewportCheckFrame = windowRef.requestAnimationFrame(checkViewport);
+            return;
+        }
+        checkViewport();
     };
     trackByRow(index, row) {
         if (row && row.length > 0) {
@@ -14368,19 +14695,28 @@ class BizyGridComponent {
         return index;
     }
     scrollTo(index, behavior = 'smooth') {
+        if (!this.virtualScroll) {
+            return;
+        }
         this.virtualScroll.scrollToIndex(index, behavior);
     }
     ngOnDestroy() {
+        this.#destroyed = true;
         this.#subscription.unsubscribe();
-        if (this.#rowScrollingMutationObserver) {
-            this.#rowScrollingMutationObserver.disconnect();
+        if (this.#viewportCheckFrame !== null) {
+            this.#document.defaultView?.cancelAnimationFrame(this.#viewportCheckFrame);
+            this.#viewportCheckFrame = null;
+        }
+        if (this.#scrollFrame !== null) {
+            this.#document.defaultView?.cancelAnimationFrame(this.#scrollFrame);
+            this.#scrollFrame = null;
         }
         if (this.#resizeObserver) {
             this.#resizeObserver.disconnect();
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: BizyGridComponent, isStandalone: true, selector: "bizy-grid", inputs: { resizeRef: "resizeRef" }, queries: [{ propertyName: "gridDirective", first: true, predicate: BizyGridForDirective, descendants: true }], viewQueries: [{ propertyName: "virtualScroll", first: true, predicate: ["cdkVirtualScroll"], descendants: true }, { propertyName: "content", first: true, predicate: ["gridScrollingContent"], descendants: true }], ngImport: i0, template: "<div class=\"bizy-grid\" [ngClass]=\"{'bizy-grid--empty': items && items.length === 0}\">\n\n  <cdk-virtual-scroll-viewport\n    #cdkVirtualScroll\n    class=\"bizy-grid__rows\"\n    [itemSize]=\"rowHeight\"\n    [minBufferPx]=\"rowHeight + (rowHeight * 10)\"\n    [maxBufferPx]=\"rowHeight + (rowHeight * 20)\">\n\n    <ng-content></ng-content>\n\n    <ng-template #gridScrollingContent>\n      <ng-template\n        let-item\n        let-index=\"index\"\n        let-first=\"first\"\n        let-last=\"last\"\n        let-even=\"even\"\n        let-odd=\"odd\"\n        cdkVirtualFor\n        [cdkVirtualForOf]=\"itemRows\"\n        [cdkVirtualForTrackBy]=\"trackByRow\">\n        <bizy-grid-row [rowHeight]=\"rowHeight\" [itemsPerRow]=\"itemsPerRow\">\n          @for (it of item; track it.id ?? i; let i = $index) {\n            <ng-template\n                *ngTemplateOutlet=\"itemTemplate;\n                context: { \n                    $implicit: it,\n                    index: index * itemsPerRow + i,\n                    rowIndex: index,\n                    rowFirst: first,\n                    rowLast: last,\n                    rowEven: even,\n                    rowOdd: odd\n                }\">\n            </ng-template>\n          }\n        </bizy-grid-row>\n      </ng-template>\n    </ng-template>\n  </cdk-virtual-scroll-viewport>\n\n</div>\n", styles: [":host{display:inline-block!important;min-height:var(--bizy-grid-min-height);max-height:var(--bizy-grid-max-height);height:var(--bizy-grid-height);width:var(--bizy-grid-width);flex:1;overflow-x:auto;overflow-y:hidden;font-size:1rem}:host:has(.bizy-grid--empty){height:0!important;min-height:0!important;max-height:0!important}.bizy-grid{width:inherit;height:inherit;min-width:fit-content;display:flex;flex-direction:column;row-gap:.3rem;overflow-x:clip;background-color:var(--bizy-grid-background-color)}.bizy-grid__rows{width:100%;display:flex;flex-direction:column;min-width:fit-content;overflow-x:hidden}::ng-deep .cdk-virtual-scrollable{height:100%;width:100%;overflow-y:auto!important;overflow-x:hidden!important;contain:inline-size!important}::ng-deep .cdk-virtual-scroll-content-wrapper{min-width:100%;max-width:100%}::ng-deep .cdk-virtual-scrollable::-webkit-scrollbar{width:.5rem;height:.5rem}::ng-deep .cdk-virtual-scrollable::-webkit-scrollbar-thumb{border-radius:1rem;background-color:var(--bizy-grid-scroll-bar-color)}::ng-deep .cdk-virtual-scrollable::-webkit-scrollbar-thumb:hover{background-color:var(--bizy-grid-scroll-bar-hover-color)}::ng-deep .cdk-virtual-scrollable::-webkit-scrollbar-button{height:1rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i2$2.ɵɵCdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i2$2.ɵɵCdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i2$2.ɵɵCdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: BizyGridRowComponent, selector: "bizy-grid-row", inputs: ["rowHeight", "itemsPerRow"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: BizyGridComponent, isStandalone: true, selector: "bizy-grid", inputs: { resizeRef: "resizeRef", scrollDisabled: "scrollDisabled", scrollResetKey: "scrollResetKey" }, outputs: { endReached: "endReached" }, queries: [{ propertyName: "gridDirective", first: true, predicate: BizyGridForDirective, descendants: true }], viewQueries: [{ propertyName: "virtualScroll", first: true, predicate: ["cdkVirtualScroll"], descendants: true }, { propertyName: "content", first: true, predicate: ["gridScrollingContent"], descendants: true }], ngImport: i0, template: "<div class=\"bizy-grid\" [ngClass]=\"{'bizy-grid--empty': items && items.length === 0}\">\n\n  <cdk-virtual-scroll-viewport\n    #cdkVirtualScroll\n    class=\"bizy-grid__rows\"\n    [itemSize]=\"rowHeight\"\n    [minBufferPx]=\"rowHeight + (rowHeight * 10)\"\n    [maxBufferPx]=\"rowHeight + (rowHeight * 20)\">\n\n    <ng-content></ng-content>\n\n    <ng-template #gridScrollingContent>\n      <ng-template\n        let-item\n        let-index=\"index\"\n        let-first=\"first\"\n        let-last=\"last\"\n        let-even=\"even\"\n        let-odd=\"odd\"\n        cdkVirtualFor\n        [cdkVirtualForOf]=\"itemRows\"\n        [cdkVirtualForTrackBy]=\"trackByRow\">\n        <bizy-grid-row [rowHeight]=\"rowHeight\" [itemsPerRow]=\"itemsPerRow\">\n          @for (it of item; track it.id ?? i; let i = $index) {\n            <ng-template\n                *ngTemplateOutlet=\"itemTemplate;\n                context: { \n                    $implicit: it,\n                    index: index * itemsPerRow + i,\n                    rowIndex: index,\n                    rowFirst: first,\n                    rowLast: last,\n                    rowEven: even,\n                    rowOdd: odd\n                }\">\n            </ng-template>\n          }\n        </bizy-grid-row>\n      </ng-template>\n    </ng-template>\n  </cdk-virtual-scroll-viewport>\n\n</div>\n", styles: [":host{display:inline-block!important;min-height:var(--bizy-grid-min-height);max-height:var(--bizy-grid-max-height);height:var(--bizy-grid-height);width:var(--bizy-grid-width);flex:1;overflow-x:auto;overflow-y:hidden;font-size:1rem}:host:has(.bizy-grid--empty){height:0!important;min-height:0!important;max-height:0!important}.bizy-grid{width:inherit;height:inherit;min-width:fit-content;display:flex;flex-direction:column;row-gap:.3rem;overflow-x:clip;background-color:var(--bizy-grid-background-color)}.bizy-grid__rows{width:100%;display:flex;flex-direction:column;min-width:fit-content;overflow-x:hidden}::ng-deep .cdk-virtual-scrollable{height:100%;width:100%;overflow-y:auto!important;overflow-x:hidden!important;contain:inline-size!important}::ng-deep .cdk-virtual-scroll-content-wrapper{min-width:100%;max-width:100%}::ng-deep .cdk-virtual-scrollable::-webkit-scrollbar{width:.5rem;height:.5rem}::ng-deep .cdk-virtual-scrollable::-webkit-scrollbar-thumb{border-radius:1rem;background-color:var(--bizy-grid-scroll-bar-color)}::ng-deep .cdk-virtual-scrollable::-webkit-scrollbar-thumb:hover{background-color:var(--bizy-grid-scroll-bar-hover-color)}::ng-deep .cdk-virtual-scrollable::-webkit-scrollbar-button{height:1rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i2$2.ɵɵCdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i2$2.ɵɵCdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i2$2.ɵɵCdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: BizyGridRowComponent, selector: "bizy-grid-row", inputs: ["rowHeight", "itemsPerRow"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyGridComponent, decorators: [{
             type: Component,
@@ -14396,6 +14732,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                 args: [BizyGridForDirective]
             }], resizeRef: [{
                 type: Input
+            }], scrollDisabled: [{
+                type: Input
+            }], scrollResetKey: [{
+                type: Input
+            }], endReached: [{
+                type: Output
             }] } });
 
 const COMPONENTS$k = [
@@ -15077,11 +15419,11 @@ class BizyMenuComponent {
         this.#subscription.unsubscribe();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: BizyMenuComponent, isStandalone: true, selector: "bizy-menu", inputs: { id: "id", disabled: "disabled", offsetX: "offsetX", offsetY: "offsetY", customClass: "customClass", hideArrow: "hideArrow", opened: "opened" }, outputs: { onSelect: "onSelect" }, queries: [{ propertyName: "options", predicate: BizyMenuOptionComponent }], ngImport: i0, template: "<button\n  type=\"button\"\n  class=\"bizy-menu {{customClass}}\"\n  [ngClass]=\"{'bizy-menu--disabled': disabled}\"\n  [id]=\"id\"\n  (click)=\"_onSelect($event)\"\n  (keyup.enter)=\"_onSelect($event)\"\n  cdkOverlayOrigin\n  #bizyMenuTrigger=\"cdkOverlayOrigin\">\n\n  <span class=\"bizy-menu__content\">\n    <ng-content></ng-content>\n  </span>\n\n  @if (!hideArrow) {\n    <svg\n      class=\"bizy-menu__arrow\"\n      viewBox=\"0 0 96 96\"\n      [ngClass]=\"{'bizy-menu__arrow--opened': opened}\"\n      xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M81.8457,25.3876a6.0239,6.0239,0,0,0-8.45.7676L48,56.6257l-25.396-30.47a5.999,5.999,0,1,0-9.2114,7.6879L43.3943,69.8452a5.9969,5.9969,0,0,0,9.2114,0L82.6074,33.8431A6.0076,6.0076,0,0,0,81.8457,25.3876Z\"/>\n    </svg>\n  }\n</button>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOffsetX]=\"offsetX\"\n  [cdkConnectedOverlayOffsetY]=\"offsetY\"\n  [cdkConnectedOverlayMinWidth]=\"_menuWidth\"\n  [cdkConnectedOverlayOrigin]=\"bizyMenuTrigger\"\n  (overlayOutsideClick)=\"close($event)\"\n  [cdkConnectedOverlayPush]=\"true\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  [cdkConnectedOverlayViewportMargin]=\"8\"\n  [cdkConnectedOverlayOpen]=\"opened\">\n\n  <span class=\"bizy-menu__options\" [id]=\"bizyMenuOptionsId\">\n\n    <span class=\"bizy-menu__options__header\">\n      <ng-content select=\"bizy-menu-title\"></ng-content>\n      <ng-content select=\"bizy-input\"></ng-content>\n    </span>\n\n    <ng-content select=\"bizy-menu-option\"></ng-content>\n\n  </span>\n\n</ng-template>\n", styles: [":host{font-size:1rem}:host:has(>.bizy-menu__options:empty) .bizy-menu>.bizy-menu__arrow{display:none!important}.bizy-menu{font-size:1rem;width:100%;border:none;background-color:transparent;display:flex;align-items:center;justify-content:space-between;column-gap:.5rem;padding:var(--bizy-menu-padding);color:var(--bizy-menu-color);cursor:pointer}.bizy-menu--disabled{pointer-events:none;opacity:.5;cursor:not-allowed!important}.bizy-menu__arrow{height:var(--bizy-menu-arrow-height);pointer-events:none;display:block;transition:transform .2s ease;fill:var(--bizy-menu-color)}.bizy-menu__arrow--opened{transform:rotate(180deg)}.bizy-menu__content{font-size:1rem;display:flex;align-items:center;column-gap:.3rem;pointer-events:none}.bizy-menu__options{background-color:var(--bizy-menu-background-color);min-width:var(--bizy-menu-min-width);max-width:var(--bizy-menu-max-width);max-height:var(--bizy-menu-max-height);overflow-y:auto;overflow-x:hidden;width:100%;display:flex;flex-direction:column;position:relative;box-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014}.bizy-menu__options::-webkit-scrollbar{width:.5rem;height:.5rem}.bizy-menu__options::-webkit-scrollbar-thumb{border-radius:1rem;background-color:var(--bizy-menu-scroll-bar-color)}.bizy-menu__options::-webkit-scrollbar-thumb:hover{background-color:var(--bizy-menu-scroll-bar-hover-color)}.bizy-menu__options::-webkit-scrollbar-button{height:1rem}.bizy-menu__options__header{position:sticky;z-index:1;top:0;display:flex;flex-direction:column;row-gap:.3rem;background-color:#fff}::ng-deep .bizy-menu__options__header{--bizy-input-width: auto;--bizy-input-background-color: #fff;--bizy-input-min-width: var(--bizy-select-min-width);--bizy-input-max-width: auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: BizyMenuComponent, isStandalone: true, selector: "bizy-menu", inputs: { id: "id", disabled: "disabled", offsetX: "offsetX", offsetY: "offsetY", customClass: "customClass", hideArrow: "hideArrow", opened: "opened" }, outputs: { onSelect: "onSelect" }, queries: [{ propertyName: "options", predicate: BizyMenuOptionComponent }], ngImport: i0, template: "<button\n  type=\"button\"\n  class=\"bizy-menu {{customClass}}\"\n  [ngClass]=\"{'bizy-menu--disabled': disabled}\"\n  [id]=\"id\"\n  (click)=\"_onSelect($event)\"\n  (keyup.enter)=\"_onSelect($event)\"\n  cdkOverlayOrigin\n  #bizyMenuTrigger=\"cdkOverlayOrigin\">\n\n  <span class=\"bizy-menu__content\">\n    <ng-content></ng-content>\n  </span>\n\n  @if (!hideArrow) {\n    <svg\n      class=\"bizy-menu__arrow\"\n      viewBox=\"0 0 96 96\"\n      [ngClass]=\"{'bizy-menu__arrow--opened': opened}\"\n      xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M81.8457,25.3876a6.0239,6.0239,0,0,0-8.45.7676L48,56.6257l-25.396-30.47a5.999,5.999,0,1,0-9.2114,7.6879L43.3943,69.8452a5.9969,5.9969,0,0,0,9.2114,0L82.6074,33.8431A6.0076,6.0076,0,0,0,81.8457,25.3876Z\"/>\n    </svg>\n  }\n</button>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOffsetX]=\"offsetX\"\n  [cdkConnectedOverlayOffsetY]=\"offsetY\"\n  [cdkConnectedOverlayMinWidth]=\"_menuWidth\"\n  [cdkConnectedOverlayOrigin]=\"bizyMenuTrigger\"\n  (overlayOutsideClick)=\"close($event)\"\n  [cdkConnectedOverlayPush]=\"true\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  [cdkConnectedOverlayViewportMargin]=\"8\"\n  [cdkConnectedOverlayOpen]=\"opened\">\n\n  <span class=\"bizy-menu__options\" [id]=\"bizyMenuOptionsId\">\n\n    <span class=\"bizy-menu__options__header\">\n      <ng-content select=\"bizy-menu-title\"></ng-content>\n      <ng-content select=\"bizy-input\"></ng-content>\n    </span>\n\n    <ng-content select=\"bizy-menu-option\"></ng-content>\n\n  </span>\n\n</ng-template>\n", styles: [":host{font-size:1rem}:host:has(>.bizy-menu__options:empty) .bizy-menu>.bizy-menu__arrow{display:none!important}.bizy-menu{font-size:1rem;width:100%;border:none;background-color:transparent;display:flex;align-items:center;justify-content:space-between;column-gap:.5rem;padding:var(--bizy-menu-padding);color:var(--bizy-menu-color);cursor:pointer}.bizy-menu--disabled{pointer-events:none;opacity:.5;cursor:not-allowed!important}.bizy-menu__arrow{height:var(--bizy-menu-arrow-height);pointer-events:none;display:block;transition:transform .2s ease;fill:var(--bizy-menu-color)}.bizy-menu__arrow--opened{transform:rotate(180deg)}.bizy-menu__content{font-size:1rem;display:flex;align-items:center;column-gap:.3rem;pointer-events:none}.bizy-menu__options{border-top-left-radius:var(--bizy-menu-border-top-left-radius, var(--bizy-menu-border-radius, .5rem));border-top-right-radius:var(--bizy-menu-border-top-right-radius, var(--bizy-menu-border-radius, .5rem));border-bottom-right-radius:var(--bizy-menu-border-bottom-right-radius, var(--bizy-menu-border-radius, .5rem));border-bottom-left-radius:var(--bizy-menu-border-bottom-left-radius, var(--bizy-menu-border-radius, .5rem));background-color:var(--bizy-menu-background-color);min-width:var(--bizy-menu-min-width);max-width:var(--bizy-menu-max-width);max-height:var(--bizy-menu-max-height);overflow-y:auto;overflow-x:hidden;width:100%;display:flex;flex-direction:column;position:relative;box-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014}.bizy-menu__options::-webkit-scrollbar{width:.5rem;height:.5rem}.bizy-menu__options::-webkit-scrollbar-thumb{border-radius:1rem;background-color:var(--bizy-menu-scroll-bar-color)}.bizy-menu__options::-webkit-scrollbar-thumb:hover{background-color:var(--bizy-menu-scroll-bar-hover-color)}.bizy-menu__options::-webkit-scrollbar-button{height:1rem}.bizy-menu__options__header{position:sticky;z-index:1;top:0;display:flex;flex-direction:column;row-gap:.3rem;background-color:#fff}::ng-deep .bizy-menu__options__header{--bizy-input-width: auto;--bizy-input-background-color: #fff;--bizy-input-min-width: var(--bizy-select-min-width);--bizy-input-max-width: auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bizy-menu', imports: [CommonModule, FormsModule, OverlayModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  type=\"button\"\n  class=\"bizy-menu {{customClass}}\"\n  [ngClass]=\"{'bizy-menu--disabled': disabled}\"\n  [id]=\"id\"\n  (click)=\"_onSelect($event)\"\n  (keyup.enter)=\"_onSelect($event)\"\n  cdkOverlayOrigin\n  #bizyMenuTrigger=\"cdkOverlayOrigin\">\n\n  <span class=\"bizy-menu__content\">\n    <ng-content></ng-content>\n  </span>\n\n  @if (!hideArrow) {\n    <svg\n      class=\"bizy-menu__arrow\"\n      viewBox=\"0 0 96 96\"\n      [ngClass]=\"{'bizy-menu__arrow--opened': opened}\"\n      xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M81.8457,25.3876a6.0239,6.0239,0,0,0-8.45.7676L48,56.6257l-25.396-30.47a5.999,5.999,0,1,0-9.2114,7.6879L43.3943,69.8452a5.9969,5.9969,0,0,0,9.2114,0L82.6074,33.8431A6.0076,6.0076,0,0,0,81.8457,25.3876Z\"/>\n    </svg>\n  }\n</button>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOffsetX]=\"offsetX\"\n  [cdkConnectedOverlayOffsetY]=\"offsetY\"\n  [cdkConnectedOverlayMinWidth]=\"_menuWidth\"\n  [cdkConnectedOverlayOrigin]=\"bizyMenuTrigger\"\n  (overlayOutsideClick)=\"close($event)\"\n  [cdkConnectedOverlayPush]=\"true\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  [cdkConnectedOverlayViewportMargin]=\"8\"\n  [cdkConnectedOverlayOpen]=\"opened\">\n\n  <span class=\"bizy-menu__options\" [id]=\"bizyMenuOptionsId\">\n\n    <span class=\"bizy-menu__options__header\">\n      <ng-content select=\"bizy-menu-title\"></ng-content>\n      <ng-content select=\"bizy-input\"></ng-content>\n    </span>\n\n    <ng-content select=\"bizy-menu-option\"></ng-content>\n\n  </span>\n\n</ng-template>\n", styles: [":host{font-size:1rem}:host:has(>.bizy-menu__options:empty) .bizy-menu>.bizy-menu__arrow{display:none!important}.bizy-menu{font-size:1rem;width:100%;border:none;background-color:transparent;display:flex;align-items:center;justify-content:space-between;column-gap:.5rem;padding:var(--bizy-menu-padding);color:var(--bizy-menu-color);cursor:pointer}.bizy-menu--disabled{pointer-events:none;opacity:.5;cursor:not-allowed!important}.bizy-menu__arrow{height:var(--bizy-menu-arrow-height);pointer-events:none;display:block;transition:transform .2s ease;fill:var(--bizy-menu-color)}.bizy-menu__arrow--opened{transform:rotate(180deg)}.bizy-menu__content{font-size:1rem;display:flex;align-items:center;column-gap:.3rem;pointer-events:none}.bizy-menu__options{background-color:var(--bizy-menu-background-color);min-width:var(--bizy-menu-min-width);max-width:var(--bizy-menu-max-width);max-height:var(--bizy-menu-max-height);overflow-y:auto;overflow-x:hidden;width:100%;display:flex;flex-direction:column;position:relative;box-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014}.bizy-menu__options::-webkit-scrollbar{width:.5rem;height:.5rem}.bizy-menu__options::-webkit-scrollbar-thumb{border-radius:1rem;background-color:var(--bizy-menu-scroll-bar-color)}.bizy-menu__options::-webkit-scrollbar-thumb:hover{background-color:var(--bizy-menu-scroll-bar-hover-color)}.bizy-menu__options::-webkit-scrollbar-button{height:1rem}.bizy-menu__options__header{position:sticky;z-index:1;top:0;display:flex;flex-direction:column;row-gap:.3rem;background-color:#fff}::ng-deep .bizy-menu__options__header{--bizy-input-width: auto;--bizy-input-background-color: #fff;--bizy-input-min-width: var(--bizy-select-min-width);--bizy-input-max-width: auto}\n"] }]
+            args: [{ selector: 'bizy-menu', imports: [CommonModule, FormsModule, OverlayModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  type=\"button\"\n  class=\"bizy-menu {{customClass}}\"\n  [ngClass]=\"{'bizy-menu--disabled': disabled}\"\n  [id]=\"id\"\n  (click)=\"_onSelect($event)\"\n  (keyup.enter)=\"_onSelect($event)\"\n  cdkOverlayOrigin\n  #bizyMenuTrigger=\"cdkOverlayOrigin\">\n\n  <span class=\"bizy-menu__content\">\n    <ng-content></ng-content>\n  </span>\n\n  @if (!hideArrow) {\n    <svg\n      class=\"bizy-menu__arrow\"\n      viewBox=\"0 0 96 96\"\n      [ngClass]=\"{'bizy-menu__arrow--opened': opened}\"\n      xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M81.8457,25.3876a6.0239,6.0239,0,0,0-8.45.7676L48,56.6257l-25.396-30.47a5.999,5.999,0,1,0-9.2114,7.6879L43.3943,69.8452a5.9969,5.9969,0,0,0,9.2114,0L82.6074,33.8431A6.0076,6.0076,0,0,0,81.8457,25.3876Z\"/>\n    </svg>\n  }\n</button>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOffsetX]=\"offsetX\"\n  [cdkConnectedOverlayOffsetY]=\"offsetY\"\n  [cdkConnectedOverlayMinWidth]=\"_menuWidth\"\n  [cdkConnectedOverlayOrigin]=\"bizyMenuTrigger\"\n  (overlayOutsideClick)=\"close($event)\"\n  [cdkConnectedOverlayPush]=\"true\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  [cdkConnectedOverlayViewportMargin]=\"8\"\n  [cdkConnectedOverlayOpen]=\"opened\">\n\n  <span class=\"bizy-menu__options\" [id]=\"bizyMenuOptionsId\">\n\n    <span class=\"bizy-menu__options__header\">\n      <ng-content select=\"bizy-menu-title\"></ng-content>\n      <ng-content select=\"bizy-input\"></ng-content>\n    </span>\n\n    <ng-content select=\"bizy-menu-option\"></ng-content>\n\n  </span>\n\n</ng-template>\n", styles: [":host{font-size:1rem}:host:has(>.bizy-menu__options:empty) .bizy-menu>.bizy-menu__arrow{display:none!important}.bizy-menu{font-size:1rem;width:100%;border:none;background-color:transparent;display:flex;align-items:center;justify-content:space-between;column-gap:.5rem;padding:var(--bizy-menu-padding);color:var(--bizy-menu-color);cursor:pointer}.bizy-menu--disabled{pointer-events:none;opacity:.5;cursor:not-allowed!important}.bizy-menu__arrow{height:var(--bizy-menu-arrow-height);pointer-events:none;display:block;transition:transform .2s ease;fill:var(--bizy-menu-color)}.bizy-menu__arrow--opened{transform:rotate(180deg)}.bizy-menu__content{font-size:1rem;display:flex;align-items:center;column-gap:.3rem;pointer-events:none}.bizy-menu__options{border-top-left-radius:var(--bizy-menu-border-top-left-radius, var(--bizy-menu-border-radius, .5rem));border-top-right-radius:var(--bizy-menu-border-top-right-radius, var(--bizy-menu-border-radius, .5rem));border-bottom-right-radius:var(--bizy-menu-border-bottom-right-radius, var(--bizy-menu-border-radius, .5rem));border-bottom-left-radius:var(--bizy-menu-border-bottom-left-radius, var(--bizy-menu-border-radius, .5rem));background-color:var(--bizy-menu-background-color);min-width:var(--bizy-menu-min-width);max-width:var(--bizy-menu-max-width);max-height:var(--bizy-menu-max-height);overflow-y:auto;overflow-x:hidden;width:100%;display:flex;flex-direction:column;position:relative;box-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014}.bizy-menu__options::-webkit-scrollbar{width:.5rem;height:.5rem}.bizy-menu__options::-webkit-scrollbar-thumb{border-radius:1rem;background-color:var(--bizy-menu-scroll-bar-color)}.bizy-menu__options::-webkit-scrollbar-thumb:hover{background-color:var(--bizy-menu-scroll-bar-hover-color)}.bizy-menu__options::-webkit-scrollbar-button{height:1rem}.bizy-menu__options__header{position:sticky;z-index:1;top:0;display:flex;flex-direction:column;row-gap:.3rem;background-color:#fff}::ng-deep .bizy-menu__options__header{--bizy-input-width: auto;--bizy-input-background-color: #fff;--bizy-input-min-width: var(--bizy-select-min-width);--bizy-input-max-width: auto}\n"] }]
         }], propDecorators: { options: [{
                 type: ContentChildren,
                 args: [BizyMenuOptionComponent]
@@ -18620,6 +18962,9 @@ class BizyCopyToClipboardDirective {
         this.copyToClipboard = copyToClipboard;
         this.#svgElement = this.renderer.createElement('div');
         this.renderer.setStyle(this.elementRef.nativeElement, 'position', 'relative');
+        this.renderer.setStyle(this.elementRef.nativeElement, 'paddingRight', '1.6rem');
+        this.renderer.setStyle(this.elementRef.nativeElement, 'cursor', 'pointer');
+        this.renderer.setStyle(this.elementRef.nativeElement, 'overflow', 'hidden');
         this.renderer.setStyle(this.#svgElement, 'position', 'absolute');
         this.renderer.setStyle(this.#svgElement, 'right', '0');
         this.renderer.setStyle(this.#svgElement, 'opacity', '0');
@@ -19297,5 +19642,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BIZY_ANIMATION, BIZY_BAR_LINE_CHART_AXIS_POSITION, BIZY_CALENDAR_DAY, BIZY_CALENDAR_EVENT_ACTION, BIZY_CALENDAR_LANGUAGE, BIZY_CALENDAR_MODE, BIZY_FORMAT_SECONDS_FORMAT, BIZY_FORMAT_SECONDS_LANGUAGE, BIZY_SKELETON_SHAPE, BIZY_STACKED_BAR_CHART_LEGEND_POSITION, BIZY_TAG_TYPE, BizyAccordionComponent, BizyAccordionModule, BizyAnimationService, BizyAudioPlayerComponent, BizyAudioPlayerFormatSecondsPipe, BizyAudioPlayerModule, BizyAudioRecorderComponent, BizyAudioRecorderModule, BizyAutoFocusDirective, BizyAveragePipe, BizyBarChartComponent, BizyBarLineChartComponent, BizyBarLineChartModule, BizyBarLineChartPopupComponent, BizyBreadcrumbComponent, BizyBreadcrumbModule, BizyButtonComponent, BizyButtonModule, BizyCacheService, BizyCalendarComponent, BizyCalendarModule, BizyCardComponent, BizyCardModule, BizyCheckboxComponent, BizyCheckboxModule, BizyContentComponent, BizyContentModule, BizyCopyToClipboardDirective, BizyCopyToClipboardService, BizyCurrencyFormatDirective, BizyDatePickerComponent, BizyDatePickerModule, BizyDeviceService, BizyDirectivesModule, BizyDonutChartComponent, BizyDonutChartModule, BizyDonutChartPopupComponent, BizyDonutChartSectionComponent, BizyEnumToArrayPipe, BizyExportToCSVService, BizyExtractNumbersPipe, BizyFileUploaderComponent, BizyFileUploaderModule, BizyFileUploaderService, BizyFilterComponent, BizyFilterContentComponent, BizyFilterModule, BizyFilterPipe, BizyFilterSectionCheckboxOptionComponent, BizyFilterSectionComponent, BizyFilterSectionRangeOptionComponent, BizyFilterSectionSearchOptionComponent, BizyFilterSectionsComponent, BizyFormComponent, BizyFormModule, BizyFormatSecondsPipe, BizyFormatSecondsService, BizyFullScreenPopupWrapperComponent, BizyGaugeChartComponent, BizyGaugeChartModule, BizyGaugeChartPopupComponent, BizyGridComponent, BizyGridForDirective, BizyGridModule, BizyGridRowComponent, BizyHeatMapChartComponent, BizyHeatMapChartModule, BizyInputComponent, BizyInputModule, BizyInputOptionComponent, BizyKeyboardService, BizyLineChartComponent, BizyListComponent, BizyListModule, BizyLoadingDirective, BizyLogService, BizyLongPressDirective, BizyMenuBarComponent, BizyMenuBarModule, BizyMenuBarOptionComponent, BizyMenuComponent, BizyMenuModule, BizyMenuOptionComponent, BizyMenuTitleComponent, BizyMouseOverDirective, BizyOnlyNumbersDirective, BizyOnlyPhoneDigitsDirective, BizyOrderByPipe, BizyPieChartComponent, BizyPieChartModule, BizyPieChartPopupComponent, BizyPieChartSectionComponent, BizyPieChartService, BizyPipesModule, BizyPopupModule, BizyPopupService, BizyPopupWrapperComponent, BizyProgressBarComponent, BizyProgressBarModule, BizyRadioComponent, BizyRadioModule, BizyRangeFilterPipe, BizyReducePipe, BizyReloadDirective, BizyRepeatPipe, BizyRoundPipe, BizyRouterService, BizySafePipe, BizySearchPipe, BizySectionCenterComponent, BizySectionComponent, BizySectionEndComponent, BizySectionModule, BizySectionStartComponent, BizySelectComponent, BizySelectModule, BizySelectOptionComponent, BizySelectSelectedOptionComponent, BizyServicesModule, BizySetToArrayPipe, BizySidebarComponent, BizySidebarFloatingOptionComponent, BizySidebarFloatingOptionTitleComponent, BizySidebarModule, BizySidebarOptionComponent, BizySkeletonComponent, BizySkeletonModule, BizySliderComponent, BizySliderModule, BizyStackedBarChartComponent, BizyStackedBarChartModule, BizyStackedBarChartSegmentComponent, BizyStorageService, BizyTabComponent, BizyTableColumnArrowsComponent, BizyTableColumnComponent, BizyTableColumnFixedDirective, BizyTableComponent, BizyTableFooterComponent, BizyTableHeaderComponent, BizyTableModule, BizyTableRowComponent, BizyTableRowExpandContentComponent, BizyTableScrollingComponent, BizyTableScrollingDirective, BizyTabsComponent, BizyTabsModule, BizyTagComponent, BizyTagModule, BizyTextEllipsisDirective, BizyTimelineComponent, BizyTimelineEventComponent, BizyTimelineModule, BizyToastModule, BizyToastService, BizyToastWrapperComponent, BizyToggleComponent, BizyToggleModule, BizyToolbarComponent, BizyToolbarModule, BizyTooltipDirective, BizyTranslateModule, BizyTranslatePipe, BizyTranslateService, BizyUniquePipe, BizyValidatorService, BizyViewportService, LANGUAGE, LOADING_TYPE, MIME_TYPE, POPUP_PLACEMENT };
+export { BIZY_ANIMATION, BIZY_BAR_LINE_CHART_AXIS_POSITION, BIZY_CALENDAR_DAY, BIZY_CALENDAR_EVENT_ACTION, BIZY_CALENDAR_LANGUAGE, BIZY_CALENDAR_MODE, BIZY_DEVICE_BROWSER, BIZY_DEVICE_OS, BIZY_FILE_UPLOADER_MODE, BIZY_FORMAT_SECONDS_FORMAT, BIZY_FORMAT_SECONDS_LANGUAGE, BIZY_SKELETON_SHAPE, BIZY_STACKED_BAR_CHART_LEGEND_POSITION, BIZY_TAG_TYPE, BizyAccordionComponent, BizyAccordionModule, BizyAnimationService, BizyAudioPlayerComponent, BizyAudioPlayerFormatSecondsPipe, BizyAudioPlayerModule, BizyAudioRecorderComponent, BizyAudioRecorderModule, BizyAutoFocusDirective, BizyAveragePipe, BizyBarChartComponent, BizyBarLineChartComponent, BizyBarLineChartModule, BizyBarLineChartPopupComponent, BizyBreadcrumbComponent, BizyBreadcrumbModule, BizyButtonComponent, BizyButtonModule, BizyCacheService, BizyCalendarComponent, BizyCalendarModule, BizyCardComponent, BizyCardModule, BizyCheckboxComponent, BizyCheckboxModule, BizyContentComponent, BizyContentModule, BizyCopyToClipboardDirective, BizyCopyToClipboardService, BizyCurrencyFormatDirective, BizyDatePickerComponent, BizyDatePickerModule, BizyDeviceService, BizyDirectivesModule, BizyDonutChartComponent, BizyDonutChartModule, BizyDonutChartPopupComponent, BizyDonutChartSectionComponent, BizyEnumToArrayPipe, BizyExportToCSVService, BizyExtractNumbersPipe, BizyFileUploaderComponent, BizyFileUploaderModule, BizyFileUploaderService, BizyFilterComponent, BizyFilterContentComponent, BizyFilterModule, BizyFilterPipe, BizyFilterSectionCheckboxOptionComponent, BizyFilterSectionComponent, BizyFilterSectionRangeOptionComponent, BizyFilterSectionSearchOptionComponent, BizyFilterSectionsComponent, BizyFormComponent, BizyFormModule, BizyFormatSecondsPipe, BizyFormatSecondsService, BizyFullScreenPopupWrapperComponent, BizyGaugeChartComponent, BizyGaugeChartModule, BizyGaugeChartPopupComponent, BizyGridComponent, BizyGridForDirective, BizyGridModule, BizyGridRowComponent, BizyHeatMapChartComponent, BizyHeatMapChartModule, BizyInputComponent, BizyInputModule, BizyInputOptionComponent, BizyKeyboardService, BizyLineChartComponent, BizyListComponent, BizyListModule, BizyLoadingDirective, BizyLogService, BizyLongPressDirective, BizyMenuBarComponent, BizyMenuBarModule, BizyMenuBarOptionComponent, BizyMenuComponent, BizyMenuModule, BizyMenuOptionComponent, BizyMenuTitleComponent, BizyMouseOverDirective, BizyOnlyNumbersDirective, BizyOnlyPhoneDigitsDirective, BizyOrderByPipe, BizyPieChartComponent, BizyPieChartModule, BizyPieChartPopupComponent, BizyPieChartSectionComponent, BizyPieChartService, BizyPipesModule, BizyPopupModule, BizyPopupService, BizyPopupWrapperComponent, BizyProgressBarComponent, BizyProgressBarModule, BizyRadioComponent, BizyRadioModule, BizyRangeFilterPipe, BizyReducePipe, BizyReloadDirective, BizyRepeatPipe, BizyRoundPipe, BizyRouterService, BizySafePipe, BizySearchPipe, BizySectionCenterComponent, BizySectionComponent, BizySectionEndComponent, BizySectionModule, BizySectionStartComponent, BizySelectComponent, BizySelectModule, BizySelectOptionComponent, BizySelectSelectedOptionComponent, BizyServicesModule, BizySetToArrayPipe, BizySidebarComponent, BizySidebarFloatingOptionComponent, BizySidebarFloatingOptionTitleComponent, BizySidebarModule, BizySidebarOptionComponent, BizySkeletonComponent, BizySkeletonModule, BizySliderComponent, BizySliderModule, BizyStackedBarChartComponent, BizyStackedBarChartModule, BizyStackedBarChartSegmentComponent, BizyStorageService, BizyTabComponent, BizyTableColumnArrowsComponent, BizyTableColumnComponent, BizyTableColumnFixedDirective, BizyTableComponent, BizyTableFooterComponent, BizyTableHeaderComponent, BizyTableModule, BizyTableRowComponent, BizyTableRowExpandContentComponent, BizyTableScrollingComponent, BizyTableScrollingDirective, BizyTabsComponent, BizyTabsModule, BizyTagComponent, BizyTagModule, BizyTextEllipsisDirective, BizyTimelineComponent, BizyTimelineEventComponent, BizyTimelineModule, BizyToastModule, BizyToastService, BizyToastWrapperComponent, BizyToggleComponent, BizyToggleModule, BizyToolbarComponent, BizyToolbarModule, BizyTooltipDirective, BizyTranslateModule, BizyTranslatePipe, BizyTranslateService, BizyUniquePipe, BizyValidatorService, BizyViewportService, LANGUAGE, LOADING_TYPE, MIME_TYPE, POPUP_PLACEMENT };
 //# sourceMappingURL=bizy-core.mjs.map