@datarailsshared/datarailsshared 1.6.191 → 1.6.199

package/fesm2022/datarailsshared-datarailsshared.mjs

@@ -703,17 +703,17 @@ class TooltipDefaultComponent {
     /** @nocollapse */ static { this.ɵfac = function TooltipDefaultComponent_Factory(t) { return new (t || TooltipDefaultComponent)(); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TooltipDefaultComponent, selectors: [["dr-tooltip-default"]], hostVars: 2, hostBindings: function TooltipDefaultComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵclassMap(ctx.theme);
-        } }, inputs: { content: "content", theme: "theme" }, ngContentSelectors: _c0$O, decls: 2, vars: 1, consts: [[1, "content", 3, "innerHTML"]], template: function TooltipDefaultComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { content: "content", theme: "theme" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$O, decls: 2, vars: 1, consts: [[1, "content", 3, "innerHTML"]], template: function TooltipDefaultComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelement(0, "span", 0);
             i0.ɵɵprojection(1);
         } if (rf & 2) {
             i0.ɵɵproperty("innerHTML", ctx.content, i0.ɵɵsanitizeHtml);
-        } }, styles: ["[_nghost-%COMP%]{font-size:12px;line-height:16px;font-weight:400;display:flex;padding:6px 8px;white-space:pre;text-overflow:ellipsis;overflow:hidden}[_nghost-%COMP%]   .content[_ngcontent-%COMP%]:empty{display:none}.dark[_nghost-%COMP%]{font-size:12px;line-height:16px;font-weight:400;padding:6px 8px}[_nghost-%COMP%]  a{color:#4646ce}[_nghost-%COMP%]  a:hover{cursor:pointer;text-decoration:underline!important}"], changeDetection: 0 }); }
+        } }, dependencies: [CommonModule], styles: ["[_nghost-%COMP%]{font-size:12px;line-height:16px;font-weight:400;display:flex;padding:6px 8px;white-space:pre;text-overflow:ellipsis;overflow:hidden}[_nghost-%COMP%]   .content[_ngcontent-%COMP%]:empty{display:none}.dark[_nghost-%COMP%]{font-size:12px;line-height:16px;font-weight:400;padding:6px 8px}[_nghost-%COMP%]  a{color:#4646ce}[_nghost-%COMP%]  a:hover{cursor:pointer;text-decoration:underline!important}"], changeDetection: 0 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TooltipDefaultComponent, [{
         type: Component,
-        args: [{ selector: 'dr-tooltip-default', template: '<span class="content" [innerHTML]="content"></span><ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{font-size:12px;line-height:16px;font-weight:400;display:flex;padding:6px 8px;white-space:pre;text-overflow:ellipsis;overflow:hidden}:host .content:empty{display:none}:host.dark{font-size:12px;line-height:16px;font-weight:400;padding:6px 8px}:host::ng-deep a{color:#4646ce}:host::ng-deep a:hover{cursor:pointer;text-decoration:underline!important}\n"] }]
+        args: [{ selector: 'dr-tooltip-default', template: '<span class="content" [innerHTML]="content"></span><ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule], styles: [":host{font-size:12px;line-height:16px;font-weight:400;display:flex;padding:6px 8px;white-space:pre;text-overflow:ellipsis;overflow:hidden}:host .content:empty{display:none}:host.dark{font-size:12px;line-height:16px;font-weight:400;padding:6px 8px}:host::ng-deep a{color:#4646ce}:host::ng-deep a:hover{cursor:pointer;text-decoration:underline!important}\n"] }]
     }], null, { content: [{
             type: Input
         }], theme: [{
@@ -765,7 +765,7 @@ class TooltipComponent {
             i0.ɵɵlistener("mouseenter", function TooltipComponent_mouseenter_HostBindingHandler() { return ctx.setMouseOn(); })("mouseleave", function TooltipComponent_mouseleave_HostBindingHandler() { return ctx.unsetMouseOn(); });
         } if (rf & 2) {
             i0.ɵɵattribute("role", ctx.role);
-        } }, inputs: { content: "content", contentContext: "contentContext", position: "position", options: "options", class: "class", theme: "theme" }, decls: 5, vars: 8, consts: [[3, "ngClass"], ["class", "dr-tooltip-arrow", 4, "ngIf"], [4, "ngIf", "ngIfElse"], ["defaultContent", ""], [1, "dr-tooltip-arrow"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "content", "theme"]], template: function TooltipComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { content: "content", contentContext: "contentContext", position: "position", options: "options", class: "class", theme: "theme" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 5, vars: 8, consts: [[3, "ngClass"], ["class", "dr-tooltip-arrow", 4, "ngIf"], [4, "ngIf", "ngIfElse"], ["defaultContent", ""], [1, "dr-tooltip-arrow"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "content", "theme"]], template: function TooltipComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵtemplate(1, TooltipComponent_div_1_Template, 1, 0, "div", 1);
             i0.ɵɵtemplate(2, TooltipComponent_ng_container_2_Template, 2, 2, "ng-container", 2);
@@ -779,11 +779,11 @@ class TooltipComponent {
             i0.ɵɵproperty("ngIf", !(ctx.options == null ? null : ctx.options.withoutArrow));
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.isContentTemplate)("ngIfElse", _r2);
-        } }, dependencies: [i1.NgClass, i1.NgIf, i1.NgTemplateOutlet, TooltipDefaultComponent], styles: ["[_nghost-%COMP%]{display:block;font-family:Poppins,sans-serif}.top[_ngcontent-%COMP%], .top-left[_ngcontent-%COMP%], .top-right.dr-tooltip[_ngcontent-%COMP%]{transform:translateY(-8px)}.bottom[_ngcontent-%COMP%], .bottom-left[_ngcontent-%COMP%], .bottom-right.dr-tooltip[_ngcontent-%COMP%]{transform:translateY(8px)}.left[_ngcontent-%COMP%], .left-top[_ngcontent-%COMP%], .left-bottom.dr-tooltip[_ngcontent-%COMP%]{transform:translate(-8px)}.right[_ngcontent-%COMP%], .right-top[_ngcontent-%COMP%], .right-bottom.dr-tooltip[_ngcontent-%COMP%]{transform:translate(8px)}.dr-tooltip[_ngcontent-%COMP%]{background:#fff;border:1px solid #cfd7dd;box-sizing:border-box;border-radius:8px;font-size:12px;color:#545a6b;max-width:80vw!important;box-shadow:0 2px 4px #9199b440}.dr-tooltip-arrow[_ngcontent-%COMP%]{border-width:8px}.dr-tooltip-arrow[_ngcontent-%COMP%], .dr-tooltip-arrow[_ngcontent-%COMP%]:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.dr-tooltip-arrow[_ngcontent-%COMP%]:after{content:\"\";border-width:8px}.top[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .top-left[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .top-right[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]{bottom:-16px;border-top-color:#cfd7dd!important}.top[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .top-left[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .top-right[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after{bottom:-6px;left:-8px;border-top-color:#fff}.bottom[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .bottom-left[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .bottom-right[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]{top:-7px;border-top:none;border-bottom-color:#cfd7dd!important}.bottom[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .bottom-left[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .bottom-right[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after{border-top:none;top:1px;left:-8px;border-bottom-color:#fff}.left[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .left-top[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .left-bottom[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]{right:-16px;border-left-color:#cfd7dd!important}.left[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .left-top[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .left-bottom[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after{bottom:-8px;left:-9px;border-left-color:#fff}.right[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .right-top[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .right-bottom[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]{left:-16px;border-right-color:#cfd7dd!important}.right[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .right-top[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .right-bottom[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after{bottom:-8px;left:-7px;border-right-color:#fff}.top[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .bottom[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]{left:calc(50% - 8px)}.bottom-left[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .top-left[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]{left:8px}.bottom-right[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .top-right[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]{right:8px}.left[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .right[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]{top:calc(50% - 8px)}.left-top[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .dr-tooltip-arrow[_ngcontent-%COMP%]   .right-top[_ngcontent-%COMP%]{top:8px}.right-bottom[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .left-bottom[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]{bottom:8px}.dr-tooltip.dark[_ngcontent-%COMP%]{background:#0c142bcc;border:none;border-radius:8px;color:#fff}.dr-tooltip.dark.top[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .dr-tooltip.dark.top-left[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .dr-tooltip.dark.top-right[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]{border-top-color:#0c142bcc!important}.dr-tooltip.dark.top[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .dr-tooltip.dark.top-left[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .dr-tooltip.dark.top-right[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after{border-top-color:transparent}.dr-tooltip.dark.bottom[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .dr-tooltip.dark.bottom-left[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .dr-tooltip.dark.bottom-right[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]{border-bottom-color:#0c142bcc!important}.dr-tooltip.dark.bottom[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .dr-tooltip.dark.bottom-left[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .dr-tooltip.dark.bottom-right[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after{border-bottom-color:transparent}.dr-tooltip.dark.left[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .dr-tooltip.dark.left-top[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .dr-tooltip.dark.left-bottom[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]{border-left-color:#0c142bcc!important}.dr-tooltip.dark.left[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .dr-tooltip.dark.left-top[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .dr-tooltip.dark.left-bottom[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after{border-left-color:transparent}.dr-tooltip.dark.right[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .dr-tooltip.dark.right-top[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .dr-tooltip.dark.right-bottom[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]{border-right-color:#0c142bcc!important}.dr-tooltip.dark.right[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .dr-tooltip.dark.right-top[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .dr-tooltip.dark.right-bottom[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after{border-right-color:transparent}"], data: { animation: [trigger('tooltip', POPUP_ANIMATION)] } }); }
+        } }, dependencies: [CommonModule, i1.NgClass, i1.NgIf, i1.NgTemplateOutlet, TooltipDefaultComponent], styles: ["[_nghost-%COMP%]{display:block;font-family:Poppins,sans-serif}.top[_ngcontent-%COMP%], .top-left[_ngcontent-%COMP%], .top-right.dr-tooltip[_ngcontent-%COMP%]{transform:translateY(-8px)}.bottom[_ngcontent-%COMP%], .bottom-left[_ngcontent-%COMP%], .bottom-right.dr-tooltip[_ngcontent-%COMP%]{transform:translateY(8px)}.left[_ngcontent-%COMP%], .left-top[_ngcontent-%COMP%], .left-bottom.dr-tooltip[_ngcontent-%COMP%]{transform:translate(-8px)}.right[_ngcontent-%COMP%], .right-top[_ngcontent-%COMP%], .right-bottom.dr-tooltip[_ngcontent-%COMP%]{transform:translate(8px)}.dr-tooltip[_ngcontent-%COMP%]{background:#fff;border:1px solid #cfd7dd;box-sizing:border-box;border-radius:8px;font-size:12px;color:#545a6b;max-width:80vw!important;box-shadow:0 2px 4px #9199b440}.dr-tooltip-arrow[_ngcontent-%COMP%]{border-width:8px}.dr-tooltip-arrow[_ngcontent-%COMP%], .dr-tooltip-arrow[_ngcontent-%COMP%]:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.dr-tooltip-arrow[_ngcontent-%COMP%]:after{content:\"\";border-width:8px}.top[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .top-left[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .top-right[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]{bottom:-16px;border-top-color:#cfd7dd!important}.top[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .top-left[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .top-right[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after{bottom:-6px;left:-8px;border-top-color:#fff}.bottom[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .bottom-left[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .bottom-right[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]{top:-7px;border-top:none;border-bottom-color:#cfd7dd!important}.bottom[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .bottom-left[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .bottom-right[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after{border-top:none;top:1px;left:-8px;border-bottom-color:#fff}.left[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .left-top[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .left-bottom[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]{right:-16px;border-left-color:#cfd7dd!important}.left[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .left-top[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .left-bottom[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after{bottom:-8px;left:-9px;border-left-color:#fff}.right[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .right-top[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .right-bottom[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]{left:-16px;border-right-color:#cfd7dd!important}.right[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .right-top[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .right-bottom[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after{bottom:-8px;left:-7px;border-right-color:#fff}.top[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .bottom[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]{left:calc(50% - 8px)}.bottom-left[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .top-left[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]{left:8px}.bottom-right[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .top-right[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]{right:8px}.left[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .right[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]{top:calc(50% - 8px)}.left-top[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .dr-tooltip-arrow[_ngcontent-%COMP%]   .right-top[_ngcontent-%COMP%]{top:8px}.right-bottom[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .left-bottom[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]{bottom:8px}.dr-tooltip.dark[_ngcontent-%COMP%]{background:#0c142bcc;border:none;border-radius:8px;color:#fff}.dr-tooltip.dark.top[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .dr-tooltip.dark.top-left[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .dr-tooltip.dark.top-right[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]{border-top-color:#0c142bcc!important}.dr-tooltip.dark.top[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .dr-tooltip.dark.top-left[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .dr-tooltip.dark.top-right[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after{border-top-color:transparent}.dr-tooltip.dark.bottom[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .dr-tooltip.dark.bottom-left[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .dr-tooltip.dark.bottom-right[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]{border-bottom-color:#0c142bcc!important}.dr-tooltip.dark.bottom[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .dr-tooltip.dark.bottom-left[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .dr-tooltip.dark.bottom-right[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after{border-bottom-color:transparent}.dr-tooltip.dark.left[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .dr-tooltip.dark.left-top[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .dr-tooltip.dark.left-bottom[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]{border-left-color:#0c142bcc!important}.dr-tooltip.dark.left[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .dr-tooltip.dark.left-top[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .dr-tooltip.dark.left-bottom[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after{border-left-color:transparent}.dr-tooltip.dark.right[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .dr-tooltip.dark.right-top[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%], .dr-tooltip.dark.right-bottom[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]{border-right-color:#0c142bcc!important}.dr-tooltip.dark.right[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .dr-tooltip.dark.right-top[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .dr-tooltip.dark.right-bottom[_ngcontent-%COMP%]   .dr-tooltip-arrow[_ngcontent-%COMP%]:after{border-right-color:transparent}"], data: { animation: [trigger('tooltip', POPUP_ANIMATION)] } }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TooltipComponent, [{
         type: Component,
-        args: [{ selector: 'dr-tooltip', animations: [trigger('tooltip', POPUP_ANIMATION)], template: "<div [class]=\"position + ' ' + class + ' ' + theme\" [ngClass]=\"{ 'dr-tooltip': !options?.withoutContainerStyles }\">\n    <div *ngIf=\"!options?.withoutArrow\" class=\"dr-tooltip-arrow\"></div>\n    <ng-container *ngIf=\"isContentTemplate; else defaultContent\">\n        <ng-container *ngTemplateOutlet=\"content; context: contentContext\"></ng-container>\n    </ng-container>\n    <ng-template #defaultContent>\n        <dr-tooltip-default [content]=\"content\" [theme]=\"theme\"></dr-tooltip-default>\n    </ng-template>\n</div>\n", styles: [":host{display:block;font-family:Poppins,sans-serif}.top,.top-left,.top-right.dr-tooltip{transform:translateY(-8px)}.bottom,.bottom-left,.bottom-right.dr-tooltip{transform:translateY(8px)}.left,.left-top,.left-bottom.dr-tooltip{transform:translate(-8px)}.right,.right-top,.right-bottom.dr-tooltip{transform:translate(8px)}.dr-tooltip{background:#fff;border:1px solid #cfd7dd;box-sizing:border-box;border-radius:8px;font-size:12px;color:#545a6b;max-width:80vw!important;box-shadow:0 2px 4px #9199b440}.dr-tooltip-arrow{border-width:8px}.dr-tooltip-arrow,.dr-tooltip-arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.dr-tooltip-arrow:after{content:\"\";border-width:8px}.top .dr-tooltip-arrow,.top-left .dr-tooltip-arrow,.top-right .dr-tooltip-arrow{bottom:-16px;border-top-color:#cfd7dd!important}.top .dr-tooltip-arrow:after,.top-left .dr-tooltip-arrow:after,.top-right .dr-tooltip-arrow:after{bottom:-6px;left:-8px;border-top-color:#fff}.bottom .dr-tooltip-arrow,.bottom-left .dr-tooltip-arrow,.bottom-right .dr-tooltip-arrow{top:-7px;border-top:none;border-bottom-color:#cfd7dd!important}.bottom .dr-tooltip-arrow:after,.bottom-left .dr-tooltip-arrow:after,.bottom-right .dr-tooltip-arrow:after{border-top:none;top:1px;left:-8px;border-bottom-color:#fff}.left .dr-tooltip-arrow,.left-top .dr-tooltip-arrow,.left-bottom .dr-tooltip-arrow{right:-16px;border-left-color:#cfd7dd!important}.left .dr-tooltip-arrow:after,.left-top .dr-tooltip-arrow:after,.left-bottom .dr-tooltip-arrow:after{bottom:-8px;left:-9px;border-left-color:#fff}.right .dr-tooltip-arrow,.right-top .dr-tooltip-arrow,.right-bottom .dr-tooltip-arrow{left:-16px;border-right-color:#cfd7dd!important}.right .dr-tooltip-arrow:after,.right-top .dr-tooltip-arrow:after,.right-bottom .dr-tooltip-arrow:after{bottom:-8px;left:-7px;border-right-color:#fff}.top .dr-tooltip-arrow,.bottom .dr-tooltip-arrow{left:calc(50% - 8px)}.bottom-left .dr-tooltip-arrow,.top-left .dr-tooltip-arrow{left:8px}.bottom-right .dr-tooltip-arrow,.top-right .dr-tooltip-arrow{right:8px}.left .dr-tooltip-arrow,.right .dr-tooltip-arrow{top:calc(50% - 8px)}.left-top .dr-tooltip-arrow,.dr-tooltip-arrow .right-top{top:8px}.right-bottom .dr-tooltip-arrow,.left-bottom .dr-tooltip-arrow{bottom:8px}.dr-tooltip.dark{background:#0c142bcc;border:none;border-radius:8px;color:#fff}.dr-tooltip.dark.top .dr-tooltip-arrow,.dr-tooltip.dark.top-left .dr-tooltip-arrow,.dr-tooltip.dark.top-right .dr-tooltip-arrow{border-top-color:#0c142bcc!important}.dr-tooltip.dark.top .dr-tooltip-arrow:after,.dr-tooltip.dark.top-left .dr-tooltip-arrow:after,.dr-tooltip.dark.top-right .dr-tooltip-arrow:after{border-top-color:transparent}.dr-tooltip.dark.bottom .dr-tooltip-arrow,.dr-tooltip.dark.bottom-left .dr-tooltip-arrow,.dr-tooltip.dark.bottom-right .dr-tooltip-arrow{border-bottom-color:#0c142bcc!important}.dr-tooltip.dark.bottom .dr-tooltip-arrow:after,.dr-tooltip.dark.bottom-left .dr-tooltip-arrow:after,.dr-tooltip.dark.bottom-right .dr-tooltip-arrow:after{border-bottom-color:transparent}.dr-tooltip.dark.left .dr-tooltip-arrow,.dr-tooltip.dark.left-top .dr-tooltip-arrow,.dr-tooltip.dark.left-bottom .dr-tooltip-arrow{border-left-color:#0c142bcc!important}.dr-tooltip.dark.left .dr-tooltip-arrow:after,.dr-tooltip.dark.left-top .dr-tooltip-arrow:after,.dr-tooltip.dark.left-bottom .dr-tooltip-arrow:after{border-left-color:transparent}.dr-tooltip.dark.right .dr-tooltip-arrow,.dr-tooltip.dark.right-top .dr-tooltip-arrow,.dr-tooltip.dark.right-bottom .dr-tooltip-arrow{border-right-color:#0c142bcc!important}.dr-tooltip.dark.right .dr-tooltip-arrow:after,.dr-tooltip.dark.right-top .dr-tooltip-arrow:after,.dr-tooltip.dark.right-bottom .dr-tooltip-arrow:after{border-right-color:transparent}\n"] }]
+        args: [{ selector: 'dr-tooltip', animations: [trigger('tooltip', POPUP_ANIMATION)], standalone: true, imports: [CommonModule, TooltipDefaultComponent], template: "<div [class]=\"position + ' ' + class + ' ' + theme\" [ngClass]=\"{ 'dr-tooltip': !options?.withoutContainerStyles }\">\n    <div *ngIf=\"!options?.withoutArrow\" class=\"dr-tooltip-arrow\"></div>\n    <ng-container *ngIf=\"isContentTemplate; else defaultContent\">\n        <ng-container *ngTemplateOutlet=\"content; context: contentContext\"></ng-container>\n    </ng-container>\n    <ng-template #defaultContent>\n        <dr-tooltip-default [content]=\"content\" [theme]=\"theme\"></dr-tooltip-default>\n    </ng-template>\n</div>\n", styles: [":host{display:block;font-family:Poppins,sans-serif}.top,.top-left,.top-right.dr-tooltip{transform:translateY(-8px)}.bottom,.bottom-left,.bottom-right.dr-tooltip{transform:translateY(8px)}.left,.left-top,.left-bottom.dr-tooltip{transform:translate(-8px)}.right,.right-top,.right-bottom.dr-tooltip{transform:translate(8px)}.dr-tooltip{background:#fff;border:1px solid #cfd7dd;box-sizing:border-box;border-radius:8px;font-size:12px;color:#545a6b;max-width:80vw!important;box-shadow:0 2px 4px #9199b440}.dr-tooltip-arrow{border-width:8px}.dr-tooltip-arrow,.dr-tooltip-arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.dr-tooltip-arrow:after{content:\"\";border-width:8px}.top .dr-tooltip-arrow,.top-left .dr-tooltip-arrow,.top-right .dr-tooltip-arrow{bottom:-16px;border-top-color:#cfd7dd!important}.top .dr-tooltip-arrow:after,.top-left .dr-tooltip-arrow:after,.top-right .dr-tooltip-arrow:after{bottom:-6px;left:-8px;border-top-color:#fff}.bottom .dr-tooltip-arrow,.bottom-left .dr-tooltip-arrow,.bottom-right .dr-tooltip-arrow{top:-7px;border-top:none;border-bottom-color:#cfd7dd!important}.bottom .dr-tooltip-arrow:after,.bottom-left .dr-tooltip-arrow:after,.bottom-right .dr-tooltip-arrow:after{border-top:none;top:1px;left:-8px;border-bottom-color:#fff}.left .dr-tooltip-arrow,.left-top .dr-tooltip-arrow,.left-bottom .dr-tooltip-arrow{right:-16px;border-left-color:#cfd7dd!important}.left .dr-tooltip-arrow:after,.left-top .dr-tooltip-arrow:after,.left-bottom .dr-tooltip-arrow:after{bottom:-8px;left:-9px;border-left-color:#fff}.right .dr-tooltip-arrow,.right-top .dr-tooltip-arrow,.right-bottom .dr-tooltip-arrow{left:-16px;border-right-color:#cfd7dd!important}.right .dr-tooltip-arrow:after,.right-top .dr-tooltip-arrow:after,.right-bottom .dr-tooltip-arrow:after{bottom:-8px;left:-7px;border-right-color:#fff}.top .dr-tooltip-arrow,.bottom .dr-tooltip-arrow{left:calc(50% - 8px)}.bottom-left .dr-tooltip-arrow,.top-left .dr-tooltip-arrow{left:8px}.bottom-right .dr-tooltip-arrow,.top-right .dr-tooltip-arrow{right:8px}.left .dr-tooltip-arrow,.right .dr-tooltip-arrow{top:calc(50% - 8px)}.left-top .dr-tooltip-arrow,.dr-tooltip-arrow .right-top{top:8px}.right-bottom .dr-tooltip-arrow,.left-bottom .dr-tooltip-arrow{bottom:8px}.dr-tooltip.dark{background:#0c142bcc;border:none;border-radius:8px;color:#fff}.dr-tooltip.dark.top .dr-tooltip-arrow,.dr-tooltip.dark.top-left .dr-tooltip-arrow,.dr-tooltip.dark.top-right .dr-tooltip-arrow{border-top-color:#0c142bcc!important}.dr-tooltip.dark.top .dr-tooltip-arrow:after,.dr-tooltip.dark.top-left .dr-tooltip-arrow:after,.dr-tooltip.dark.top-right .dr-tooltip-arrow:after{border-top-color:transparent}.dr-tooltip.dark.bottom .dr-tooltip-arrow,.dr-tooltip.dark.bottom-left .dr-tooltip-arrow,.dr-tooltip.dark.bottom-right .dr-tooltip-arrow{border-bottom-color:#0c142bcc!important}.dr-tooltip.dark.bottom .dr-tooltip-arrow:after,.dr-tooltip.dark.bottom-left .dr-tooltip-arrow:after,.dr-tooltip.dark.bottom-right .dr-tooltip-arrow:after{border-bottom-color:transparent}.dr-tooltip.dark.left .dr-tooltip-arrow,.dr-tooltip.dark.left-top .dr-tooltip-arrow,.dr-tooltip.dark.left-bottom .dr-tooltip-arrow{border-left-color:#0c142bcc!important}.dr-tooltip.dark.left .dr-tooltip-arrow:after,.dr-tooltip.dark.left-top .dr-tooltip-arrow:after,.dr-tooltip.dark.left-bottom .dr-tooltip-arrow:after{border-left-color:transparent}.dr-tooltip.dark.right .dr-tooltip-arrow,.dr-tooltip.dark.right-top .dr-tooltip-arrow,.dr-tooltip.dark.right-bottom .dr-tooltip-arrow{border-right-color:#0c142bcc!important}.dr-tooltip.dark.right .dr-tooltip-arrow:after,.dr-tooltip.dark.right-top .dr-tooltip-arrow:after,.dr-tooltip.dark.right-bottom .dr-tooltip-arrow:after{border-right-color:transparent}\n"] }]
     }], null, { content: [{
             type: Input
         }], contentContext: [{
@@ -952,12 +952,13 @@ class DrTooltipDirective {
     /** @nocollapse */ static { this.ɵfac = function DrTooltipDirective_Factory(t) { return new (t || DrTooltipDirective)(i0.ɵɵdirectiveInject(i1$1.Overlay), i0.ɵɵdirectiveInject(i1$1.OverlayPositionBuilder), i0.ɵɵdirectiveInject(i0.ElementRef)); }; }
     /** @nocollapse */ static { this.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: DrTooltipDirective, selectors: [["", "drTooltip", ""]], hostBindings: function DrTooltipDirective_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("mouseenter", function DrTooltipDirective_mouseenter_HostBindingHandler() { return ctx.show(); })("mouseleave", function DrTooltipDirective_mouseleave_HostBindingHandler() { return ctx.hide(); });
-        } }, inputs: { content: ["drTooltip", "content"], contentContext: ["drTooltipContext", "contentContext"], position: ["drTooltipPosition", "position"], class: ["drTooltipClass", "class"], theme: ["drTooltipTheme", "theme"], drTooltipMousleaveTimeout: "drTooltipMousleaveTimeout", drTooltipMouseEnterTimeout: "drTooltipMouseEnterTimeout", drTooltipOptions: "drTooltipOptions", showTooltip: ["drTooltipShow", "showTooltip"], hideTooltip: ["drTooltipHide", "hideTooltip"] } }); }
+        } }, inputs: { content: ["drTooltip", "content"], contentContext: ["drTooltipContext", "contentContext"], position: ["drTooltipPosition", "position"], class: ["drTooltipClass", "class"], theme: ["drTooltipTheme", "theme"], drTooltipMousleaveTimeout: "drTooltipMousleaveTimeout", drTooltipMouseEnterTimeout: "drTooltipMouseEnterTimeout", drTooltipOptions: "drTooltipOptions", showTooltip: ["drTooltipShow", "showTooltip"], hideTooltip: ["drTooltipHide", "hideTooltip"] }, standalone: true }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrTooltipDirective, [{
         type: Directive,
         args: [{
                 selector: '[drTooltip]',
+                standalone: true,
             }]
     }], function () { return [{ type: i1$1.Overlay }, { type: i1$1.OverlayPositionBuilder }, { type: i0.ElementRef }]; }, { content: [{
             type: Input,
@@ -5858,9 +5859,8 @@ function TooltipInfoComponent_div_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngIf", ctx_r3.data.useDescriptionAsHTML);
 } }
 class TooltipInfoComponent {
-    constructor() { }
     /** @nocollapse */ static { this.ɵfac = function TooltipInfoComponent_Factory(t) { return new (t || TooltipInfoComponent)(); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TooltipInfoComponent, selectors: [["dr-tooltip-info"]], inputs: { data: "data" }, decls: 6, vars: 8, consts: [[1, "tooltip-info"], ["class", "tooltip-info__icon", 3, "ngClass", 4, "ngIf"], [1, "tooltip-info__content"], ["class", "tooltip-info__content__header", 4, "ngIf"], ["class", "tooltip-info__content__divider", 4, "ngIf"], ["class", "tooltip-info__content__description", 4, "ngIf"], [1, "tooltip-info__icon", 3, "ngClass"], [3, "ngClass"], [1, "tooltip-info__content__header"], [1, "tooltip-info__content__divider"], [1, "tooltip-info__content__description"], [4, "ngIf"], [3, "innerHTML", 4, "ngIf"], [3, "innerHTML"]], template: function TooltipInfoComponent_Template(rf, ctx) { if (rf & 1) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TooltipInfoComponent, selectors: [["dr-tooltip-info"]], inputs: { data: "data" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 6, vars: 8, consts: [[1, "tooltip-info"], ["class", "tooltip-info__icon", 3, "ngClass", 4, "ngIf"], [1, "tooltip-info__content"], ["class", "tooltip-info__content__header", 4, "ngIf"], ["class", "tooltip-info__content__divider", 4, "ngIf"], ["class", "tooltip-info__content__description", 4, "ngIf"], [1, "tooltip-info__icon", 3, "ngClass"], [3, "ngClass"], [1, "tooltip-info__content__header"], [1, "tooltip-info__content__divider"], [1, "tooltip-info__content__description"], [4, "ngIf"], [3, "innerHTML", 4, "ngIf"], [3, "innerHTML"]], template: function TooltipInfoComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵtemplate(1, TooltipInfoComponent_div_1_Template, 2, 2, "div", 1);
             i0.ɵɵelementStart(2, "div", 2);
@@ -5878,31 +5878,29 @@ class TooltipInfoComponent {
             i0.ɵɵproperty("ngIf", (ctx.data == null ? null : ctx.data.title) && (ctx.data == null ? null : ctx.data.description) && !(ctx.data == null ? null : ctx.data.hideDivider));
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.data == null ? null : ctx.data.description);
-        } }, dependencies: [i1.NgClass, i1.NgIf], styles: [".tooltip-info[_ngcontent-%COMP%]{width:auto;display:flex;padding:10px 12px}.tooltip-info__icon[_ngcontent-%COMP%]{position:relative;padding-right:8px;color:#0b5af9}.tooltip-info__icon.info[_ngcontent-%COMP%]{color:#0b5af9}.tooltip-info__icon.success[_ngcontent-%COMP%]{color:#037c5a}.tooltip-info__icon.warning[_ngcontent-%COMP%]{color:#9e5f00}.tooltip-info__icon.error[_ngcontent-%COMP%]{color:#bf1d30}.tooltip-info__content[_ngcontent-%COMP%]{display:flex;flex-direction:column}.tooltip-info__content__header[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:600}.tooltip-info__content__divider[_ngcontent-%COMP%]{width:100%;margin:8px 0;border-top:1px solid #dfe0e3}.tooltip-info__content__description[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:400}.tooltip-info__content__description[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{padding:0}.tooltip-info__content__description[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]{list-style-position:inside;list-style-type:disc}"], changeDetection: 0 }); }
+        } }, dependencies: [CommonModule, i1.NgClass, i1.NgIf], styles: [".tooltip-info[_ngcontent-%COMP%]{width:auto;display:flex;padding:10px 12px}.tooltip-info__icon[_ngcontent-%COMP%]{position:relative;padding-right:8px;color:#0b5af9}.tooltip-info__icon.info[_ngcontent-%COMP%]{color:#0b5af9}.tooltip-info__icon.success[_ngcontent-%COMP%]{color:#037c5a}.tooltip-info__icon.warning[_ngcontent-%COMP%]{color:#9e5f00}.tooltip-info__icon.error[_ngcontent-%COMP%]{color:#bf1d30}.tooltip-info__content[_ngcontent-%COMP%]{display:flex;flex-direction:column}.tooltip-info__content__header[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:600}.tooltip-info__content__divider[_ngcontent-%COMP%]{width:100%;margin:8px 0;border-top:1px solid #dfe0e3}.tooltip-info__content__description[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:400}.tooltip-info__content__description[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{padding:0}.tooltip-info__content__description[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]{list-style-position:inside;list-style-type:disc}"], changeDetection: 0 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TooltipInfoComponent, [{
         type: Component,
-        args: [{ selector: 'dr-tooltip-info', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"tooltip-info\" [style.min-width]=\"data?.minWidth\" [style.max-width]=\"data?.maxWidth\">\n    <div *ngIf=\"!data?.hideIcon\" class=\"tooltip-info__icon\" [ngClass]=\"data?.iconTheme\">\n        <i [ngClass]=\"data?.icon || 'dr-icon-noty-notification'\"></i>\n    </div>\n    <div class=\"tooltip-info__content\">\n        <div *ngIf=\"data?.title\" class=\"tooltip-info__content__header\">\n            <span>{{ data.title }}</span>\n        </div>\n        <div *ngIf=\"data?.title && data?.description && !data?.hideDivider\" class=\"tooltip-info__content__divider\"></div>\n        <div *ngIf=\"data?.description\" class=\"tooltip-info__content__description\">\n            <span *ngIf=\"!data.useDescriptionAsHTML\">{{ data.description }}</span>\n            <div *ngIf=\"data.useDescriptionAsHTML\" [innerHTML]=\"data.description\"></div>\n        </div>\n    </div>\n</div>\n", styles: [".tooltip-info{width:auto;display:flex;padding:10px 12px}.tooltip-info__icon{position:relative;padding-right:8px;color:#0b5af9}.tooltip-info__icon.info{color:#0b5af9}.tooltip-info__icon.success{color:#037c5a}.tooltip-info__icon.warning{color:#9e5f00}.tooltip-info__icon.error{color:#bf1d30}.tooltip-info__content{display:flex;flex-direction:column}.tooltip-info__content__header{font-size:14px;line-height:24px;font-weight:600}.tooltip-info__content__divider{width:100%;margin:8px 0;border-top:1px solid #dfe0e3}.tooltip-info__content__description{font-size:14px;line-height:24px;font-weight:400}.tooltip-info__content__description ul{padding:0}.tooltip-info__content__description ul>li{list-style-position:inside;list-style-type:disc}\n"] }]
-    }], function () { return []; }, { data: [{
+        args: [{ selector: 'dr-tooltip-info', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule], template: "<div class=\"tooltip-info\" [style.min-width]=\"data?.minWidth\" [style.max-width]=\"data?.maxWidth\">\n    <div *ngIf=\"!data?.hideIcon\" class=\"tooltip-info__icon\" [ngClass]=\"data?.iconTheme\">\n        <i [ngClass]=\"data?.icon || 'dr-icon-noty-notification'\"></i>\n    </div>\n    <div class=\"tooltip-info__content\">\n        <div *ngIf=\"data?.title\" class=\"tooltip-info__content__header\">\n            <span>{{ data.title }}</span>\n        </div>\n        <div *ngIf=\"data?.title && data?.description && !data?.hideDivider\" class=\"tooltip-info__content__divider\"></div>\n        <div *ngIf=\"data?.description\" class=\"tooltip-info__content__description\">\n            <span *ngIf=\"!data.useDescriptionAsHTML\">{{ data.description }}</span>\n            <div *ngIf=\"data.useDescriptionAsHTML\" [innerHTML]=\"data.description\"></div>\n        </div>\n    </div>\n</div>\n", styles: [".tooltip-info{width:auto;display:flex;padding:10px 12px}.tooltip-info__icon{position:relative;padding-right:8px;color:#0b5af9}.tooltip-info__icon.info{color:#0b5af9}.tooltip-info__icon.success{color:#037c5a}.tooltip-info__icon.warning{color:#9e5f00}.tooltip-info__icon.error{color:#bf1d30}.tooltip-info__content{display:flex;flex-direction:column}.tooltip-info__content__header{font-size:14px;line-height:24px;font-weight:600}.tooltip-info__content__divider{width:100%;margin:8px 0;border-top:1px solid #dfe0e3}.tooltip-info__content__description{font-size:14px;line-height:24px;font-weight:400}.tooltip-info__content__description ul{padding:0}.tooltip-info__content__description ul>li{list-style-position:inside;list-style-type:disc}\n"] }]
+    }], null, { data: [{
             type: Input
         }] }); })();
 
-const TOOLTIP_COMPONENTS = [TooltipDefaultComponent, TooltipInfoComponent];
+const TOOLTIP_COMPONENTS = [TooltipDefaultComponent, TooltipInfoComponent, TooltipComponent, DrTooltipDirective];
 class DrTooltipModule {
     /** @nocollapse */ static { this.ɵfac = function DrTooltipModule_Factory(t) { return new (t || DrTooltipModule)(); }; }
     /** @nocollapse */ static { this.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: DrTooltipModule }); }
-    /** @nocollapse */ static { this.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [TooltipDefaultComponent, TooltipInfoComponent, TooltipComponent] }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrTooltipModule, [{
         type: NgModule,
         args: [{
-                imports: [CommonModule],
-                exports: [TooltipComponent, DrTooltipDirective, ...TOOLTIP_COMPONENTS],
-                providers: [],
-                declarations: [TooltipComponent, DrTooltipDirective, ...TOOLTIP_COMPONENTS],
+                imports: [...TOOLTIP_COMPONENTS],
+                exports: [...TOOLTIP_COMPONENTS],
             }]
     }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrTooltipModule, { declarations: [TooltipComponent, DrTooltipDirective, TooltipDefaultComponent, TooltipInfoComponent], imports: [CommonModule], exports: [TooltipComponent, DrTooltipDirective, TooltipDefaultComponent, TooltipInfoComponent] }); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrTooltipModule, { imports: [TooltipDefaultComponent, TooltipInfoComponent, TooltipComponent, DrTooltipDirective], exports: [TooltipDefaultComponent, TooltipInfoComponent, TooltipComponent, DrTooltipDirective] }); })();
 
 const components$3 = [DrSpinnerComponent];
 const directives = [DrSpinnerDirective];
@@ -14688,6 +14686,8 @@ class DrawerConfig {
         this.restoreFocus = true;
         /** Position of the drawer. */
         this.position = 'bottom';
+        /** Whether to render the drawer without default container styles and handle. */
+        this.unstyled = false;
     }
 }
 
@@ -14733,7 +14733,7 @@ function DrawerContainer_ng_template_2_Template(rf, ctx) { }
  */
 class DrawerContainer extends CdkDialogContainer {
     get _drawerPosition() {
-        return `dr-drawer-${this._config.position}`;
+        return this._config.unstyled ? '' : `dr-drawer-${this._config.position}`;
     }
     constructor(elementRef, focusTrapFactory, document, config, checker, ngZone, overlayRef, focusMonitor) {
         super(elementRef, focusTrapFactory, document, config, checker, ngZone, overlayRef, focusMonitor);
@@ -14771,7 +14771,7 @@ class DrawerContainer extends CdkDialogContainer {
     }
     ngAfterViewInit() {
         this.positionStrategy = this.resolvePositionStrategy();
-        if (this.positionStrategy) {
+        if (this.positionStrategy && !this._config.unstyled && this._handleRef) {
             this.setupDragListener();
         }
     }
@@ -14841,26 +14841,29 @@ class DrawerContainer extends CdkDialogContainer {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._portalOutlet = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._handleRef = _t.first);
-        } }, hostAttrs: ["tabindex", "-1", 1, "dr-drawer-container"], hostVars: 7, hostBindings: function DrawerContainer_HostBindings(rf, ctx) { if (rf & 1) {
+        } }, hostAttrs: ["tabindex", "-1"], hostVars: 9, hostBindings: function DrawerContainer_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵsyntheticHostListener("@state.start", function DrawerContainer_animation_state_start_HostBindingHandler($event) { return ctx._onAnimationStart($event); })("@state.done", function DrawerContainer_animation_state_done_HostBindingHandler($event) { return ctx._onAnimationDone($event); });
         } if (rf & 2) {
             i0.ɵɵhostProperty("id", ctx._config.id);
             i0.ɵɵattribute("role", ctx._config.role)("aria-modal", ctx._config.isModal)("aria-label", ctx._config.ariaLabel);
             i0.ɵɵsyntheticHostProperty("@state", ctx._animationState);
             i0.ɵɵclassMap(ctx._drawerPosition);
-        } }, standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 3, vars: 1, consts: [["class", "handle", 4, "ngIf"], [1, "dr-drawer-container__wrapper"], ["cdkPortalOutlet", ""], [1, "handle"], ["handleRef", ""]], template: function DrawerContainer_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵclassProp("dr-drawer-container", !ctx._config.unstyled);
+        } }, standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 3, vars: 3, consts: [["class", "handle", 4, "ngIf"], [1, "dr-drawer-container__wrapper"], ["cdkPortalOutlet", ""], [1, "handle"], ["handleRef", ""]], template: function DrawerContainer_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, DrawerContainer_div_0_Template, 2, 0, "div", 0);
             i0.ɵɵelementStart(1, "div", 1);
             i0.ɵɵtemplate(2, DrawerContainer_ng_template_2_Template, 0, 0, "ng-template", 2);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx._config.position === "bottom");
-        } }, dependencies: [PortalModule, i4.CdkPortalOutlet, DialogModule, MatCommonModule, CommonModule, i1.NgIf], styles: [".dr-drawer-container{display:flex;flex-direction:column;width:100%;overflow:auto;outline:0;box-sizing:border-box;background-color:#fff;box-shadow:0 4px 14px #d8d9de80}.dr-drawer-container__wrapper{flex:1;overflow:auto}.cdk-high-contrast-active .dr-drawer-container{outline:1px solid}.handle{position:relative;height:24px;cursor:pointer}.handle:after{content:\"\";position:absolute;top:16px;left:50%;transform:translate(-50%,-50%);background-color:#dfe0e3;height:4px;width:64px;border-radius:16px}.dr-drawer-right{transform:translate(100%);border-top-left-radius:16px;border-bottom-left-radius:16px}.dr-drawer-left{transform:translate(-100%);border-top-right-radius:16px;border-bottom-right-radius:16px}.dr-drawer-bottom{transform:translateY(100%);border-top-left-radius:16px;border-top-right-radius:16px}.dr-drawer-top{transform:translateY(-100%);border-bottom-left-radius:16px;border-bottom-right-radius:16px}\n"], encapsulation: 2, data: { animation: [drDrawerAnimations.drawerState] } }); }
+            i0.ɵɵproperty("ngIf", ctx._config.position === "bottom" && !ctx._config.unstyled);
+            i0.ɵɵadvance(1);
+            i0.ɵɵclassProp("unstyled-wrapper", ctx._config.unstyled);
+        } }, dependencies: [PortalModule, i4.CdkPortalOutlet, DialogModule, MatCommonModule, CommonModule, i1.NgIf], styles: [".dr-drawer-container{display:flex;flex-direction:column;width:100%;overflow:auto;outline:0;box-sizing:border-box;background-color:#fff;box-shadow:0 4px 14px #d8d9de80}.dr-drawer-container__wrapper{flex:1;overflow:auto}.dr-drawer-container__wrapper.unstyled-wrapper{flex:unset;overflow:unset}.cdk-high-contrast-active .dr-drawer-container{outline:1px solid}.handle{position:relative;height:24px;cursor:pointer}.handle:after{content:\"\";position:absolute;top:16px;left:50%;transform:translate(-50%,-50%);background-color:#dfe0e3;height:4px;width:64px;border-radius:16px}.dr-drawer-right{transform:translate(100%);border-top-left-radius:16px;border-bottom-left-radius:16px}.dr-drawer-left{transform:translate(-100%);border-top-right-radius:16px;border-bottom-right-radius:16px}.dr-drawer-bottom{transform:translateY(100%);border-top-left-radius:16px;border-top-right-radius:16px}.dr-drawer-top{transform:translateY(-100%);border-bottom-left-radius:16px;border-bottom-right-radius:16px}\n"], encapsulation: 2, data: { animation: [drDrawerAnimations.drawerState] } }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawerContainer, [{
         type: Component,
         args: [{ selector: 'dr-drawer-container', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, animations: [drDrawerAnimations.drawerState], host: {
-                    class: 'dr-drawer-container',
+                    '[class.dr-drawer-container]': '!_config.unstyled',
                     '[class]': '_drawerPosition',
                     tabindex: '-1',
                     '[id]': '_config.id',
@@ -14870,7 +14873,7 @@ class DrawerContainer extends CdkDialogContainer {
                     '[@state]': '_animationState',
                     '(@state.start)': '_onAnimationStart($event)',
                     '(@state.done)': '_onAnimationDone($event)',
-                }, standalone: true, imports: [PortalModule, DialogModule, MatCommonModule, CommonModule], template: "<div *ngIf=\"_config.position === 'bottom'\" #handleRef class=\"handle\"></div>\n<div class=\"dr-drawer-container__wrapper\">\n    <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: [".dr-drawer-container{display:flex;flex-direction:column;width:100%;overflow:auto;outline:0;box-sizing:border-box;background-color:#fff;box-shadow:0 4px 14px #d8d9de80}.dr-drawer-container__wrapper{flex:1;overflow:auto}.cdk-high-contrast-active .dr-drawer-container{outline:1px solid}.handle{position:relative;height:24px;cursor:pointer}.handle:after{content:\"\";position:absolute;top:16px;left:50%;transform:translate(-50%,-50%);background-color:#dfe0e3;height:4px;width:64px;border-radius:16px}.dr-drawer-right{transform:translate(100%);border-top-left-radius:16px;border-bottom-left-radius:16px}.dr-drawer-left{transform:translate(-100%);border-top-right-radius:16px;border-bottom-right-radius:16px}.dr-drawer-bottom{transform:translateY(100%);border-top-left-radius:16px;border-top-right-radius:16px}.dr-drawer-top{transform:translateY(-100%);border-bottom-left-radius:16px;border-bottom-right-radius:16px}\n"] }]
+                }, standalone: true, imports: [PortalModule, DialogModule, MatCommonModule, CommonModule], template: "<div *ngIf=\"_config.position === 'bottom' && !_config.unstyled\" #handleRef class=\"handle\"></div>\n<div class=\"dr-drawer-container__wrapper\" [class.unstyled-wrapper]=\"_config.unstyled\">\n    <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: [".dr-drawer-container{display:flex;flex-direction:column;width:100%;overflow:auto;outline:0;box-sizing:border-box;background-color:#fff;box-shadow:0 4px 14px #d8d9de80}.dr-drawer-container__wrapper{flex:1;overflow:auto}.dr-drawer-container__wrapper.unstyled-wrapper{flex:unset;overflow:unset}.cdk-high-contrast-active .dr-drawer-container{outline:1px solid}.handle{position:relative;height:24px;cursor:pointer}.handle:after{content:\"\";position:absolute;top:16px;left:50%;transform:translate(-50%,-50%);background-color:#dfe0e3;height:4px;width:64px;border-radius:16px}.dr-drawer-right{transform:translate(100%);border-top-left-radius:16px;border-bottom-left-radius:16px}.dr-drawer-left{transform:translate(-100%);border-top-right-radius:16px;border-bottom-right-radius:16px}.dr-drawer-bottom{transform:translateY(100%);border-top-left-radius:16px;border-top-right-radius:16px}.dr-drawer-top{transform:translateY(-100%);border-bottom-left-radius:16px;border-bottom-right-radius:16px}\n"] }]
     }], function () { return [{ type: i0.ElementRef }, { type: i1$8.FocusTrapFactory }, { type: Document, decorators: [{
                 type: Optional
             }, {
@@ -14899,6 +14902,10 @@ class DrawerRef {
     get componentRef() {
         return this._ref.componentRef;
     }
+    /** Gets the overlay element for the drawer. */
+    get overlayElement() {
+        return this._ref.overlayRef.overlayElement;
+    }
     constructor(_ref, config, containerInstance) {
         this._ref = _ref;
         /** Subject for notifying the user that the drawer has been dismissed. */
@@ -15017,6 +15024,7 @@ class Drawer {
         this._openDrawersAtThisLevel = [];
         this._afterAllDismissedAtThisLevel = new Subject();
         this._afterOpenedAtThisLevel = new Subject();
+        this._resizeSubscriptions = new Map();
         /**
          * Stream that emits when all open drawer have finished closing.
          * Will emit on subscribe if there are no open drawers to begin with.
@@ -15061,10 +15069,17 @@ class Drawer {
         });
         this.openDrawers.push(drawerRef);
         this.afterOpened.next(drawerRef);
+        if (_config.observedElement) {
+            this._setupResizeObservation(drawerRef, _config);
+        }
         drawerRef.afterDismissed().subscribe(() => {
             const index = this.openDrawers.indexOf(drawerRef);
             if (index > -1) {
                 this.openDrawers.splice(index, 1);
+                if (drawerRef.id && this._resizeSubscriptions.has(drawerRef.id)) {
+                    this._resizeSubscriptions.get(drawerRef.id).unsubscribe();
+                    this._resizeSubscriptions.delete(drawerRef.id);
+                }
                 if (!this.openDrawers.length) {
                     this._getAfterAllDismissed().next();
                 }
@@ -15089,9 +15104,81 @@ class Drawer {
         // Only dismiss the drawers at this level on destroy
         // since the parent service may still be active.
         this._dismissDrawers(this._openDrawersAtThisLevel);
+        this._resizeSubscriptions.forEach((subscription) => subscription.unsubscribe());
+        this._resizeSubscriptions.clear();
         this._afterAllDismissedAtThisLevel.complete();
         this._afterOpenedAtThisLevel.complete();
     }
+    /**
+     * Sets up resize observation for the specified element and updates drawer positioning.
+     */
+    _setupResizeObservation(drawerRef, config) {
+        if (!config.observedElement || !drawerRef.id) {
+            return;
+        }
+        const resizeSubscription = DrSharedUtils.fromResizeObserver(config.observedElement).subscribe(() => {
+            this._updateDrawerPosition(drawerRef, config);
+        });
+        this._resizeSubscriptions.set(drawerRef.id, resizeSubscription);
+        // Defer initial position update to avoid conflicts with drawer initialization
+        setTimeout(() => {
+            this._updateDrawerPosition(drawerRef, config);
+        }, 0);
+    }
+    /**
+     * Calculates and applies margins to the drawer to fit within the observed element's boundaries.
+     */
+    _updateDrawerPosition(drawerRef, config) {
+        if (!config.observedElement || !config.position) {
+            return;
+        }
+        const elementRect = config.observedElement.getBoundingClientRect();
+        const margins = this._calculateMarginsToFitWithinElement(config.position, elementRect);
+        const overlayElement = drawerRef.overlayElement;
+        if (overlayElement) {
+            this._applyMarginsToOverlay(overlayElement, margins);
+        }
+    }
+    /**
+     * Calculates margins to position drawer within the observed element's boundaries.
+     */
+    _calculateMarginsToFitWithinElement(position, elementRect) {
+        const margins = { top: 0, right: 0, bottom: 0, left: 0 };
+        const viewportWidth = window.innerWidth;
+        const viewportHeight = window.innerHeight;
+        switch (position) {
+            case 'left':
+                margins.left = elementRect.left;
+                margins.top = elementRect.top;
+                margins.bottom = viewportHeight - elementRect.bottom;
+                break;
+            case 'right':
+                margins.right = viewportWidth - elementRect.right;
+                margins.top = elementRect.top;
+                margins.bottom = viewportHeight - elementRect.bottom;
+                break;
+            case 'top':
+                margins.top = elementRect.top;
+                margins.left = elementRect.left;
+                margins.right = viewportWidth - elementRect.right;
+                break;
+            case 'bottom':
+                margins.bottom = viewportHeight - elementRect.bottom;
+                margins.left = elementRect.left;
+                margins.right = viewportWidth - elementRect.right;
+                break;
+        }
+        return margins;
+    }
+    /**
+     * Applies calculated margins to the overlay element.
+     */
+    _applyMarginsToOverlay(overlayElement, margins) {
+        overlayElement.style.marginTop = `${margins.top}px`;
+        overlayElement.style.marginRight = `${margins.right}px`;
+        overlayElement.style.marginBottom = `${margins.bottom}px`;
+        overlayElement.style.marginLeft = `${margins.left}px`;
+    }
     _dismissDrawers(drawers) {
         let i = drawers.length;
         while (i--) {
@@ -16138,7 +16225,7 @@ class FilterDropdownComponent {
             i0.ɵɵtextInterpolate1("", ctx.label, ":");
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx.hasSelection)("ngIfElse", _r4);
-        } }, dependencies: [CommonModule, i1.NgClass, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, DrTooltipModule, DrTooltipDirective, TooltipDefaultComponent, DrPopoverModule, DrPopoverDirective, DrDropdownModule, DrDropdownComponent, DrDropdownItemComponent, DrInputsModule, CheckboxComponent, DrInputComponent, DrButtonComponent, SearchPipe,
+        } }, dependencies: [CommonModule, i1.NgClass, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, DrTooltipModule, TooltipDefaultComponent, DrTooltipDirective, DrPopoverModule, DrPopoverDirective, DrDropdownModule, DrDropdownComponent, DrDropdownItemComponent, DrInputsModule, CheckboxComponent, DrInputComponent, DrButtonComponent, SearchPipe,
             FormsModule, i1$2.NgControlStatus, i1$2.NgModel, LetDirective,
             AutofocusDirective,
             TextOverflowComponent,