@datarailsshared/datarailsshared 1.6.260 → 1.6.263

package/assets/styles/_storybook-styles.scss

@@ -1,6 +1,8 @@
 @import '@angular/material/prebuilt-themes/deeppurple-amber.css';
 @import '@ng-select/ng-select/themes/default.theme.css';
+@import '@datarailsshared/dr_icons/DataRailsFontStyles';
 @import '@datarailsshared/dr_icons/DataRailsFontStyles.css';
+@import '@datarailsshared/dr_icons/DataRailsFontCssVariables.css';
 @import 'ngx-toastr/toastr';
 @import '@ctrl/ngx-emoji-mart/picker';
 
@@ -8,7 +10,6 @@
 @import 'codemirror/theme/material.css';
 @import 'codemirror/addon/hint/show-hint.css';
 
-@import '@datarailsshared/dr_icons/DataRailsFontStyles';
 @import '../../src/lib/directives/dr-shine-animation/dr-shine-animation.directive.css';
 
 @import './vars';

package/esm2022/lib/card/card.component.mjs

@@ -0,0 +1,44 @@
+import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+export class DrCardComponent {
+    constructor() {
+        this.padding = 'medium';
+        this.appearance = 'outlined';
+        this.role = 'region';
+    }
+    get hostClasses() {
+        return `dr-card dr-card--padding-${this.padding} dr-card--appearance-${this.appearance}`;
+    }
+    get ariaLabelAttr() {
+        return this.ariaLabel || null;
+    }
+    /** @nocollapse */ static { this.ɵfac = function DrCardComponent_Factory(t) { return new (t || DrCardComponent)(); }; }
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrCardComponent, selectors: [["dr-card"]], hostVars: 4, hostBindings: function DrCardComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵattribute("role", ctx.role)("aria-label", ctx.ariaLabelAttr);
+            i0.ɵɵclassMap(ctx.hostClasses);
+        } }, inputs: { padding: "padding", appearance: "appearance", ariaLabel: "ariaLabel" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function DrCardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, styles: ["[_nghost-%COMP%]{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;background-color:#fff;color:#6d6e6f}.dr-card--appearance-outlined[_nghost-%COMP%]{border-radius:12px;border:1px solid #dfe0e3}.dr-card--appearance-flat[_nghost-%COMP%]{border:none;border-radius:0}.dr-card--padding-none[_nghost-%COMP%]     dr-card-header{padding:0}.dr-card--padding-none[_nghost-%COMP%]     dr-card-content{padding:0}[_nghost-%COMP%]     .dr-card-title{display:block;font-size:16px;font-weight:500;line-height:24px;color:#333;flex-grow:1;width:1px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[_nghost-%COMP%]     .dr-card-subtitle{display:block;font-size:14px;font-weight:400;line-height:24px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"], changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrCardComponent, [{
+        type: Component,
+        args: [{ selector: 'dr-card', template: `<ng-content></ng-content>`, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;background-color:#fff;color:#6d6e6f}:host.dr-card--appearance-outlined{border-radius:12px;border:1px solid #dfe0e3}:host.dr-card--appearance-flat{border:none;border-radius:0}:host.dr-card--padding-none ::ng-deep dr-card-header{padding:0}:host.dr-card--padding-none ::ng-deep dr-card-content{padding:0}:host ::ng-deep .dr-card-title{display:block;font-size:16px;font-weight:500;line-height:24px;color:#333;flex-grow:1;width:1px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .dr-card-subtitle{display:block;font-size:14px;font-weight:400;line-height:24px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
+    }], null, { padding: [{
+            type: Input
+        }], appearance: [{
+            type: Input
+        }], ariaLabel: [{
+            type: Input
+        }], hostClasses: [{
+            type: HostBinding,
+            args: ['class']
+        }], role: [{
+            type: HostBinding,
+            args: ['attr.role']
+        }], ariaLabelAttr: [{
+            type: HostBinding,
+            args: ['attr.aria-label']
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhcmFpbHNzaGFyZWQvc3JjL2xpYi9jYXJkL2NhcmQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBU3ZGLE1BQU0sT0FBTyxlQUFlO0lBUDVCO1FBU0ksWUFBTyxHQUFzQixRQUFRLENBQUM7UUFFdEMsZUFBVSxHQUF3QixVQUFVLENBQUM7UUFVN0MsU0FBSSxHQUFHLFFBQVEsQ0FBQztLQU1uQjtJQVpHLElBQ0ksV0FBVztRQUNYLE9BQU8sNEJBQTRCLElBQUksQ0FBQyxPQUFPLHdCQUF3QixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDN0YsQ0FBQztJQUtELElBQ0ksYUFBYTtRQUNiLE9BQU8sSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUM7SUFDbEMsQ0FBQzttR0FuQlEsZUFBZTttR0FBZixlQUFlOzs7OztZQUxiLGtCQUF5Qjs7O3VGQUszQixlQUFlO2NBUDNCLFNBQVM7MkJBQ0ksU0FBUyxZQUNULDJCQUEyQixtQkFFcEIsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJO2dCQUloQixPQUFPO2tCQUROLEtBQUs7WUFHTixVQUFVO2tCQURULEtBQUs7WUFHTixTQUFTO2tCQURSLEtBQUs7WUFJRixXQUFXO2tCQURkLFdBQVc7bUJBQUMsT0FBTztZQU1wQixJQUFJO2tCQURILFdBQVc7bUJBQUMsV0FBVztZQUlwQixhQUFhO2tCQURoQixXQUFXO21CQUFDLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2RyLWNhcmQnLFxuICAgIHRlbXBsYXRlOiBgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PmAsXG4gICAgc3R5bGVVcmxzOiBbJy4vY2FyZC5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIERyQ2FyZENvbXBvbmVudCB7XG4gICAgQElucHV0KClcbiAgICBwYWRkaW5nOiAnbm9uZScgfCAnbWVkaXVtJyA9ICdtZWRpdW0nO1xuICAgIEBJbnB1dCgpXG4gICAgYXBwZWFyYW5jZTogJ291dGxpbmVkJyB8ICdmbGF0JyA9ICdvdXRsaW5lZCc7XG4gICAgQElucHV0KClcbiAgICBhcmlhTGFiZWw/OiBzdHJpbmc7XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBnZXQgaG9zdENsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIGBkci1jYXJkIGRyLWNhcmQtLXBhZGRpbmctJHt0aGlzLnBhZGRpbmd9IGRyLWNhcmQtLWFwcGVhcmFuY2UtJHt0aGlzLmFwcGVhcmFuY2V9YDtcbiAgICB9XG5cbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIucm9sZScpXG4gICAgcm9sZSA9ICdyZWdpb24nO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtbGFiZWwnKVxuICAgIGdldCBhcmlhTGFiZWxBdHRyKCk6IHN0cmluZyB8IG51bGwge1xuICAgICAgICByZXR1cm4gdGhpcy5hcmlhTGFiZWwgfHwgbnVsbDtcbiAgICB9XG59XG4iXX0=

package/esm2022/lib/card/card.module.mjs

@@ -0,0 +1,40 @@
+import { NgModule } from '@angular/core';
+import { DrCardComponent } from './card.component';
+import { DrCardContentComponent } from './components/card-content/card-content.component';
+import { DrCardHeaderComponent } from './components/card-header/card-header.component';
+import { DrCardHeaderActionsComponent } from './components/card-header-actions/card-header-actions.component';
+import { DrCardTitleComponent } from './components/card-title/card-title.component';
+import { DrCardSubtitleComponent } from './components/card-subtitle/card-subtitle.component';
+import * as i0 from "@angular/core";
+const COMPONENTS = [
+    DrCardComponent,
+    DrCardContentComponent,
+    DrCardHeaderComponent,
+    DrCardHeaderActionsComponent,
+    DrCardTitleComponent,
+    DrCardSubtitleComponent,
+];
+export class DrCardModule {
+    /** @nocollapse */ static { this.ɵfac = function DrCardModule_Factory(t) { return new (t || DrCardModule)(); }; }
+    /** @nocollapse */ static { this.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: DrCardModule }); }
+    /** @nocollapse */ static { this.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({}); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrCardModule, [{
+        type: NgModule,
+        args: [{
+                imports: [...COMPONENTS],
+                exports: [...COMPONENTS],
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrCardModule, { imports: [DrCardComponent,
+        DrCardContentComponent,
+        DrCardHeaderComponent,
+        DrCardHeaderActionsComponent,
+        DrCardTitleComponent,
+        DrCardSubtitleComponent], exports: [DrCardComponent,
+        DrCardContentComponent,
+        DrCardHeaderComponent,
+        DrCardHeaderActionsComponent,
+        DrCardTitleComponent,
+        DrCardSubtitleComponent] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhcmFpbHNzaGFyZWQvc3JjL2xpYi9jYXJkL2NhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQzFGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLGdFQUFnRSxDQUFDO0FBQzlHLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLG9EQUFvRCxDQUFDOztBQUU3RixNQUFNLFVBQVUsR0FBRztJQUNmLGVBQWU7SUFDZixzQkFBc0I7SUFDdEIscUJBQXFCO0lBQ3JCLDRCQUE0QjtJQUM1QixvQkFBb0I7SUFDcEIsdUJBQXVCO0NBQzFCLENBQUM7QUFNRixNQUFNLE9BQU8sWUFBWTtnR0FBWixZQUFZO2tHQUFaLFlBQVk7Ozt1RkFBWixZQUFZO2NBSnhCLFFBQVE7ZUFBQztnQkFDTixPQUFPLEVBQUUsQ0FBQyxHQUFHLFVBQVUsQ0FBQztnQkFDeEIsT0FBTyxFQUFFLENBQUMsR0FBRyxVQUFVLENBQUM7YUFDM0I7O3dGQUNZLFlBQVksY0FackIsZUFBZTtRQUNmLHNCQUFzQjtRQUN0QixxQkFBcUI7UUFDckIsNEJBQTRCO1FBQzVCLG9CQUFvQjtRQUNwQix1QkFBdUIsYUFMdkIsZUFBZTtRQUNmLHNCQUFzQjtRQUN0QixxQkFBcUI7UUFDckIsNEJBQTRCO1FBQzVCLG9CQUFvQjtRQUNwQix1QkFBdUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRHJDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9jYXJkLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEckNhcmRDb250ZW50Q29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2NhcmQtY29udGVudC9jYXJkLWNvbnRlbnQuY29tcG9uZW50JztcbmltcG9ydCB7IERyQ2FyZEhlYWRlckNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9jYXJkLWhlYWRlci9jYXJkLWhlYWRlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgRHJDYXJkSGVhZGVyQWN0aW9uc0NvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9jYXJkLWhlYWRlci1hY3Rpb25zL2NhcmQtaGVhZGVyLWFjdGlvbnMuY29tcG9uZW50JztcbmltcG9ydCB7IERyQ2FyZFRpdGxlQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2NhcmQtdGl0bGUvY2FyZC10aXRsZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgRHJDYXJkU3VidGl0bGVDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvY2FyZC1zdWJ0aXRsZS9jYXJkLXN1YnRpdGxlLmNvbXBvbmVudCc7XG5cbmNvbnN0IENPTVBPTkVOVFMgPSBbXG4gICAgRHJDYXJkQ29tcG9uZW50LFxuICAgIERyQ2FyZENvbnRlbnRDb21wb25lbnQsXG4gICAgRHJDYXJkSGVhZGVyQ29tcG9uZW50LFxuICAgIERyQ2FyZEhlYWRlckFjdGlvbnNDb21wb25lbnQsXG4gICAgRHJDYXJkVGl0bGVDb21wb25lbnQsXG4gICAgRHJDYXJkU3VidGl0bGVDb21wb25lbnQsXG5dO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFsuLi5DT01QT05FTlRTXSxcbiAgICBleHBvcnRzOiBbLi4uQ09NUE9ORU5UU10sXG59KVxuZXhwb3J0IGNsYXNzIERyQ2FyZE1vZHVsZSB7fVxuIl19

package/esm2022/lib/card/components/card-content/card-content.component.mjs

@@ -0,0 +1,15 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+export class DrCardContentComponent {
+    /** @nocollapse */ static { this.ɵfac = function DrCardContentComponent_Factory(t) { return new (t || DrCardContentComponent)(); }; }
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrCardContentComponent, selectors: [["dr-card-content"]], standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function DrCardContentComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, styles: ["[_nghost-%COMP%]{display:block;flex:1;overflow:auto;padding:0 24px;line-height:24px}"], changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrCardContentComponent, [{
+        type: Component,
+        args: [{ selector: 'dr-card-content', template: `<ng-content></ng-content>`, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{display:block;flex:1;overflow:auto;padding:0 24px;line-height:24px}\n"] }]
+    }], null, null); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2NhcmQvY29tcG9uZW50cy9jYXJkLWNvbnRlbnQvY2FyZC1jb250ZW50LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFTbkUsTUFBTSxPQUFPLHNCQUFzQjswR0FBdEIsc0JBQXNCO21HQUF0QixzQkFBc0I7O1lBTHBCLGtCQUF5Qjs7O3VGQUszQixzQkFBc0I7Y0FQbEMsU0FBUzsyQkFDSSxpQkFBaUIsWUFDakIsMkJBQTJCLG1CQUVwQix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHItY2FyZC1jb250ZW50JyxcbiAgICB0ZW1wbGF0ZTogYDxuZy1jb250ZW50PjwvbmctY29udGVudD5gLFxuICAgIHN0eWxlVXJsczogWycuL2NhcmQtY29udGVudC5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIERyQ2FyZENvbnRlbnRDb21wb25lbnQge31cbiJdfQ==

package/esm2022/lib/card/components/card-header/card-header.component.mjs

@@ -0,0 +1,26 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+const _c0 = [[["dr-card-title"], ["dr-card-header-title"], ["", "dr-card-title", ""], ["", "drCardTitle", ""]], [["dr-card-header-actions"]], [["dr-card-subtitle"], ["dr-card-header-subtitle"], ["", "dr-card-subtitle", ""], ["", "drCardSubtitle", ""]]];
+const _c1 = ["dr-card-title, dr-card-header-title, [dr-card-title], [drCardTitle]", "dr-card-header-actions", "dr-card-subtitle, dr-card-header-subtitle, [dr-card-subtitle], [drCardSubtitle]"];
+export class DrCardHeaderComponent {
+    /** @nocollapse */ static { this.ɵfac = function DrCardHeaderComponent_Factory(t) { return new (t || DrCardHeaderComponent)(); }; }
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrCardHeaderComponent, selectors: [["dr-card-header"]], standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c1, decls: 4, vars: 0, consts: [[1, "card__header-wrapper"]], template: function DrCardHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0);
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵprojection(1);
+            i0.ɵɵprojection(2, 1);
+            i0.ɵɵelementEnd();
+            i0.ɵɵprojection(3, 2);
+        } }, styles: ["[_nghost-%COMP%]{display:block;padding:24px 24px 16px;overflow:hidden;width:100%}[_nghost-%COMP%]   .card__header-wrapper[_ngcontent-%COMP%]{flex-shrink:0;overflow:hidden;width:100%;display:flex;align-items:center}"], changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrCardHeaderComponent, [{
+        type: Component,
+        args: [{ selector: 'dr-card-header', template: `
+        <div class="card__header-wrapper">
+            <ng-content select="dr-card-title, dr-card-header-title, [dr-card-title], [drCardTitle]"></ng-content>
+            <ng-content select="dr-card-header-actions"></ng-content>
+        </div>
+        <ng-content select="dr-card-subtitle, dr-card-header-subtitle, [dr-card-subtitle], [drCardSubtitle]"></ng-content>
+    `, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{display:block;padding:24px 24px 16px;overflow:hidden;width:100%}:host .card__header-wrapper{flex-shrink:0;overflow:hidden;width:100%;display:flex;align-items:center}\n"] }]
+    }], null, null); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvY2FyZC9jb21wb25lbnRzL2NhcmQtaGVhZGVyL2NhcmQtaGVhZGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBZW5FLE1BQU0sT0FBTyxxQkFBcUI7eUdBQXJCLHFCQUFxQjttR0FBckIscUJBQXFCOztZQVYxQiw4QkFBa0M7WUFDOUIsa0JBQXNHO1lBQ3RHLHFCQUF5RDtZQUM3RCxpQkFBTTtZQUNOLHFCQUFrSDs7O3VGQU03RyxxQkFBcUI7Y0FiakMsU0FBUzsyQkFDSSxnQkFBZ0IsWUFDaEI7Ozs7OztLQU1ULG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHItY2FyZC1oZWFkZXInLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkX19oZWFkZXItd3JhcHBlclwiPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZHItY2FyZC10aXRsZSwgZHItY2FyZC1oZWFkZXItdGl0bGUsIFtkci1jYXJkLXRpdGxlXSwgW2RyQ2FyZFRpdGxlXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImRyLWNhcmQtaGVhZGVyLWFjdGlvbnNcIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJkci1jYXJkLXN1YnRpdGxlLCBkci1jYXJkLWhlYWRlci1zdWJ0aXRsZSwgW2RyLWNhcmQtc3VidGl0bGVdLCBbZHJDYXJkU3VidGl0bGVdXCI+PC9uZy1jb250ZW50PlxuICAgIGAsXG4gICAgc3R5bGVVcmxzOiBbJy4vY2FyZC1oZWFkZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBEckNhcmRIZWFkZXJDb21wb25lbnQge31cbiJdfQ==

package/esm2022/lib/card/components/card-header-actions/card-header-actions.component.mjs

@@ -0,0 +1,15 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+export class DrCardHeaderActionsComponent {
+    /** @nocollapse */ static { this.ɵfac = function DrCardHeaderActionsComponent_Factory(t) { return new (t || DrCardHeaderActionsComponent)(); }; }
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrCardHeaderActionsComponent, selectors: [["dr-card-header-actions"]], standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function DrCardHeaderActionsComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, styles: ["[_nghost-%COMP%]{display:block;line-height:24px;flex-shrink:0}"], changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrCardHeaderActionsComponent, [{
+        type: Component,
+        args: [{ selector: 'dr-card-header-actions', template: `<ng-content></ng-content>`, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{display:block;line-height:24px;flex-shrink:0}\n"] }]
+    }], null, null); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1oZWFkZXItYWN0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhcmFpbHNzaGFyZWQvc3JjL2xpYi9jYXJkL2NvbXBvbmVudHMvY2FyZC1oZWFkZXItYWN0aW9ucy9jYXJkLWhlYWRlci1hY3Rpb25zLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFTbkUsTUFBTSxPQUFPLDRCQUE0QjtnSEFBNUIsNEJBQTRCO21HQUE1Qiw0QkFBNEI7O1lBTDFCLGtCQUF5Qjs7O3VGQUszQiw0QkFBNEI7Y0FQeEMsU0FBUzsyQkFDSSx3QkFBd0IsWUFDeEIsMkJBQTJCLG1CQUVwQix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHItY2FyZC1oZWFkZXItYWN0aW9ucycsXG4gICAgdGVtcGxhdGU6IGA8bmctY29udGVudD48L25nLWNvbnRlbnQ+YCxcbiAgICBzdHlsZVVybHM6IFsnLi9jYXJkLWhlYWRlci1hY3Rpb25zLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgRHJDYXJkSGVhZGVyQWN0aW9uc0NvbXBvbmVudCB7fVxuIl19

package/esm2022/lib/card/components/card-subtitle/card-subtitle.component.mjs

@@ -0,0 +1,26 @@
+/* eslint-disable @angular-eslint/no-host-metadata-property */
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+export class DrCardSubtitleComponent {
+    /** @nocollapse */ static { this.ɵfac = function DrCardSubtitleComponent_Factory(t) { return new (t || DrCardSubtitleComponent)(); }; }
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrCardSubtitleComponent, selectors: [["dr-card-subtitle"], ["dr-card-header-subtitle"], ["", "dr-card-subtitle", ""], ["", "drCardSubtitle", ""]], hostAttrs: ["role", "heading", "aria-level", "3", 1, "dr-card-subtitle"], standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function DrCardSubtitleComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2, changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrCardSubtitleComponent, [{
+        type: Component,
+        args: [{
+                selector: 'dr-card-subtitle, dr-card-header-subtitle, [dr-card-subtitle], [drCardSubtitle]',
+                template: '<ng-content></ng-content>',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                standalone: true,
+                host: {
+                    class: 'dr-card-subtitle',
+                    role: 'heading',
+                    'aria-level': '3',
+                },
+            }]
+    }], null, null); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1zdWJ0aXRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhcmFpbHNzaGFyZWQvc3JjL2xpYi9jYXJkL2NvbXBvbmVudHMvY2FyZC1zdWJ0aXRsZS9jYXJkLXN1YnRpdGxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw4REFBOEQ7QUFDOUQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBYW5FLE1BQU0sT0FBTyx1QkFBdUI7MkdBQXZCLHVCQUF1QjttR0FBdkIsdUJBQXVCOztZQVRyQixrQkFBeUI7Ozt1RkFTM0IsdUJBQXVCO2NBWG5DLFNBQVM7ZUFBQztnQkFDUCxRQUFRLEVBQUUsaUZBQWlGO2dCQUMzRixRQUFRLEVBQUUsMkJBQTJCO2dCQUNyQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtnQkFDL0MsVUFBVSxFQUFFLElBQUk7Z0JBQ2hCLElBQUksRUFBRTtvQkFDRixLQUFLLEVBQUUsa0JBQWtCO29CQUN6QixJQUFJLEVBQUUsU0FBUztvQkFDZixZQUFZLEVBQUUsR0FBRztpQkFDcEI7YUFDSiIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIEBhbmd1bGFyLWVzbGludC9uby1ob3N0LW1ldGFkYXRhLXByb3BlcnR5ICovXG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHItY2FyZC1zdWJ0aXRsZSwgZHItY2FyZC1oZWFkZXItc3VidGl0bGUsIFtkci1jYXJkLXN1YnRpdGxlXSwgW2RyQ2FyZFN1YnRpdGxlXScsXG4gICAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdkci1jYXJkLXN1YnRpdGxlJyxcbiAgICAgICAgcm9sZTogJ2hlYWRpbmcnLFxuICAgICAgICAnYXJpYS1sZXZlbCc6ICczJyxcbiAgICB9LFxufSlcbmV4cG9ydCBjbGFzcyBEckNhcmRTdWJ0aXRsZUNvbXBvbmVudCB7fVxuIl19

package/esm2022/lib/card/components/card-title/card-title.component.mjs

@@ -0,0 +1,26 @@
+/* eslint-disable @angular-eslint/no-host-metadata-property */
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+export class DrCardTitleComponent {
+    /** @nocollapse */ static { this.ɵfac = function DrCardTitleComponent_Factory(t) { return new (t || DrCardTitleComponent)(); }; }
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrCardTitleComponent, selectors: [["dr-card-title"], ["dr-card-header-title"], ["", "dr-card-title", ""], ["", "drCardTitle", ""]], hostAttrs: ["role", "heading", "aria-level", "2", 1, "dr-card-title"], standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function DrCardTitleComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2, changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrCardTitleComponent, [{
+        type: Component,
+        args: [{
+                selector: 'dr-card-title, dr-card-header-title, [dr-card-title], [drCardTitle]',
+                template: '<ng-content></ng-content>',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                standalone: true,
+                host: {
+                    class: 'dr-card-title',
+                    role: 'heading',
+                    'aria-level': '2',
+                },
+            }]
+    }], null, null); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC10aXRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhcmFpbHNzaGFyZWQvc3JjL2xpYi9jYXJkL2NvbXBvbmVudHMvY2FyZC10aXRsZS9jYXJkLXRpdGxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw4REFBOEQ7QUFDOUQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBYW5FLE1BQU0sT0FBTyxvQkFBb0I7d0dBQXBCLG9CQUFvQjttR0FBcEIsb0JBQW9COztZQVRsQixrQkFBeUI7Ozt1RkFTM0Isb0JBQW9CO2NBWGhDLFNBQVM7ZUFBQztnQkFDUCxRQUFRLEVBQUUscUVBQXFFO2dCQUMvRSxRQUFRLEVBQUUsMkJBQTJCO2dCQUNyQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtnQkFDL0MsVUFBVSxFQUFFLElBQUk7Z0JBQ2hCLElBQUksRUFBRTtvQkFDRixLQUFLLEVBQUUsZUFBZTtvQkFDdEIsSUFBSSxFQUFFLFNBQVM7b0JBQ2YsWUFBWSxFQUFFLEdBQUc7aUJBQ3BCO2FBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAYW5ndWxhci1lc2xpbnQvbm8taG9zdC1tZXRhZGF0YS1wcm9wZXJ0eSAqL1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2RyLWNhcmQtdGl0bGUsIGRyLWNhcmQtaGVhZGVyLXRpdGxlLCBbZHItY2FyZC10aXRsZV0sIFtkckNhcmRUaXRsZV0nLFxuICAgIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAnZHItY2FyZC10aXRsZScsXG4gICAgICAgIHJvbGU6ICdoZWFkaW5nJyxcbiAgICAgICAgJ2FyaWEtbGV2ZWwnOiAnMicsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgRHJDYXJkVGl0bGVDb21wb25lbnQge31cbiJdfQ==

package/esm2022/lib/card/index.mjs

@@ -0,0 +1,8 @@
+export * from './card.module';
+export * from './card.component';
+export * from './components/card-content/card-content.component';
+export * from './components/card-header/card-header.component';
+export * from './components/card-header-actions/card-header-actions.component';
+export * from './components/card-title/card-title.component';
+export * from './components/card-subtitle/card-subtitle.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhcmFpbHNzaGFyZWQvc3JjL2xpYi9jYXJkL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxrREFBa0QsQ0FBQztBQUNqRSxjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMsZ0VBQWdFLENBQUM7QUFDL0UsY0FBYyw4Q0FBOEMsQ0FBQztBQUM3RCxjQUFjLG9EQUFvRCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9jYXJkLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2NhcmQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9jYXJkLWNvbnRlbnQvY2FyZC1jb250ZW50LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvY2FyZC1oZWFkZXIvY2FyZC1oZWFkZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9jYXJkLWhlYWRlci1hY3Rpb25zL2NhcmQtaGVhZGVyLWFjdGlvbnMuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9jYXJkLXRpdGxlL2NhcmQtdGl0bGUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9jYXJkLXN1YnRpdGxlL2NhcmQtc3VidGl0bGUuY29tcG9uZW50JztcbiJdfQ==

package/esm2022/lib/dr-grid/dr-grid.component.mjs

@@ -315,11 +315,11 @@ export class DrGridComponent {
             i0.ɵɵproperty("domLayout", ctx.domLayout)("gridOptions", ctx.gridOptions)("columnDefs", ctx.columnDefs)("rowData", ctx.rowData)("pinnedTopRowData", ctx.pinnedTopRowData)("pinnedBottomRowData", ctx.pinnedBottomRowData)("components", ctx._cellComponents)("rowBuffer", 0)("undoRedoCellEditing", true)("suppressNoRowsOverlay", !(ctx.gridOptions == null ? null : ctx.gridOptions.noRowsOverlayComponent))("suppressLoadingOverlay", true);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx.theme === "dr-grid-borderless");
-        } }, dependencies: [AgGridModule, i1.AgGridAngular, CommonModule, i2.NgIf, i2.AsyncPipe], styles: ["[_nghost-%COMP%]{display:flex;flex-direction:column;position:relative;overflow:hidden}.grid-full-height[_nghost-%COMP%]{height:100%}.grid-with-row-selection[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-row-hover{cursor:pointer}[_nghost-%COMP%]:not(.grid-empty-with-template)   ag-grid-angular[_ngcontent-%COMP%]  .ag-center-cols-viewport{min-height:40px}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%] {--ag-cell-widget-spacing: 16px;flex:1 1 0;width:100%;height:100%;font-family:Poppins,sans-serif}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-cell-wrapper{height:100%}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-cell-wrapper .ag-icon-grip{height:24px}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-cell-wrapper .ag-icon-grip:before{font-family:DataRails!important;content:\"\\ea5c\";font-size:24px}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-cell-value{display:flex;align-items:center;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;color:#333}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-cell-value>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .dr-cell-content-on-hover{visibility:hidden}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-row-hover .dr-cell-content-on-hover{visibility:visible}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-header-row, [_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-header-cell-text{font-size:14px;line-height:24px;font-weight:600;text-align:left;color:#333}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-checkbox-input-wrapper.ag-checked:after, [_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-checkbox-input-wrapper.ag-indeterminate:after{color:#4646ce}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .dr-header-cell-no-border{border:none!important}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-cell-value:not(.action-fb), [_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-header-cell{padding-right:4px}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%] , .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%] , .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%] {--ag-header-background-color: #f2f2fb;--ag-background-color: #ffffff;--ag-odd-row-background-color: #ffffff;--ag-row-hover-color: #f5f5f5;--ag-selected-row-background-color: #eaeaff;--ag-row-border-color: #dfe0e3;--ag-border-color: #dfe0e3;--ag-header-column-resize-handle-height: 40%;--ag-header-column-resize-handle-color: #dfe0e3;--ag-cell-horizontal-padding: 16px}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper{border-radius:12px}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header{border-bottom:none}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-pinned-right-header, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-pinned-right-header, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-pinned-right-header{border:none}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-pinned-right-header .ag-header-row-column, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-pinned-right-header .ag-header-row-column, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-pinned-right-header .ag-header-row-column{border-left:1px solid #9ea1aa}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top{border-top:1px solid var(--ag-border-color)}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action{border-bottom:none;cursor:pointer}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action .ag-cell-value, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action .ag-cell-value, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action .ag-cell-value{font-size:14px;line-height:24px;font-weight:400;color:#6d6e6f}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover .ag-cell{color:#333}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action:active:before, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active:before, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action:active:before, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active:before, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action:active:before, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active:before{background-color:#eaeaff!important}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action:active .ag-cell, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action:active .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action:active .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active .ag-cell{color:#4646ce}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-bottom .dr-row-total, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-bottom .dr-row-total, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-bottom .dr-row-total{background:#f6f7f8;border-bottom:0}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-bottom .dr-row-total .ag-cell-value, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-bottom .dr-row-total .ag-cell-value, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-bottom .dr-row-total .ag-cell-value{font-size:14px;line-height:24px;font-weight:400;color:#333}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-body-horizontal-scroll, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-body-horizontal-scroll, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-body-horizontal-scroll{border-top:1px solid #dfe0e3}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-body-vertical-scroll, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-body-vertical-scroll, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-body-vertical-scroll{border-left:1px solid #dfe0e3}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-header, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner), .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty), .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-header, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner), .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty), .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-header, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner), .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty){border-right:1px solid #9ea1aa}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-header .ag-cell, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner) .ag-cell, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty) .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-header .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner) .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty) .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-header .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner) .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty) .ag-cell{border:none}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer.ag-scroller-corner, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer.ag-scroller-corner, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer.ag-scroller-corner{min-width:8px!important}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner), .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty), .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner), .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty), .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner), .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty){border-left:1px solid #9ea1aa}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header .ag-cell, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner) .ag-cell, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty) .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner) .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty) .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner) .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty) .ag-cell{border:none}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header{overflow:visible}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header:before, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header:before, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header:before{content:\"\";position:absolute;bottom:0;left:0;border-left:1px solid #9ea1aa;height:1px}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-row-last, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-row-last, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-row-last{border-bottom:none}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-secondary, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-secondary, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-secondary{background-color:#fbfbfe}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-parent-expanded, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-child, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-parent-expanded, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-child, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-parent-expanded, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-child{background-color:#fbfbfe}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-parent-expanded:not(.dr-row-child-last-in-tree), .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-child:not(.dr-row-child-last-in-tree), .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-parent-expanded:not(.dr-row-child-last-in-tree), .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-child:not(.dr-row-child-last-in-tree), .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-parent-expanded:not(.dr-row-child-last-in-tree), .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-child:not(.dr-row-child-last-in-tree){border-bottom:transparent}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%] {--ag-cell-horizontal-border: 1px solid #dfe0e3}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header{border-bottom:1px solid #dfe0e3}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-header-cell{padding:0 4px 0 16px;border-right:1px solid #dfe0e3}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-header-cell .title{max-width:unset!important;font-size:14px;line-height:24px;font-weight:400}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-body .ag-cell-focus{border:1px solid #4646ce}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-cols-container .ag-row{background:#fbfbfe}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-center-cols-container .ag-cell:hover:not(.ag-cell-focus){cursor:pointer;border:1px solid #9ea1aa}.dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%] {--ag-border-color: transparent;--ag-row-border-color: #dfe0e3;--ag-header-background-color: #ffffff}.dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper{border:none;border-top-left-radius:0;border-top-right-radius:0}.dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header{border-bottom:1px solid var(--ag-row-border-color)}.dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-header-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-header-cell-text{font-size:14px;line-height:24px;font-weight:500;color:#6d6e6f}.dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-bottom{border-top:1px solid #dfe0e3}.dr-grid-borderless[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%] {--ag-header-background-color: transparent;--ag-background-color: transparent;--ag-odd-row-background-color: transparent;--ag-row-hover-color: #f5f5f5;--ag-selected-row-background-color: transparent;--ag-row-border-color: transparent;--ag-border-color: transparent}.dr-grid-borderless[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-header-cell, .dr-grid-borderless[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-header-cell-text{font-size:14px;line-height:24px;font-weight:500;color:#6d6e6f}.dr-grid-borderless[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-cell-value{font-size:14px;color:#333}.table-blur[_ngcontent-%COMP%]{background:linear-gradient(180deg,#fff0,#fff);position:absolute;height:80px;pointer-events:none;bottom:0;left:0;right:10px;width:100%;transition:.2s opacity}.table-blur.--hidden[_ngcontent-%COMP%]{opacity:0;transition:.2s opacity}"] }); }
+        } }, dependencies: [AgGridModule, i1.AgGridAngular, CommonModule, i2.NgIf, i2.AsyncPipe], styles: ["[_nghost-%COMP%]{display:flex;flex-direction:column;position:relative;overflow:hidden}.grid-full-height[_nghost-%COMP%]{height:100%}.grid-with-row-selection[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-row-hover{cursor:pointer}[_nghost-%COMP%]:not(.grid-empty-with-template)   ag-grid-angular[_ngcontent-%COMP%]  .ag-center-cols-viewport{min-height:40px}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%] {--ag-cell-widget-spacing: 16px;flex:1 1 0;width:100%;height:100%;font-family:Poppins,sans-serif}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-cell-wrapper{height:100%}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-cell-wrapper .ag-icon-grip{height:24px}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-cell-wrapper .ag-icon-grip:before{font-family:DataRails!important;content:var(--dr-icon-drag, \"\\ea5f\");font-size:24px}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-cell-value{display:flex;align-items:center;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;color:#333}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-cell-value>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .dr-cell-content-on-hover{visibility:hidden}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-row-hover .dr-cell-content-on-hover{visibility:visible}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-header-row, [_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-header-cell-text{font-size:14px;line-height:24px;font-weight:600;text-align:left;color:#333}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-checkbox-input-wrapper.ag-checked:after, [_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-checkbox-input-wrapper.ag-indeterminate:after{color:#4646ce}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .dr-header-cell-no-border{border:none!important}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-cell-value:not(.action-fb), [_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-header-cell{padding-right:4px}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%] , .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%] , .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%] {--ag-header-background-color: #f2f2fb;--ag-background-color: #ffffff;--ag-odd-row-background-color: #ffffff;--ag-row-hover-color: #f5f5f5;--ag-selected-row-background-color: #eaeaff;--ag-row-border-color: #dfe0e3;--ag-border-color: #dfe0e3;--ag-header-column-resize-handle-height: 40%;--ag-header-column-resize-handle-color: #dfe0e3;--ag-cell-horizontal-padding: 16px}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper{border-radius:12px}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header{border-bottom:none}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-pinned-right-header, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-pinned-right-header, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-pinned-right-header{border:none}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-pinned-right-header .ag-header-row-column, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-pinned-right-header .ag-header-row-column, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-pinned-right-header .ag-header-row-column{border-left:1px solid #9ea1aa}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top{border-top:1px solid var(--ag-border-color)}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action{border-bottom:none;cursor:pointer}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action .ag-cell-value, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action .ag-cell-value, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action .ag-cell-value{font-size:14px;line-height:24px;font-weight:400;color:#6d6e6f}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover .ag-cell{color:#333}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action:active:before, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active:before, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action:active:before, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active:before, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action:active:before, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active:before{background-color:#eaeaff!important}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action:active .ag-cell, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action:active .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action:active .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active .ag-cell{color:#4646ce}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-bottom .dr-row-total, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-bottom .dr-row-total, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-bottom .dr-row-total{background:#f6f7f8;border-bottom:0}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-bottom .dr-row-total .ag-cell-value, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-bottom .dr-row-total .ag-cell-value, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-bottom .dr-row-total .ag-cell-value{font-size:14px;line-height:24px;font-weight:400;color:#333}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-body-horizontal-scroll, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-body-horizontal-scroll, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-body-horizontal-scroll{border-top:1px solid #dfe0e3}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-body-vertical-scroll, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-body-vertical-scroll, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-body-vertical-scroll{border-left:1px solid #dfe0e3}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-header, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner), .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty), .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-header, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner), .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty), .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-header, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner), .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty){border-right:1px solid #9ea1aa}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-header .ag-cell, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner) .ag-cell, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty) .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-header .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner) .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty) .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-header .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner) .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty) .ag-cell{border:none}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer.ag-scroller-corner, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer.ag-scroller-corner, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer.ag-scroller-corner{min-width:8px!important}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner), .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty), .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner), .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty), .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner), .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty){border-left:1px solid #9ea1aa}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header .ag-cell, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner) .ag-cell, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty) .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner) .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty) .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner) .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty) .ag-cell{border:none}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header{overflow:visible}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header:before, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header:before, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header:before{content:\"\";position:absolute;bottom:0;left:0;border-left:1px solid #9ea1aa;height:1px}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-row-last, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-row-last, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-row-last{border-bottom:none}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-secondary, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-secondary, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-secondary{background-color:#fbfbfe}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-parent-expanded, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-child, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-parent-expanded, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-child, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-parent-expanded, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-child{background-color:#fbfbfe}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-parent-expanded:not(.dr-row-child-last-in-tree), .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-child:not(.dr-row-child-last-in-tree), .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-parent-expanded:not(.dr-row-child-last-in-tree), .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-child:not(.dr-row-child-last-in-tree), .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-parent-expanded:not(.dr-row-child-last-in-tree), .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-child:not(.dr-row-child-last-in-tree){border-bottom:transparent}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%] {--ag-cell-horizontal-border: 1px solid #dfe0e3}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header{border-bottom:1px solid #dfe0e3}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-header-cell{padding:0 4px 0 16px;border-right:1px solid #dfe0e3}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-header-cell .title{max-width:unset!important;font-size:14px;line-height:24px;font-weight:400}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-body .ag-cell-focus{border:1px solid #4646ce}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-cols-container .ag-row{background:#fbfbfe}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-center-cols-container .ag-cell:hover:not(.ag-cell-focus){cursor:pointer;border:1px solid #9ea1aa}.dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%] {--ag-border-color: transparent;--ag-row-border-color: #dfe0e3;--ag-header-background-color: #ffffff}.dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper{border:none;border-top-left-radius:0;border-top-right-radius:0}.dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header{border-bottom:1px solid var(--ag-row-border-color)}.dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-header-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-header-cell-text{font-size:14px;line-height:24px;font-weight:500;color:#6d6e6f}.dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-bottom{border-top:1px solid #dfe0e3}.dr-grid-borderless[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%] {--ag-header-background-color: transparent;--ag-background-color: transparent;--ag-odd-row-background-color: transparent;--ag-row-hover-color: #f5f5f5;--ag-selected-row-background-color: transparent;--ag-row-border-color: transparent;--ag-border-color: transparent}.dr-grid-borderless[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-header-cell, .dr-grid-borderless[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-header-cell-text{font-size:14px;line-height:24px;font-weight:500;color:#6d6e6f}.dr-grid-borderless[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-cell-value{font-size:14px;color:#333}.table-blur[_ngcontent-%COMP%]{background:linear-gradient(180deg,#fff0,#fff);position:absolute;height:80px;pointer-events:none;bottom:0;left:0;right:10px;width:100%;transition:.2s opacity}.table-blur.--hidden[_ngcontent-%COMP%]{opacity:0;transition:.2s opacity}"] }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrGridComponent, [{
         type: Component,
-        args: [{ selector: 'dr-grid', standalone: true, imports: [AgGridModule, CommonModule, ...CELL_COMPONENTS], template: "<ag-grid-angular\n    #agGrid\n    [class]=\"'ag-theme-alpine'\"\n    [domLayout]=\"domLayout\"\n    (rowClicked)=\"rowClicked.emit($event)\"\n    (gridReady)=\"onGridReady($event)\"\n    (rowDragEnd)=\"rowDragEnd.emit($event)\"\n    (selectionChanged)=\"selectionChanged.emit($event)\"\n    (rowSelected)=\"onRowSelect($event)\"\n    [gridOptions]=\"gridOptions\"\n    [columnDefs]=\"columnDefs\"\n    [rowData]=\"rowData\"\n    [pinnedTopRowData]=\"pinnedTopRowData\"\n    [pinnedBottomRowData]=\"pinnedBottomRowData\"\n    [components]=\"_cellComponents\"\n    [rowBuffer]=\"0\"\n    [undoRedoCellEditing]=\"true\"\n    [suppressNoRowsOverlay]=\"!gridOptions?.noRowsOverlayComponent\"\n    [suppressLoadingOverlay]=\"true\">\n</ag-grid-angular>\n<div *ngIf=\"theme === 'dr-grid-borderless'\" class=\"table-blur\" [class.--hidden]=\"bottomBlurHidden$ | async\"></div>\n", styles: [":host{display:flex;flex-direction:column;position:relative;overflow:hidden}:host.grid-full-height{height:100%}:host.grid-with-row-selection ag-grid-angular::ng-deep .ag-row-hover{cursor:pointer}:host:not(.grid-empty-with-template) ag-grid-angular::ng-deep .ag-center-cols-viewport{min-height:40px}:host ag-grid-angular::ng-deep{--ag-cell-widget-spacing: 16px;flex:1 1 0;width:100%;height:100%;font-family:Poppins,sans-serif}:host ag-grid-angular::ng-deep .ag-cell-wrapper{height:100%}:host ag-grid-angular::ng-deep .ag-cell-wrapper .ag-icon-grip{height:24px}:host ag-grid-angular::ng-deep .ag-cell-wrapper .ag-icon-grip:before{font-family:DataRails!important;content:\"\\ea5c\";font-size:24px}:host ag-grid-angular::ng-deep .ag-cell-value{display:flex;align-items:center;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;color:#333}:host ag-grid-angular::ng-deep .ag-cell-value>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ag-grid-angular::ng-deep .dr-cell-content-on-hover{visibility:hidden}:host ag-grid-angular::ng-deep .ag-row-hover .dr-cell-content-on-hover{visibility:visible}:host ag-grid-angular::ng-deep .ag-header-row,:host ag-grid-angular::ng-deep .ag-header-cell-text{font-size:14px;line-height:24px;font-weight:600;text-align:left;color:#333}:host ag-grid-angular::ng-deep .ag-checkbox-input-wrapper.ag-checked:after,:host ag-grid-angular::ng-deep .ag-checkbox-input-wrapper.ag-indeterminate:after{color:#4646ce}:host ag-grid-angular::ng-deep .dr-header-cell-no-border{border:none!important}:host ag-grid-angular::ng-deep .ag-cell-value:not(.action-fb),:host ag-grid-angular::ng-deep .ag-header-cell{padding-right:4px}:host.dr-grid-editable ag-grid-angular::ng-deep,:host.dr-grid-inside-card ag-grid-angular::ng-deep,:host.dr-grid-default ag-grid-angular::ng-deep{--ag-header-background-color: #f2f2fb;--ag-background-color: #ffffff;--ag-odd-row-background-color: #ffffff;--ag-row-hover-color: #f5f5f5;--ag-selected-row-background-color: #eaeaff;--ag-row-border-color: #dfe0e3;--ag-border-color: #dfe0e3;--ag-header-column-resize-handle-height: 40%;--ag-header-column-resize-handle-color: #dfe0e3;--ag-cell-horizontal-padding: 16px}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper{border-radius:12px}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-header,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-header,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-header{border-bottom:none}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-pinned-right-header,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-pinned-right-header,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-pinned-right-header{border:none}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-pinned-right-header .ag-header-row-column,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-pinned-right-header .ag-header-row-column,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-pinned-right-header .ag-header-row-column{border-left:1px solid #9ea1aa}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top{border-top:1px solid var(--ag-border-color)}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action{border-bottom:none;cursor:pointer}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action .ag-cell-value,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action .ag-cell-value,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action .ag-cell-value{font-size:14px;line-height:24px;font-weight:400;color:#6d6e6f}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover .ag-cell{color:#333}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action:active:before,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active:before,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action:active:before,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active:before,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action:active:before,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active:before{background-color:#eaeaff!important}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action:active .ag-cell,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action:active .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action:active .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active .ag-cell{color:#4646ce}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-bottom .dr-row-total,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-bottom .dr-row-total,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-bottom .dr-row-total{background:#f6f7f8;border-bottom:0}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-bottom .dr-row-total .ag-cell-value,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-bottom .dr-row-total .ag-cell-value,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-bottom .dr-row-total .ag-cell-value{font-size:14px;line-height:24px;font-weight:400;color:#333}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-body-horizontal-scroll,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-body-horizontal-scroll,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-body-horizontal-scroll{border-top:1px solid #dfe0e3}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-body-vertical-scroll,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-body-vertical-scroll,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-body-vertical-scroll{border-left:1px solid #dfe0e3}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-header,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner),:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty),:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-header,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner),:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty),:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-header,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner),:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty){border-right:1px solid #9ea1aa}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-header .ag-cell,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner) .ag-cell,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty) .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-header .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner) .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty) .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-header .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner) .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty) .ag-cell{border:none}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer.ag-scroller-corner,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer.ag-scroller-corner,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer.ag-scroller-corner{min-width:8px!important}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner),:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty),:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner),:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty),:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner),:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty){border-left:1px solid #9ea1aa}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header .ag-cell,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner) .ag-cell,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty) .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner) .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty) .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner) .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty) .ag-cell{border:none}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header{overflow:visible}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header:before,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header:before,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header:before{content:\"\";position:absolute;bottom:0;left:0;border-left:1px solid #9ea1aa;height:1px}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-row-last,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-row-last,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-row-last{border-bottom:none}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-secondary,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-secondary,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-secondary{background-color:#fbfbfe}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-parent-expanded,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-child,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-parent-expanded,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-child,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-parent-expanded,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-child{background-color:#fbfbfe}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-parent-expanded:not(.dr-row-child-last-in-tree),:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-child:not(.dr-row-child-last-in-tree),:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-parent-expanded:not(.dr-row-child-last-in-tree),:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-child:not(.dr-row-child-last-in-tree),:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-parent-expanded:not(.dr-row-child-last-in-tree),:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-child:not(.dr-row-child-last-in-tree){border-bottom:transparent}:host.dr-grid-editable ag-grid-angular::ng-deep{--ag-cell-horizontal-border: 1px solid #dfe0e3}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-header{border-bottom:1px solid #dfe0e3}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-header-cell{padding:0 4px 0 16px;border-right:1px solid #dfe0e3}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-header-cell .title{max-width:unset!important;font-size:14px;line-height:24px;font-weight:400}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-body .ag-cell-focus{border:1px solid #4646ce}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-cols-container .ag-row{background:#fbfbfe}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-center-cols-container .ag-cell:hover:not(.ag-cell-focus){cursor:pointer;border:1px solid #9ea1aa}:host.dr-grid-inside-card ag-grid-angular::ng-deep{--ag-border-color: transparent;--ag-row-border-color: #dfe0e3;--ag-header-background-color: #ffffff}:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper{border:none;border-top-left-radius:0;border-top-right-radius:0}:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-header{border-bottom:1px solid var(--ag-row-border-color)}:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-header-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-header-cell-text{font-size:14px;line-height:24px;font-weight:500;color:#6d6e6f}:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-bottom{border-top:1px solid #dfe0e3}:host.dr-grid-borderless ag-grid-angular::ng-deep{--ag-header-background-color: transparent;--ag-background-color: transparent;--ag-odd-row-background-color: transparent;--ag-row-hover-color: #f5f5f5;--ag-selected-row-background-color: transparent;--ag-row-border-color: transparent;--ag-border-color: transparent}:host.dr-grid-borderless ag-grid-angular::ng-deep .ag-header-cell,:host.dr-grid-borderless ag-grid-angular::ng-deep .ag-header-cell-text{font-size:14px;line-height:24px;font-weight:500;color:#6d6e6f}:host.dr-grid-borderless ag-grid-angular::ng-deep .ag-cell-value{font-size:14px;color:#333}.table-blur{background:linear-gradient(180deg,#fff0,#fff);position:absolute;height:80px;pointer-events:none;bottom:0;left:0;right:10px;width:100%;transition:.2s opacity}.table-blur.--hidden{opacity:0;transition:.2s opacity}\n"] }]
+        args: [{ selector: 'dr-grid', standalone: true, imports: [AgGridModule, CommonModule, ...CELL_COMPONENTS], template: "<ag-grid-angular\n    #agGrid\n    [class]=\"'ag-theme-alpine'\"\n    [domLayout]=\"domLayout\"\n    (rowClicked)=\"rowClicked.emit($event)\"\n    (gridReady)=\"onGridReady($event)\"\n    (rowDragEnd)=\"rowDragEnd.emit($event)\"\n    (selectionChanged)=\"selectionChanged.emit($event)\"\n    (rowSelected)=\"onRowSelect($event)\"\n    [gridOptions]=\"gridOptions\"\n    [columnDefs]=\"columnDefs\"\n    [rowData]=\"rowData\"\n    [pinnedTopRowData]=\"pinnedTopRowData\"\n    [pinnedBottomRowData]=\"pinnedBottomRowData\"\n    [components]=\"_cellComponents\"\n    [rowBuffer]=\"0\"\n    [undoRedoCellEditing]=\"true\"\n    [suppressNoRowsOverlay]=\"!gridOptions?.noRowsOverlayComponent\"\n    [suppressLoadingOverlay]=\"true\">\n</ag-grid-angular>\n<div *ngIf=\"theme === 'dr-grid-borderless'\" class=\"table-blur\" [class.--hidden]=\"bottomBlurHidden$ | async\"></div>\n", styles: [":host{display:flex;flex-direction:column;position:relative;overflow:hidden}:host.grid-full-height{height:100%}:host.grid-with-row-selection ag-grid-angular::ng-deep .ag-row-hover{cursor:pointer}:host:not(.grid-empty-with-template) ag-grid-angular::ng-deep .ag-center-cols-viewport{min-height:40px}:host ag-grid-angular::ng-deep{--ag-cell-widget-spacing: 16px;flex:1 1 0;width:100%;height:100%;font-family:Poppins,sans-serif}:host ag-grid-angular::ng-deep .ag-cell-wrapper{height:100%}:host ag-grid-angular::ng-deep .ag-cell-wrapper .ag-icon-grip{height:24px}:host ag-grid-angular::ng-deep .ag-cell-wrapper .ag-icon-grip:before{font-family:DataRails!important;content:var(--dr-icon-drag, \"\\ea5f\");font-size:24px}:host ag-grid-angular::ng-deep .ag-cell-value{display:flex;align-items:center;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;color:#333}:host ag-grid-angular::ng-deep .ag-cell-value>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ag-grid-angular::ng-deep .dr-cell-content-on-hover{visibility:hidden}:host ag-grid-angular::ng-deep .ag-row-hover .dr-cell-content-on-hover{visibility:visible}:host ag-grid-angular::ng-deep .ag-header-row,:host ag-grid-angular::ng-deep .ag-header-cell-text{font-size:14px;line-height:24px;font-weight:600;text-align:left;color:#333}:host ag-grid-angular::ng-deep .ag-checkbox-input-wrapper.ag-checked:after,:host ag-grid-angular::ng-deep .ag-checkbox-input-wrapper.ag-indeterminate:after{color:#4646ce}:host ag-grid-angular::ng-deep .dr-header-cell-no-border{border:none!important}:host ag-grid-angular::ng-deep .ag-cell-value:not(.action-fb),:host ag-grid-angular::ng-deep .ag-header-cell{padding-right:4px}:host.dr-grid-editable ag-grid-angular::ng-deep,:host.dr-grid-inside-card ag-grid-angular::ng-deep,:host.dr-grid-default ag-grid-angular::ng-deep{--ag-header-background-color: #f2f2fb;--ag-background-color: #ffffff;--ag-odd-row-background-color: #ffffff;--ag-row-hover-color: #f5f5f5;--ag-selected-row-background-color: #eaeaff;--ag-row-border-color: #dfe0e3;--ag-border-color: #dfe0e3;--ag-header-column-resize-handle-height: 40%;--ag-header-column-resize-handle-color: #dfe0e3;--ag-cell-horizontal-padding: 16px}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper{border-radius:12px}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-header,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-header,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-header{border-bottom:none}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-pinned-right-header,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-pinned-right-header,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-pinned-right-header{border:none}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-pinned-right-header .ag-header-row-column,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-pinned-right-header .ag-header-row-column,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-pinned-right-header .ag-header-row-column{border-left:1px solid #9ea1aa}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top{border-top:1px solid var(--ag-border-color)}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action{border-bottom:none;cursor:pointer}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action .ag-cell-value,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action .ag-cell-value,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action .ag-cell-value{font-size:14px;line-height:24px;font-weight:400;color:#6d6e6f}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover .ag-cell{color:#333}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action:active:before,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active:before,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action:active:before,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active:before,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action:active:before,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active:before{background-color:#eaeaff!important}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action:active .ag-cell,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action:active .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action:active .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active .ag-cell{color:#4646ce}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-bottom .dr-row-total,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-bottom .dr-row-total,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-bottom .dr-row-total{background:#f6f7f8;border-bottom:0}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-bottom .dr-row-total .ag-cell-value,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-bottom .dr-row-total .ag-cell-value,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-bottom .dr-row-total .ag-cell-value{font-size:14px;line-height:24px;font-weight:400;color:#333}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-body-horizontal-scroll,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-body-horizontal-scroll,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-body-horizontal-scroll{border-top:1px solid #dfe0e3}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-body-vertical-scroll,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-body-vertical-scroll,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-body-vertical-scroll{border-left:1px solid #dfe0e3}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-header,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner),:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty),:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-header,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner),:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty),:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-header,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner),:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty){border-right:1px solid #9ea1aa}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-header .ag-cell,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner) .ag-cell,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty) .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-header .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner) .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty) .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-header .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner) .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty) .ag-cell{border:none}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer.ag-scroller-corner,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer.ag-scroller-corner,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer.ag-scroller-corner{min-width:8px!important}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner),:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty),:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner),:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty),:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner),:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty){border-left:1px solid #9ea1aa}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header .ag-cell,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner) .ag-cell,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty) .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner) .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty) .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner) .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty) .ag-cell{border:none}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header{overflow:visible}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header:before,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header:before,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header:before{content:\"\";position:absolute;bottom:0;left:0;border-left:1px solid #9ea1aa;height:1px}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-row-last,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-row-last,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-row-last{border-bottom:none}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-secondary,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-secondary,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-secondary{background-color:#fbfbfe}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-parent-expanded,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-child,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-parent-expanded,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-child,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-parent-expanded,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-child{background-color:#fbfbfe}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-parent-expanded:not(.dr-row-child-last-in-tree),:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-child:not(.dr-row-child-last-in-tree),:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-parent-expanded:not(.dr-row-child-last-in-tree),:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-child:not(.dr-row-child-last-in-tree),:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-parent-expanded:not(.dr-row-child-last-in-tree),:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-child:not(.dr-row-child-last-in-tree){border-bottom:transparent}:host.dr-grid-editable ag-grid-angular::ng-deep{--ag-cell-horizontal-border: 1px solid #dfe0e3}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-header{border-bottom:1px solid #dfe0e3}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-header-cell{padding:0 4px 0 16px;border-right:1px solid #dfe0e3}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-header-cell .title{max-width:unset!important;font-size:14px;line-height:24px;font-weight:400}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-body .ag-cell-focus{border:1px solid #4646ce}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-cols-container .ag-row{background:#fbfbfe}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-center-cols-container .ag-cell:hover:not(.ag-cell-focus){cursor:pointer;border:1px solid #9ea1aa}:host.dr-grid-inside-card ag-grid-angular::ng-deep{--ag-border-color: transparent;--ag-row-border-color: #dfe0e3;--ag-header-background-color: #ffffff}:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper{border:none;border-top-left-radius:0;border-top-right-radius:0}:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-header{border-bottom:1px solid var(--ag-row-border-color)}:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-header-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-header-cell-text{font-size:14px;line-height:24px;font-weight:500;color:#6d6e6f}:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-bottom{border-top:1px solid #dfe0e3}:host.dr-grid-borderless ag-grid-angular::ng-deep{--ag-header-background-color: transparent;--ag-background-color: transparent;--ag-odd-row-background-color: transparent;--ag-row-hover-color: #f5f5f5;--ag-selected-row-background-color: transparent;--ag-row-border-color: transparent;--ag-border-color: transparent}:host.dr-grid-borderless ag-grid-angular::ng-deep .ag-header-cell,:host.dr-grid-borderless ag-grid-angular::ng-deep .ag-header-cell-text{font-size:14px;line-height:24px;font-weight:500;color:#6d6e6f}:host.dr-grid-borderless ag-grid-angular::ng-deep .ag-cell-value{font-size:14px;color:#333}.table-blur{background:linear-gradient(180deg,#fff0,#fff);position:absolute;height:80px;pointer-events:none;bottom:0;left:0;right:10px;width:100%;transition:.2s opacity}.table-blur.--hidden{opacity:0;transition:.2s opacity}\n"] }]
     }], null, { layoutThresholdCount: [{
             type: Input
         }], pinnedTopRowData: [{

package/esm2022/lib/dr-inputs/date-pickers/dr-date-picker/dr-date-picker.component.mjs

@@ -410,7 +410,7 @@ export class DrDatePickerComponent {
             i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(2, 3, ctx.datePickerService.timeframe$) === "week");
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(4, 5, ctx.datePickerService.timeframe$) !== "week");
-        } }, dependencies: [i3.DrButtonComponent, i4.DefaultValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.NgModel, i4.FormGroupDirective, i4.FormControlName, i5.NgIf, i6.MatDatepicker, i6.MatDatepickerInput, i6.MatDateRangeInput, i6.MatStartDate, i6.MatEndDate, i6.MatDateRangePicker, i7.DrDatePickerFormatDirective, i5.AsyncPipe], styles: ["[_nghost-%COMP%]{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;font-size:14px;font-family:Poppins,sans-serif;background-color:#fff;border:1px solid #9ea1aa;border-radius:6px;color:#333;overflow:hidden;outline:none;cursor:pointer}.use-button-picker[_nghost-%COMP%]{border:none}[_nghost-%COMP%]:hover{border-color:#9ea1aa}.active[_nghost-%COMP%], [_nghost-%COMP%]:focus-within{border-color:#4646ce!important;color:#333}.disabled[_nghost-%COMP%]{pointer-events:none;border:1px solid #aeabac;background:#f0f1f4;color:#aeabac}.disabled[_nghost-%COMP%]:after{color:#aeabac}.ng-valid.ng-dirty[_nghost-%COMP%]{border-color:#037c5a}.ng-invalid.ng-dirty[_nghost-%COMP%]:not(:focus-within){border-color:#bf1d30!important}.ng-untouched.ng-valid[_nghost-%COMP%]{border-color:#9ea1aa}.use-button-picker[_nghost-%COMP%]:after{display:none}[_nghost-%COMP%]:not(.use-button-picker):after, [_nghost-%COMP%]:not(.use-button-picker):before{position:absolute;display:flex;border-color:#6d6e6f transparent transparent;color:#6d6e6f}[_nghost-%COMP%]:not(.use-button-picker):after{font-family:DataRails!important;content:\"\\ea17\";font-size:24px;color:#6d6e6f;top:0;bottom:0;right:8px;pointer-events:none;position:absolute;display:flex;align-items:center;justify-content:center}[_nghost-%COMP%]   i[_ngcontent-%COMP%]{display:flex;align-items:center;position:absolute;color:#6d6e6f;left:8px;top:0;bottom:0}[_nghost-%COMP%]   input[_ngcontent-%COMP%]{display:flex;flex-grow:1;height:100%;border:none;text-align:left;padding-left:35px;padding-right:25px;cursor:pointer!important;outline:none}[_nghost-%COMP%]   input.when-quarter[_ngcontent-%COMP%]{position:absolute;visibility:hidden}[_nghost-%COMP%]   input[_ngcontent-%COMP%]:disabled{border:none;color:#aeabac;background:transparent}[_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-decoration, [_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-cancel-button, [_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-results-button, [_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-results-decoration{-webkit-appearance:none}[_nghost-%COMP%]   input[_ngcontent-%COMP%]::placeholder{color:#6d6e6f;font-size:14px;line-height:18px}[_nghost-%COMP%]   input.hidden-calendar-input[_ngcontent-%COMP%]{width:0;height:0;padding:0}[_nghost-%COMP%]   .datepicker-button[_ngcontent-%COMP%]{width:100%}[_nghost-%COMP%]   .range-input[_ngcontent-%COMP%]{position:absolute;height:0;width:0;bottom:0;left:0;z-index:-1}  .mat-datepicker-popup .dr-week-datepicker{width:386px!important}  .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range:before{background:initial!important}  .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-selected,   .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-cell-content{background:#f2f2fb!important;color:#4646ce!important;font-weight:600!important}  .mat-datepicker-popup .mat-datepicker-content{margin:7px 0;box-shadow:0 4px 8px 1px #00000040;border-radius:12px!important}  .mat-datepicker-popup .mat-datepicker-content button[disabled]{border:inherit;color:inherit;background-color:inherit}  .mat-datepicker-popup .mat-datepicker-content button[disabled]:hover{border:inherit}  .mat-datepicker-popup .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),   .mat-datepicker-popup .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#fff}  .mat-datepicker-popup .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background:#f2f2fb;color:#4646ce;font-weight:600}  .mat-datepicker-popup .mat-calendar-body-selected{background-color:#4646ce;color:#f2f2fb;font-weight:600}  .mat-datepicker-popup .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:none}  .mat-datepicker-popup .mat-button-focus-overlay{background:#f5f5f5}  .mat-datepicker-popup .mat-calendar-controls .mat-icon-button:hover .mat-button-focus-overlay{opacity:1!important;background:#f5f5f5;transition:opacity .2s cubic-bezier(.35,0,.25,1)}  .mat-datepicker-popup .mat-calendar-controls .mat-calendar-period-button:hover{background:#f5f5f5;transition:background .2s cubic-bezier(.35,0,.25,1)}  .mat-datepicker-popup .mat-calendar-table-header th{font-size:14px;font-weight:600;color:#333}  .mat-datepicker-popup .mat-calendar-table-header-divider{display:none}  .mat-datepicker-popup .mat-calendar-body-label{color:#fff;padding:0}  .mat-datepicker-popup .mat-calendar-body>tr[aria-hidden=true]>.mat-calendar-body-label{display:none}  .mat-datepicker-popup .mat-calendar-content{display:flex}  .mat-datepicker-popup .mat-calendar-content dr-week-selector{flex:0}  .mat-datepicker-popup .mat-calendar-content mat-month-view,   .mat-datepicker-popup .mat-calendar-content mat-multi-year-view,   .mat-datepicker-popup .mat-calendar-content mat-year-view{flex:1}", ".mat-datepicker-popup .dr-datepicker-dark-theme{background-color:#0c142b;color:#fff;border-radius:12px}  .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-label{visibility:hidden}  .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-cell-content,   .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-table-header th{color:#fff}  .mat-datepicker-popup .dr-datepicker-dark-theme .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),   .mat-datepicker-popup .dr-datepicker-dark-theme .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#373c4c}  .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border:none;background-color:#1d1d6d;color:#fff}  .mat-datepicker-popup .dr-datepicker-dark-theme .dr-quarterly-datepicker .quarter-selector:hover{background:#373c4c!important;color:#fff!important}  .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background:#373c4c;color:#fff}  .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .weeks__container{color:#fff}  .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-selected,   .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-cell-content{background-color:#4646ce!important;color:#fff!important}  .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .weeks .btn:hover{background:#373c4c!important;color:#fff!important}  .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-selected{background-color:#4646ce;color:#fff}  .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:#aeabac}  .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging:hover{background-color:transparent}  .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-right,   .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-left{color:#aeabac}  .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-right:hover,   .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-left:hover{background:#373c4c;border-radius:12px;cursor:pointer}"], changeDetection: 0 }); }
+        } }, dependencies: [i3.DrButtonComponent, i4.DefaultValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.NgModel, i4.FormGroupDirective, i4.FormControlName, i5.NgIf, i6.MatDatepicker, i6.MatDatepickerInput, i6.MatDateRangeInput, i6.MatStartDate, i6.MatEndDate, i6.MatDateRangePicker, i7.DrDatePickerFormatDirective, i5.AsyncPipe], styles: ["[_nghost-%COMP%]{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;font-size:14px;font-family:Poppins,sans-serif;background-color:#fff;border:1px solid #9ea1aa;border-radius:6px;color:#333;overflow:hidden;outline:none;cursor:pointer}.use-button-picker[_nghost-%COMP%]{border:none}[_nghost-%COMP%]:hover{border-color:#9ea1aa}.active[_nghost-%COMP%], [_nghost-%COMP%]:focus-within{border-color:#4646ce!important;color:#333}.disabled[_nghost-%COMP%]{pointer-events:none;border:1px solid #aeabac;background:#f0f1f4;color:#aeabac}.disabled[_nghost-%COMP%]:after{color:#aeabac}.ng-valid.ng-dirty[_nghost-%COMP%]{border-color:#037c5a}.ng-invalid.ng-dirty[_nghost-%COMP%]:not(:focus-within){border-color:#bf1d30!important}.ng-untouched.ng-valid[_nghost-%COMP%]{border-color:#9ea1aa}.use-button-picker[_nghost-%COMP%]:after{display:none}[_nghost-%COMP%]:not(.use-button-picker):after, [_nghost-%COMP%]:not(.use-button-picker):before{position:absolute;display:flex;border-color:#6d6e6f transparent transparent;color:#6d6e6f}[_nghost-%COMP%]:not(.use-button-picker):after{font-family:DataRails!important;content:var(--dr-icon-arrow-down, \"\\ea18\");font-size:24px;color:#6d6e6f;top:0;bottom:0;right:8px;pointer-events:none;position:absolute;display:flex;align-items:center;justify-content:center}[_nghost-%COMP%]   i[_ngcontent-%COMP%]{display:flex;align-items:center;position:absolute;color:#6d6e6f;left:8px;top:0;bottom:0}[_nghost-%COMP%]   input[_ngcontent-%COMP%]{display:flex;flex-grow:1;height:100%;border:none;text-align:left;padding-left:35px;padding-right:25px;cursor:pointer!important;outline:none}[_nghost-%COMP%]   input.when-quarter[_ngcontent-%COMP%]{position:absolute;visibility:hidden}[_nghost-%COMP%]   input[_ngcontent-%COMP%]:disabled{border:none;color:#aeabac;background:transparent}[_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-decoration, [_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-cancel-button, [_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-results-button, [_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-results-decoration{-webkit-appearance:none}[_nghost-%COMP%]   input[_ngcontent-%COMP%]::placeholder{color:#6d6e6f;font-size:14px;line-height:18px}[_nghost-%COMP%]   input.hidden-calendar-input[_ngcontent-%COMP%]{width:0;height:0;padding:0}[_nghost-%COMP%]   .datepicker-button[_ngcontent-%COMP%]{width:100%}[_nghost-%COMP%]   .range-input[_ngcontent-%COMP%]{position:absolute;height:0;width:0;bottom:0;left:0;z-index:-1}  .mat-datepicker-popup .dr-week-datepicker{width:386px!important}  .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range:before{background:initial!important}  .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-selected,   .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-cell-content{background:#f2f2fb!important;color:#4646ce!important;font-weight:600!important}  .mat-datepicker-popup .mat-datepicker-content{margin:7px 0;box-shadow:0 4px 8px 1px #00000040;border-radius:12px!important}  .mat-datepicker-popup .mat-datepicker-content button[disabled]{border:inherit;color:inherit;background-color:inherit}  .mat-datepicker-popup .mat-datepicker-content button[disabled]:hover{border:inherit}  .mat-datepicker-popup .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),   .mat-datepicker-popup .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#fff}  .mat-datepicker-popup .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background:#f2f2fb;color:#4646ce;font-weight:600}  .mat-datepicker-popup .mat-calendar-body-selected{background-color:#4646ce;color:#f2f2fb;font-weight:600}  .mat-datepicker-popup .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:none}  .mat-datepicker-popup .mat-button-focus-overlay{background:#f5f5f5}  .mat-datepicker-popup .mat-calendar-controls .mat-icon-button:hover .mat-button-focus-overlay{opacity:1!important;background:#f5f5f5;transition:opacity .2s cubic-bezier(.35,0,.25,1)}  .mat-datepicker-popup .mat-calendar-controls .mat-calendar-period-button:hover{background:#f5f5f5;transition:background .2s cubic-bezier(.35,0,.25,1)}  .mat-datepicker-popup .mat-calendar-table-header th{font-size:14px;font-weight:600;color:#333}  .mat-datepicker-popup .mat-calendar-table-header-divider{display:none}  .mat-datepicker-popup .mat-calendar-body-label{color:#fff;padding:0}  .mat-datepicker-popup .mat-calendar-body>tr[aria-hidden=true]>.mat-calendar-body-label{display:none}  .mat-datepicker-popup .mat-calendar-content{display:flex}  .mat-datepicker-popup .mat-calendar-content dr-week-selector{flex:0}  .mat-datepicker-popup .mat-calendar-content mat-month-view,   .mat-datepicker-popup .mat-calendar-content mat-multi-year-view,   .mat-datepicker-popup .mat-calendar-content mat-year-view{flex:1}", ".mat-datepicker-popup .dr-datepicker-dark-theme{background-color:#0c142b;color:#fff;border-radius:12px}  .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-label{visibility:hidden}  .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-cell-content,   .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-table-header th{color:#fff}  .mat-datepicker-popup .dr-datepicker-dark-theme .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),   .mat-datepicker-popup .dr-datepicker-dark-theme .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#373c4c}  .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border:none;background-color:#1d1d6d;color:#fff}  .mat-datepicker-popup .dr-datepicker-dark-theme .dr-quarterly-datepicker .quarter-selector:hover{background:#373c4c!important;color:#fff!important}  .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background:#373c4c;color:#fff}  .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .weeks__container{color:#fff}  .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-selected,   .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-cell-content{background-color:#4646ce!important;color:#fff!important}  .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .weeks .btn:hover{background:#373c4c!important;color:#fff!important}  .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-selected{background-color:#4646ce;color:#fff}  .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:#aeabac}  .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging:hover{background-color:transparent}  .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-right,   .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-left{color:#aeabac}  .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-right:hover,   .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-left:hover{background:#373c4c;border-radius:12px;cursor:pointer}"], changeDetection: 0 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrDatePickerComponent, [{
         type: Component,
@@ -419,7 +419,7 @@ export class DrDatePickerComponent {
                     { provide: DateAdapter, useClass: CustomDateAdapter },
                     { provide: MAT_DATE_RANGE_SELECTION_STRATEGY, useClass: WeekSelectionStrategy },
                     DrDatePickerService,
-                ], template: "<i *ngIf=\"!useButton\" class=\"dr-icon-date\" (click)=\"datePicker.open()\"></i>\n\n<ng-container *ngIf=\"(datePickerService.timeframe$ | async) === 'week'\">\n    <input\n        [attr.id]=\"id\"\n        [ngModel]=\"input.value\"\n        (click)=\"datePicker.open()\"\n        [disabled]=\"disabled\"\n        [placeholder]=\"placeholder\"\n        [readonly]=\"readonly\"\n        [min]=\"_min\"\n        [max]=\"_max\" />\n\n    <mat-date-range-input [formGroup]=\"rangeForm\" [rangePicker]=\"datePicker\" [dateFilter]=\"dateFilter\" class=\"range-input\">\n        <input\n            matStartDate\n            #input\n            [drDatePickerFormat]=\"datePickerService.format$ | async\"\n            formControlName=\"start\"\n            (dateChange)=\"valueChangedInCalendar(rangeForm.value.start)\" />\n        <input matEndDate [drDatePickerFormat]=\"datePickerService.format$ | async\" formControlName=\"end\" />\n    </mat-date-range-input>\n\n    <mat-date-range-picker\n        #datePicker\n        [startAt]=\"_startAt\"\n        [panelClass]=\"'dr-week-datepicker' + (panelClass ? ' ' + panelClass : '')\"\n        [calendarHeaderComponent]=\"customHeader\"\n        (yearSelected)=\"chosenPeriodHandler($event, timeframeOption.YEAR, datePicker)\"\n        (monthSelected)=\"chosenPeriodHandler($event, timeframeOption.MONTH, datePicker)\"\n        (opened)=\"onOpen()\"\n        (closed)=\"onCLose()\">\n    </mat-date-range-picker>\n</ng-container>\n\n<ng-container *ngIf=\"(datePickerService.timeframe$ | async) !== 'week'\">\n    <input\n        [attr.id]=\"id\"\n        [ngModel]=\"displayValue$ | async\"\n        (ngModelChange)=\"valueChangedInCalendar($event)\"\n        (click)=\"datePicker.open()\"\n        [matDatepicker]=\"datePicker\"\n        [matDatepickerFilter]=\"dateFilter\"\n        [disabled]=\"disabled\"\n        [placeholder]=\"placeholder\"\n        [drDatePickerFormat]=\"datePickerService.format$ | async\"\n        [readonly]=\"readonly\"\n        [min]=\"_min\"\n        [max]=\"_max\"\n        [class.hidden-calendar-input]=\"useButton\" />\n\n    <dr-button\n        *ngIf=\"useButton\"\n        [icon]=\"'dr-icon-date'\"\n        [iconAfter]=\"iconAfterButton\"\n        (click)=\"datePicker.open()\"\n        class=\"datepicker-button\">\n        {{ buttonLabel || 'Select Date' }}\n    </dr-button>\n\n    <mat-datepicker\n        #datePicker\n        [panelClass]=\"panelClass\"\n        [startAt]=\"_startAt\"\n        [calendarHeaderComponent]=\"customHeader\"\n        (yearSelected)=\"chosenPeriodHandler($event, timeframeOption.YEAR, datePicker)\"\n        (monthSelected)=\"chosenPeriodHandler($event, timeframeOption.MONTH, datePicker)\"\n        (opened)=\"onOpen()\"\n        (closed)=\"onCLose()\">\n    </mat-datepicker>\n</ng-container>\n", styles: [":host{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;font-size:14px;font-family:Poppins,sans-serif;background-color:#fff;border:1px solid #9ea1aa;border-radius:6px;color:#333;overflow:hidden;outline:none;cursor:pointer}:host.use-button-picker{border:none}:host:hover{border-color:#9ea1aa}:host.active,:host:focus-within{border-color:#4646ce!important;color:#333}:host.disabled{pointer-events:none;border:1px solid #aeabac;background:#f0f1f4;color:#aeabac}:host.disabled:after{color:#aeabac}:host.ng-valid.ng-dirty{border-color:#037c5a}:host.ng-invalid.ng-dirty:not(:focus-within){border-color:#bf1d30!important}:host.ng-untouched.ng-valid{border-color:#9ea1aa}:host.use-button-picker:after{display:none}:host:not(.use-button-picker):after,:host:not(.use-button-picker):before{position:absolute;display:flex;border-color:#6d6e6f transparent transparent;color:#6d6e6f}:host:not(.use-button-picker):after{font-family:DataRails!important;content:\"\\ea17\";font-size:24px;color:#6d6e6f;top:0;bottom:0;right:8px;pointer-events:none;position:absolute;display:flex;align-items:center;justify-content:center}:host i{display:flex;align-items:center;position:absolute;color:#6d6e6f;left:8px;top:0;bottom:0}:host input{display:flex;flex-grow:1;height:100%;border:none;text-align:left;padding-left:35px;padding-right:25px;cursor:pointer!important;outline:none}:host input.when-quarter{position:absolute;visibility:hidden}:host input:disabled{border:none;color:#aeabac;background:transparent}:host input::-webkit-search-decoration,:host input::-webkit-search-cancel-button,:host input::-webkit-search-results-button,:host input::-webkit-search-results-decoration{-webkit-appearance:none}:host input::placeholder{color:#6d6e6f;font-size:14px;line-height:18px}:host input.hidden-calendar-input{width:0;height:0;padding:0}:host .datepicker-button{width:100%}:host .range-input{position:absolute;height:0;width:0;bottom:0;left:0;z-index:-1}::ng-deep .mat-datepicker-popup .dr-week-datepicker{width:386px!important}::ng-deep .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range:before{background:initial!important}::ng-deep .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-selected,::ng-deep .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-cell-content{background:#f2f2fb!important;color:#4646ce!important;font-weight:600!important}::ng-deep .mat-datepicker-popup .mat-datepicker-content{margin:7px 0;box-shadow:0 4px 8px 1px #00000040;border-radius:12px!important}::ng-deep .mat-datepicker-popup .mat-datepicker-content button[disabled]{border:inherit;color:inherit;background-color:inherit}::ng-deep .mat-datepicker-popup .mat-datepicker-content button[disabled]:hover{border:inherit}::ng-deep .mat-datepicker-popup .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),::ng-deep .mat-datepicker-popup .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#fff}::ng-deep .mat-datepicker-popup .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background:#f2f2fb;color:#4646ce;font-weight:600}::ng-deep .mat-datepicker-popup .mat-calendar-body-selected{background-color:#4646ce;color:#f2f2fb;font-weight:600}::ng-deep .mat-datepicker-popup .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:none}::ng-deep .mat-datepicker-popup .mat-button-focus-overlay{background:#f5f5f5}::ng-deep .mat-datepicker-popup .mat-calendar-controls .mat-icon-button:hover .mat-button-focus-overlay{opacity:1!important;background:#f5f5f5;transition:opacity .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-datepicker-popup .mat-calendar-controls .mat-calendar-period-button:hover{background:#f5f5f5;transition:background .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-datepicker-popup .mat-calendar-table-header th{font-size:14px;font-weight:600;color:#333}::ng-deep .mat-datepicker-popup .mat-calendar-table-header-divider{display:none}::ng-deep .mat-datepicker-popup .mat-calendar-body-label{color:#fff;padding:0}::ng-deep .mat-datepicker-popup .mat-calendar-body>tr[aria-hidden=true]>.mat-calendar-body-label{display:none}::ng-deep .mat-datepicker-popup .mat-calendar-content{display:flex}::ng-deep .mat-datepicker-popup .mat-calendar-content dr-week-selector{flex:0}::ng-deep .mat-datepicker-popup .mat-calendar-content mat-month-view,::ng-deep .mat-datepicker-popup .mat-calendar-content mat-multi-year-view,::ng-deep .mat-datepicker-popup .mat-calendar-content mat-year-view{flex:1}\n", "::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme{background-color:#0c142b;color:#fff;border-radius:12px}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-label{visibility:hidden}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-cell-content,::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-table-header th{color:#fff}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#373c4c}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border:none;background-color:#1d1d6d;color:#fff}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .dr-quarterly-datepicker .quarter-selector:hover{background:#373c4c!important;color:#fff!important}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background:#373c4c;color:#fff}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .weeks__container{color:#fff}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-selected,::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-cell-content{background-color:#4646ce!important;color:#fff!important}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .weeks .btn:hover{background:#373c4c!important;color:#fff!important}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-selected{background-color:#4646ce;color:#fff}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:#aeabac}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging:hover{background-color:transparent}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-right,::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-left{color:#aeabac}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-right:hover,::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-left:hover{background:#373c4c;border-radius:12px;cursor:pointer}\n"] }]
+                ], template: "<i *ngIf=\"!useButton\" class=\"dr-icon-date\" (click)=\"datePicker.open()\"></i>\n\n<ng-container *ngIf=\"(datePickerService.timeframe$ | async) === 'week'\">\n    <input\n        [attr.id]=\"id\"\n        [ngModel]=\"input.value\"\n        (click)=\"datePicker.open()\"\n        [disabled]=\"disabled\"\n        [placeholder]=\"placeholder\"\n        [readonly]=\"readonly\"\n        [min]=\"_min\"\n        [max]=\"_max\" />\n\n    <mat-date-range-input [formGroup]=\"rangeForm\" [rangePicker]=\"datePicker\" [dateFilter]=\"dateFilter\" class=\"range-input\">\n        <input\n            matStartDate\n            #input\n            [drDatePickerFormat]=\"datePickerService.format$ | async\"\n            formControlName=\"start\"\n            (dateChange)=\"valueChangedInCalendar(rangeForm.value.start)\" />\n        <input matEndDate [drDatePickerFormat]=\"datePickerService.format$ | async\" formControlName=\"end\" />\n    </mat-date-range-input>\n\n    <mat-date-range-picker\n        #datePicker\n        [startAt]=\"_startAt\"\n        [panelClass]=\"'dr-week-datepicker' + (panelClass ? ' ' + panelClass : '')\"\n        [calendarHeaderComponent]=\"customHeader\"\n        (yearSelected)=\"chosenPeriodHandler($event, timeframeOption.YEAR, datePicker)\"\n        (monthSelected)=\"chosenPeriodHandler($event, timeframeOption.MONTH, datePicker)\"\n        (opened)=\"onOpen()\"\n        (closed)=\"onCLose()\">\n    </mat-date-range-picker>\n</ng-container>\n\n<ng-container *ngIf=\"(datePickerService.timeframe$ | async) !== 'week'\">\n    <input\n        [attr.id]=\"id\"\n        [ngModel]=\"displayValue$ | async\"\n        (ngModelChange)=\"valueChangedInCalendar($event)\"\n        (click)=\"datePicker.open()\"\n        [matDatepicker]=\"datePicker\"\n        [matDatepickerFilter]=\"dateFilter\"\n        [disabled]=\"disabled\"\n        [placeholder]=\"placeholder\"\n        [drDatePickerFormat]=\"datePickerService.format$ | async\"\n        [readonly]=\"readonly\"\n        [min]=\"_min\"\n        [max]=\"_max\"\n        [class.hidden-calendar-input]=\"useButton\" />\n\n    <dr-button\n        *ngIf=\"useButton\"\n        [icon]=\"'dr-icon-date'\"\n        [iconAfter]=\"iconAfterButton\"\n        (click)=\"datePicker.open()\"\n        class=\"datepicker-button\">\n        {{ buttonLabel || 'Select Date' }}\n    </dr-button>\n\n    <mat-datepicker\n        #datePicker\n        [panelClass]=\"panelClass\"\n        [startAt]=\"_startAt\"\n        [calendarHeaderComponent]=\"customHeader\"\n        (yearSelected)=\"chosenPeriodHandler($event, timeframeOption.YEAR, datePicker)\"\n        (monthSelected)=\"chosenPeriodHandler($event, timeframeOption.MONTH, datePicker)\"\n        (opened)=\"onOpen()\"\n        (closed)=\"onCLose()\">\n    </mat-datepicker>\n</ng-container>\n", styles: [":host{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;font-size:14px;font-family:Poppins,sans-serif;background-color:#fff;border:1px solid #9ea1aa;border-radius:6px;color:#333;overflow:hidden;outline:none;cursor:pointer}:host.use-button-picker{border:none}:host:hover{border-color:#9ea1aa}:host.active,:host:focus-within{border-color:#4646ce!important;color:#333}:host.disabled{pointer-events:none;border:1px solid #aeabac;background:#f0f1f4;color:#aeabac}:host.disabled:after{color:#aeabac}:host.ng-valid.ng-dirty{border-color:#037c5a}:host.ng-invalid.ng-dirty:not(:focus-within){border-color:#bf1d30!important}:host.ng-untouched.ng-valid{border-color:#9ea1aa}:host.use-button-picker:after{display:none}:host:not(.use-button-picker):after,:host:not(.use-button-picker):before{position:absolute;display:flex;border-color:#6d6e6f transparent transparent;color:#6d6e6f}:host:not(.use-button-picker):after{font-family:DataRails!important;content:var(--dr-icon-arrow-down, \"\\ea18\");font-size:24px;color:#6d6e6f;top:0;bottom:0;right:8px;pointer-events:none;position:absolute;display:flex;align-items:center;justify-content:center}:host i{display:flex;align-items:center;position:absolute;color:#6d6e6f;left:8px;top:0;bottom:0}:host input{display:flex;flex-grow:1;height:100%;border:none;text-align:left;padding-left:35px;padding-right:25px;cursor:pointer!important;outline:none}:host input.when-quarter{position:absolute;visibility:hidden}:host input:disabled{border:none;color:#aeabac;background:transparent}:host input::-webkit-search-decoration,:host input::-webkit-search-cancel-button,:host input::-webkit-search-results-button,:host input::-webkit-search-results-decoration{-webkit-appearance:none}:host input::placeholder{color:#6d6e6f;font-size:14px;line-height:18px}:host input.hidden-calendar-input{width:0;height:0;padding:0}:host .datepicker-button{width:100%}:host .range-input{position:absolute;height:0;width:0;bottom:0;left:0;z-index:-1}::ng-deep .mat-datepicker-popup .dr-week-datepicker{width:386px!important}::ng-deep .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range:before{background:initial!important}::ng-deep .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-selected,::ng-deep .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-cell-content{background:#f2f2fb!important;color:#4646ce!important;font-weight:600!important}::ng-deep .mat-datepicker-popup .mat-datepicker-content{margin:7px 0;box-shadow:0 4px 8px 1px #00000040;border-radius:12px!important}::ng-deep .mat-datepicker-popup .mat-datepicker-content button[disabled]{border:inherit;color:inherit;background-color:inherit}::ng-deep .mat-datepicker-popup .mat-datepicker-content button[disabled]:hover{border:inherit}::ng-deep .mat-datepicker-popup .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),::ng-deep .mat-datepicker-popup .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#fff}::ng-deep .mat-datepicker-popup .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background:#f2f2fb;color:#4646ce;font-weight:600}::ng-deep .mat-datepicker-popup .mat-calendar-body-selected{background-color:#4646ce;color:#f2f2fb;font-weight:600}::ng-deep .mat-datepicker-popup .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:none}::ng-deep .mat-datepicker-popup .mat-button-focus-overlay{background:#f5f5f5}::ng-deep .mat-datepicker-popup .mat-calendar-controls .mat-icon-button:hover .mat-button-focus-overlay{opacity:1!important;background:#f5f5f5;transition:opacity .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-datepicker-popup .mat-calendar-controls .mat-calendar-period-button:hover{background:#f5f5f5;transition:background .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-datepicker-popup .mat-calendar-table-header th{font-size:14px;font-weight:600;color:#333}::ng-deep .mat-datepicker-popup .mat-calendar-table-header-divider{display:none}::ng-deep .mat-datepicker-popup .mat-calendar-body-label{color:#fff;padding:0}::ng-deep .mat-datepicker-popup .mat-calendar-body>tr[aria-hidden=true]>.mat-calendar-body-label{display:none}::ng-deep .mat-datepicker-popup .mat-calendar-content{display:flex}::ng-deep .mat-datepicker-popup .mat-calendar-content dr-week-selector{flex:0}::ng-deep .mat-datepicker-popup .mat-calendar-content mat-month-view,::ng-deep .mat-datepicker-popup .mat-calendar-content mat-multi-year-view,::ng-deep .mat-datepicker-popup .mat-calendar-content mat-year-view{flex:1}\n", "::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme{background-color:#0c142b;color:#fff;border-radius:12px}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-label{visibility:hidden}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-cell-content,::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-table-header th{color:#fff}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#373c4c}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border:none;background-color:#1d1d6d;color:#fff}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .dr-quarterly-datepicker .quarter-selector:hover{background:#373c4c!important;color:#fff!important}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background:#373c4c;color:#fff}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .weeks__container{color:#fff}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-selected,::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-cell-content{background-color:#4646ce!important;color:#fff!important}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .weeks .btn:hover{background:#373c4c!important;color:#fff!important}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-selected{background-color:#4646ce;color:#fff}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:#aeabac}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging:hover{background-color:transparent}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-right,::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-left{color:#aeabac}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-right:hover,::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-left:hover{background:#373c4c;border-radius:12px;cursor:pointer}\n"] }]
     }], function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.DateAdapter }, { type: i2.DrDatePickerService }]; }, { id: [{
             type: Input
         }], hostId: [{