@datarailsshared/datarailsshared 1.6.258 → 1.6.261

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/assets/styles/_storybook-styles.scss +2 -1
  2. package/datarailsshared-datarailsshared-1.6.261.tgz +0 -0
  3. package/esm2022/lib/dr-grid/dr-grid.component.mjs +2 -2
  4. package/esm2022/lib/dr-inputs/date-pickers/dr-date-picker/dr-date-picker.component.mjs +2 -2
  5. package/esm2022/lib/dr-inputs/date-pickers/dr-date-picker-with-timeframe/dr-date-picker-with-timeframe.component.mjs +2 -2
  6. package/esm2022/lib/dr-inputs/date-pickers/dr-fiscal-month-calendar-picker/dr-fiscal-month-calendar-picker.component.mjs +2 -2
  7. package/esm2022/lib/dr-inputs/dr-select/dr-select.component.mjs +2 -2
  8. package/fesm2022/datarailsshared-datarailsshared.mjs +10 -10
  9. package/fesm2022/datarailsshared-datarailsshared.mjs.map +1 -1
  10. package/package.json +1 -1
  11. package/datarailsshared-datarailsshared-1.6.258.tgz +0 -0
package/assets/styles/_storybook-styles.scss CHANGED
@@ -1,6 +1,8 @@
1
1
  @import '@angular/material/prebuilt-themes/deeppurple-amber.css';
2
2
  @import '@ng-select/ng-select/themes/default.theme.css';
3
+ @import '@datarailsshared/dr_icons/DataRailsFontStyles';
3
4
  @import '@datarailsshared/dr_icons/DataRailsFontStyles.css';
5
+ @import '@datarailsshared/dr_icons/DataRailsFontCssVariables.css';
4
6
  @import 'ngx-toastr/toastr';
5
7
  @import '@ctrl/ngx-emoji-mart/picker';
6
8
 
@@ -8,7 +10,6 @@
8
10
  @import 'codemirror/theme/material.css';
9
11
  @import 'codemirror/addon/hint/show-hint.css';
10
12
 
11
- @import '@datarailsshared/dr_icons/DataRailsFontStyles';
12
13
  @import '../../src/lib/directives/dr-shine-animation/dr-shine-animation.directive.css';
13
14
 
14
15
  @import './vars';
package/esm2022/lib/dr-grid/dr-grid.component.mjs CHANGED
@@ -315,11 +315,11 @@ export class DrGridComponent {
315
315
  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);
316
316
  i0.ɵɵadvance(2);
317
317
  i0.ɵɵproperty("ngIf", ctx.theme === "dr-grid-borderless");
318
- } }, 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}"] }); }
318
+ } }, 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}"] }); }
319
319
  }
320
320
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrGridComponent, [{
321
321
  type: Component,
322
- 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"] }]
322
+ 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"] }]
323
323
  }], null, { layoutThresholdCount: [{
324
324
  type: Input
325
325
  }], pinnedTopRowData: [{
package/esm2022/lib/dr-inputs/date-pickers/dr-date-picker/dr-date-picker.component.mjs CHANGED
@@ -410,7 +410,7 @@ export class DrDatePickerComponent {
410
410
  i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(2, 3, ctx.datePickerService.timeframe$) === "week");
411
411
  i0.ɵɵadvance(2);
412
412
  i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(4, 5, ctx.datePickerService.timeframe$) !== "week");
413
- } }, 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 }); }
413
+ } }, 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 }); }
414
414
  }
415
415
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrDatePickerComponent, [{
416
416
  type: Component,
@@ -419,7 +419,7 @@ export class DrDatePickerComponent {
419
419
  { provide: DateAdapter, useClass: CustomDateAdapter },
420
420
  { provide: MAT_DATE_RANGE_SELECTION_STRATEGY, useClass: WeekSelectionStrategy },
421
421
  DrDatePickerService,
422
- ], 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"] }]
422
+ ], 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"] }]
423
423
  }], function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.DateAdapter }, { type: i2.DrDatePickerService }]; }, { id: [{
424
424
  type: Input
425
425
  }], hostId: [{
package/esm2022/lib/dr-inputs/date-pickers/dr-date-picker-with-timeframe/dr-date-picker-with-timeframe.component.mjs CHANGED
@@ -239,7 +239,7 @@ export class DrDatePickerWithTimeframeComponent extends DrDatePickerComponent {
239
239
  i0.ɵɵproperty("ngIf", !ctx.disabled);
240
240
  i0.ɵɵadvance(1);
241
241
  i0.ɵɵproperty("calendarHeaderComponent", ctx.customHeader)("panelClass", ctx.combinedPanelClass);
242
- } }, dependencies: [i3.DrButtonComponent, i4.DefaultValueAccessor, i4.NgControlStatus, i4.NgModel, i5.NgIf, i5.NgTemplateOutlet, i6.MatDatepicker, i6.MatDatepickerInput, i7.DrTooltipDirective, 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}[_nghost-%COMP%]{border:none;display:flex;align-items:center;width:-moz-fit-content;width:fit-content;background:transparent}[_nghost-%COMP%]:after{visibility:hidden}.disabled[_nghost-%COMP%]{border:none;padding:0 28px;background:transparent}.disabled[_nghost-%COMP%] .dr-datepicker-input-container[_ngcontent-%COMP%]{cursor:default;color:#aeabac}.disabled[_nghost-%COMP%] .dr-datepicker-input-container__formatted-value-display[_ngcontent-%COMP%]{text-decoration:none}[_nghost-%COMP%] .dr-datepicker-input-container[_ngcontent-%COMP%]{display:flex;align-items:center;gap:4px;cursor:pointer;color:#6d6e6f;padding-right:4px}[_nghost-%COMP%] .dr-datepicker-input-container[_ngcontent-%COMP%]:hover, [_nghost-%COMP%] .dr-datepicker-input-container[_ngcontent-%COMP%]:hover .dr-icon-date[_ngcontent-%COMP%]{color:#333}[_nghost-%COMP%] .dr-datepicker-input-container[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{visibility:hidden;position:absolute;width:100%}[_nghost-%COMP%] .dr-datepicker-input-container__formatted-value-display[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:400;width:auto;text-decoration-line:underline}[_nghost-%COMP%] .dr-datepicker-input-container[_ngcontent-%COMP%] .dr-icon-date[_ngcontent-%COMP%]{display:block;position:relative;left:unset} .date-picker-preset-tag{width:386px!important} .date-picker-preset-tag .mat-calendar-content{padding-left:32px!important;padding-right:32px!important}@media screen and (max-width: 410px){.mat-datepicker-input[_ngcontent-%COMP%]{width:100vw!important} .date-picker-preset-tag{width:calc(100vw - 16px)!important} .date-picker-preset-tag .dr-datepicker-preset-date__tags{justify-content:center;margin-left:-32px;margin-right:-32px}}"], changeDetection: 0 }); }
242
+ } }, dependencies: [i3.DrButtonComponent, i4.DefaultValueAccessor, i4.NgControlStatus, i4.NgModel, i5.NgIf, i5.NgTemplateOutlet, i6.MatDatepicker, i6.MatDatepickerInput, i7.DrTooltipDirective, 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}[_nghost-%COMP%]{border:none;display:flex;align-items:center;width:-moz-fit-content;width:fit-content;background:transparent}[_nghost-%COMP%]:after{visibility:hidden}.disabled[_nghost-%COMP%]{border:none;padding:0 28px;background:transparent}.disabled[_nghost-%COMP%] .dr-datepicker-input-container[_ngcontent-%COMP%]{cursor:default;color:#aeabac}.disabled[_nghost-%COMP%] .dr-datepicker-input-container__formatted-value-display[_ngcontent-%COMP%]{text-decoration:none}[_nghost-%COMP%] .dr-datepicker-input-container[_ngcontent-%COMP%]{display:flex;align-items:center;gap:4px;cursor:pointer;color:#6d6e6f;padding-right:4px}[_nghost-%COMP%] .dr-datepicker-input-container[_ngcontent-%COMP%]:hover, [_nghost-%COMP%] .dr-datepicker-input-container[_ngcontent-%COMP%]:hover .dr-icon-date[_ngcontent-%COMP%]{color:#333}[_nghost-%COMP%] .dr-datepicker-input-container[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{visibility:hidden;position:absolute;width:100%}[_nghost-%COMP%] .dr-datepicker-input-container__formatted-value-display[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:400;width:auto;text-decoration-line:underline}[_nghost-%COMP%] .dr-datepicker-input-container[_ngcontent-%COMP%] .dr-icon-date[_ngcontent-%COMP%]{display:block;position:relative;left:unset} .date-picker-preset-tag{width:386px!important} .date-picker-preset-tag .mat-calendar-content{padding-left:32px!important;padding-right:32px!important}@media screen and (max-width: 410px){.mat-datepicker-input[_ngcontent-%COMP%]{width:100vw!important} .date-picker-preset-tag{width:calc(100vw - 16px)!important} .date-picker-preset-tag .dr-datepicker-preset-date__tags{justify-content:center;margin-left:-32px;margin-right:-32px}}"], changeDetection: 0 }); }
243
243
  }
244
244
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrDatePickerWithTimeframeComponent, [{
245
245
  type: Component,
@@ -247,7 +247,7 @@ export class DrDatePickerWithTimeframeComponent extends DrDatePickerComponent {
247
247
  { provide: NG_VALUE_ACCESSOR, useExisting: DrDatePickerWithTimeframeComponent, multi: true },
248
248
  { provide: DateAdapter, useClass: CustomDateAdapter },
249
249
  { provide: DrDatePickerService },
250
- ], template: "<dr-button\n [disabled]=\"isPrevDateDisabled\"\n *ngIf=\"!disabled\"\n theme=\"icon\"\n icon=\"dr-icon-arrow-left\"\n (click)=\"pagingClicked(false)\"></dr-button>\n<div\n [drTooltip]=\"datepickerTooltip\"\n [drTooltipPosition]=\"datepickerTooltipPosition\"\n [drTooltipMousleaveTimeout]=\"datepickerTooltipTimeout\"\n class=\"dr-datepicker-input-container\">\n <i class=\"dr-icon-date\" (click)=\"datepickerInput.click()\"></i>\n\n <div class=\"dr-datepicker-input-container__formatted-value-display\" (click)=\"datepickerInput.click()\">\n <ng-container\n [ngTemplateOutlet]=\"formattedValueTmpl\"\n [ngTemplateOutletContext]=\"{\n formattedValue: displayedFormattedValue$ | async,\n }\">\n </ng-container>\n <ng-template #formattedValueTmpl let-value=\"formattedValue\">\n <span>\n {{\n datePickerService.isUsingDateTagPresets && !!presetTagSelected\n ? presetTagSelected + ' (' + value + ')'\n : value\n }}\n </span>\n </ng-template>\n </div>\n <input\n #datepickerInput\n [ngModel]=\"displayValue$ | async\"\n (ngModelChange)=\"valueChangedInCalendar($event)\"\n (click)=\"datePicker.open()\"\n [matDatepicker]=\"datePicker\"\n [readonly]=\"readonly\"\n [min]=\"_min\"\n [max]=\"_max\" />\n</div>\n<dr-button\n [disabled]=\"isNextDateDisabled\"\n *ngIf=\"!disabled\"\n theme=\"icon\"\n icon=\"dr-icon-arrow-right\"\n (click)=\"pagingClicked(true)\"></dr-button>\n\n<mat-datepicker\n #datePicker\n class=\"dr-timeframe-datepicker\"\n [calendarHeaderComponent]=\"customHeader\"\n (yearSelected)=\"chosenPeriodHandler($event, timeframeOption.YEAR, datePicker)\"\n (monthSelected)=\"chosenPeriodHandler($event, timeframeOption.MONTH, datePicker)\"\n (opened)=\"onOpen()\"\n (closed)=\"onCLose()\"\n [panelClass]=\"combinedPanelClass\">\n</mat-datepicker>\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}:host{border:none;display:flex;align-items:center;width:-moz-fit-content;width:fit-content;background:transparent}:host:after{visibility:hidden}:host.disabled{border:none;padding:0 28px;background:transparent}:host.disabled .dr-datepicker-input-container{cursor:default;color:#aeabac}:host.disabled .dr-datepicker-input-container__formatted-value-display{text-decoration:none}:host .dr-datepicker-input-container{display:flex;align-items:center;gap:4px;cursor:pointer;color:#6d6e6f;padding-right:4px}:host .dr-datepicker-input-container:hover,:host .dr-datepicker-input-container:hover .dr-icon-date{color:#333}:host .dr-datepicker-input-container input{visibility:hidden;position:absolute;width:100%}:host .dr-datepicker-input-container__formatted-value-display{font-size:14px;line-height:24px;font-weight:400;width:auto;text-decoration-line:underline}:host .dr-datepicker-input-container .dr-icon-date{display:block;position:relative;left:unset}::ng-deep .date-picker-preset-tag{width:386px!important}::ng-deep .date-picker-preset-tag .mat-calendar-content{padding-left:32px!important;padding-right:32px!important}@media screen and (max-width: 410px){.mat-datepicker-input{width:100vw!important}::ng-deep .date-picker-preset-tag{width:calc(100vw - 16px)!important}::ng-deep .date-picker-preset-tag .dr-datepicker-preset-date__tags{justify-content:center;margin-left:-32px;margin-right:-32px}}\n"] }]
250
+ ], template: "<dr-button\n [disabled]=\"isPrevDateDisabled\"\n *ngIf=\"!disabled\"\n theme=\"icon\"\n icon=\"dr-icon-arrow-left\"\n (click)=\"pagingClicked(false)\"></dr-button>\n<div\n [drTooltip]=\"datepickerTooltip\"\n [drTooltipPosition]=\"datepickerTooltipPosition\"\n [drTooltipMousleaveTimeout]=\"datepickerTooltipTimeout\"\n class=\"dr-datepicker-input-container\">\n <i class=\"dr-icon-date\" (click)=\"datepickerInput.click()\"></i>\n\n <div class=\"dr-datepicker-input-container__formatted-value-display\" (click)=\"datepickerInput.click()\">\n <ng-container\n [ngTemplateOutlet]=\"formattedValueTmpl\"\n [ngTemplateOutletContext]=\"{\n formattedValue: displayedFormattedValue$ | async,\n }\">\n </ng-container>\n <ng-template #formattedValueTmpl let-value=\"formattedValue\">\n <span>\n {{\n datePickerService.isUsingDateTagPresets && !!presetTagSelected\n ? presetTagSelected + ' (' + value + ')'\n : value\n }}\n </span>\n </ng-template>\n </div>\n <input\n #datepickerInput\n [ngModel]=\"displayValue$ | async\"\n (ngModelChange)=\"valueChangedInCalendar($event)\"\n (click)=\"datePicker.open()\"\n [matDatepicker]=\"datePicker\"\n [readonly]=\"readonly\"\n [min]=\"_min\"\n [max]=\"_max\" />\n</div>\n<dr-button\n [disabled]=\"isNextDateDisabled\"\n *ngIf=\"!disabled\"\n theme=\"icon\"\n icon=\"dr-icon-arrow-right\"\n (click)=\"pagingClicked(true)\"></dr-button>\n\n<mat-datepicker\n #datePicker\n class=\"dr-timeframe-datepicker\"\n [calendarHeaderComponent]=\"customHeader\"\n (yearSelected)=\"chosenPeriodHandler($event, timeframeOption.YEAR, datePicker)\"\n (monthSelected)=\"chosenPeriodHandler($event, timeframeOption.MONTH, datePicker)\"\n (opened)=\"onOpen()\"\n (closed)=\"onCLose()\"\n [panelClass]=\"combinedPanelClass\">\n</mat-datepicker>\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}:host{border:none;display:flex;align-items:center;width:-moz-fit-content;width:fit-content;background:transparent}:host:after{visibility:hidden}:host.disabled{border:none;padding:0 28px;background:transparent}:host.disabled .dr-datepicker-input-container{cursor:default;color:#aeabac}:host.disabled .dr-datepicker-input-container__formatted-value-display{text-decoration:none}:host .dr-datepicker-input-container{display:flex;align-items:center;gap:4px;cursor:pointer;color:#6d6e6f;padding-right:4px}:host .dr-datepicker-input-container:hover,:host .dr-datepicker-input-container:hover .dr-icon-date{color:#333}:host .dr-datepicker-input-container input{visibility:hidden;position:absolute;width:100%}:host .dr-datepicker-input-container__formatted-value-display{font-size:14px;line-height:24px;font-weight:400;width:auto;text-decoration-line:underline}:host .dr-datepicker-input-container .dr-icon-date{display:block;position:relative;left:unset}::ng-deep .date-picker-preset-tag{width:386px!important}::ng-deep .date-picker-preset-tag .mat-calendar-content{padding-left:32px!important;padding-right:32px!important}@media screen and (max-width: 410px){.mat-datepicker-input{width:100vw!important}::ng-deep .date-picker-preset-tag{width:calc(100vw - 16px)!important}::ng-deep .date-picker-preset-tag .dr-datepicker-preset-date__tags{justify-content:center;margin-left:-32px;margin-right:-32px}}\n"] }]
251
251
  }], function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.DateAdapter }, { type: i2.DrDatePickerService }]; }, { dateFormatConfig: [{
252
252
  type: Input
253
253
  }], canSelectTimeframe: [{
package/esm2022/lib/dr-inputs/date-pickers/dr-fiscal-month-calendar-picker/dr-fiscal-month-calendar-picker.component.mjs CHANGED
@@ -159,7 +159,7 @@ export class DrFiscalMonthCalendarPickerComponent extends DrDatePickerComponent
159
159
  i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(2, 3, ctx.datePickerService.timeframe$) === "week");
160
160
  i0.ɵɵadvance(2);
161
161
  i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(4, 5, ctx.datePickerService.timeframe$) !== "week");
162
- } }, dependencies: [i1.DrButtonComponent, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.NgModel, i2.FormGroupDirective, i2.FormControlName, i3.NgIf, i4.MatDatepicker, i4.MatDatepickerInput, i4.MatDateRangeInput, i4.MatStartDate, i4.MatEndDate, i4.MatDateRangePicker, i5.DrDatePickerFormatDirective, i3.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}"], changeDetection: 0 }); }
162
+ } }, dependencies: [i1.DrButtonComponent, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.NgModel, i2.FormGroupDirective, i2.FormControlName, i3.NgIf, i4.MatDatepicker, i4.MatDatepickerInput, i4.MatDateRangeInput, i4.MatStartDate, i4.MatEndDate, i4.MatDateRangePicker, i5.DrDatePickerFormatDirective, i3.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}"], changeDetection: 0 }); }
163
163
  }
164
164
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrFiscalMonthCalendarPickerComponent, [{
165
165
  type: Component,
@@ -167,6 +167,6 @@ export class DrFiscalMonthCalendarPickerComponent extends DrDatePickerComponent
167
167
  { provide: NG_VALUE_ACCESSOR, useExisting: DrFiscalMonthCalendarPickerComponent, multi: true },
168
168
  { provide: DateAdapter, useClass: FiscalMonthAdapter },
169
169
  DrDatePickerService,
170
- ], 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"] }]
170
+ ], 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"] }]
171
171
  }], null, null); })();
172
172
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItZmlzY2FsLW1vbnRoLWNhbGVuZGFyLXBpY2tlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhcmFpbHNzaGFyZWQvc3JjL2xpYi9kci1pbnB1dHMvZGF0ZS1waWNrZXJzL2RyLWZpc2NhbC1tb250aC1jYWxlbmRhci1waWNrZXIvZHItZmlzY2FsLW1vbnRoLWNhbGVuZGFyLXBpY2tlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhcmFpbHNzaGFyZWQvc3JjL2xpYi9kci1pbnB1dHMvZGF0ZS1waWNrZXJzL2RyLWRhdGUtcGlja2VyL2RyLWRhdGUtcGlja2VyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ25GLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN6RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUN0RyxPQUFPLEtBQUssTUFBTSxNQUFNLFFBQVEsQ0FBQztBQUNqQyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzREFBc0QsQ0FBQztBQUMxRixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFFN0QsT0FBTyxFQUFFLG9DQUFvQyxFQUFFLE1BQU0sNkNBQTZDLENBQUM7Ozs7Ozs7OztJQ1RuRyw0QkFBdUU7SUFBNUIsMEtBQVMsZUFBQSx3QkFBaUIsQ0FBQSxJQUFDO0lBQUMsaUJBQUk7Ozs7SUFFM0UsNkJBQXdFO0lBQ3BFLGdDQVFtQjtJQUxmLHFMQUFTLGVBQUEsVUFBaUIsQ0FBQSxJQUFDO0lBSC9CLGlCQVFtQjtJQUVuQiwrQ0FBdUgsa0JBQUE7SUFNL0csbU1BQWMsZUFBQSwyREFBNkMsQ0FBQSxJQUFDOztJQUxoRSxpQkFLbUU7SUFDbkUsMkJBQW1HOztJQUN2RyxpQkFBdUI7SUFFdkIsbURBUXlCO0lBSHJCLDZQQUFnQixlQUFBLHNFQUE2RCxDQUFBLElBQUMsa1BBQzdELGVBQUEsdUVBQThELENBQUEsSUFERCwrTEFFcEUsZUFBQSxnQkFBUSxDQUFBLElBRjRELCtMQUdwRSxlQUFBLGlCQUFTLENBQUEsSUFIMkQ7SUFJbEYsaUJBQXdCO0lBQzVCLDBCQUFlOzs7OztJQTVCUCxlQUF1QjtJQUF2QixtQ0FBdUIsNkJBQUEsbUNBQUEsNkJBQUEsb0JBQUEsb0JBQUE7SUFEdkIsK0JBQWM7SUFTSSxlQUF1QjtJQUF2Qiw0Q0FBdUIsb0JBQUEsaUNBQUE7SUFJckMsZUFBd0Q7SUFBeEQsNEZBQXdEO0lBRzFDLGVBQXdEO0lBQXhELDRGQUF3RDtJQUsxRSxlQUFvQjtJQUFwQix5Q0FBb0IseUZBQUEsZ0RBQUE7Ozs7SUEwQnhCLHFDQUs4QjtJQUQxQiwyTkFBUyxlQUFBLFdBQWlCLENBQUEsSUFBQztJQUUzQixZQUNKO0lBQUEsaUJBQVk7OztJQUxSLHFDQUF1QixzQ0FBQTtJQUl2QixlQUNKO0lBREkscUVBQ0o7Ozs7SUF2QkosNkJBQXdFO0lBQ3BFLGlDQWFnRDtJQVY1QyxpTkFBaUIsZUFBQSxzQ0FBOEIsQ0FBQSxJQUFDLDBLQUN2QyxlQUFBLFdBQWlCLENBQUEsSUFEc0I7OztJQUhwRCxpQkFhZ0Q7SUFFaEQsaUhBT1k7SUFFWiw2Q0FReUI7SUFIckIsd1BBQWdCLGVBQUEsdUVBQTZELENBQUEsSUFBQyw2T0FDN0QsZUFBQSx3RUFBOEQsQ0FBQSxJQURELHlMQUVwRSxlQUFBLGdCQUFRLENBQUEsSUFGNEQseUxBR3BFLGVBQUEsaUJBQVMsQ0FBQSxJQUgyRDtJQUlsRixpQkFBaUI7SUFDckIsMEJBQWU7Ozs7SUFyQlAsZUFBeUM7SUFBekMseURBQXlDO0lBWHpDLHFFQUFpQyx1QkFBQSwwQ0FBQSw2QkFBQSxtQ0FBQSwrRUFBQSw2QkFBQSxvQkFBQSxvQkFBQTtJQURqQywrQkFBYztJQWViLGVBQWU7SUFBZix1Q0FBZTtJQVVoQixlQUF5QjtJQUF6Qiw4Q0FBeUIsNEJBQUEsZ0RBQUE7O0FEbkRqQyxNQUFNLE9BQU8sa0JBQW1CLFNBQVEsaUJBQWlCO0lBQXpEOztRQUNhLHNCQUFpQixHQUFHLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO0lBb0I3RCxDQUFDO0lBbEJZLGFBQWEsQ0FBQyxLQUFrQztRQUNyRCxPQUFPLGtCQUFrQixDQUFDLHlCQUF5QixFQUFFLENBQUM7SUFDMUQsQ0FBQztJQUVRLE1BQU0sQ0FBQyxJQUFtQixFQUFFLGFBQXFCO1FBQ3RELElBQUksQ0FBQyxJQUFJO1lBQUUsT0FBTyxFQUFFLENBQUM7UUFDckIsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGdDQUFnQyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDO1FBQzNGLE1BQU0sS0FBSyxHQUFHLFlBQVksQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUNuQyxNQUFNLElBQUksR0FBRyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDakMsT0FBTyxHQUFHLGtCQUFrQixDQUFDLGdCQUFnQixDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsS0FBSyxJQUFJLEdBQUcsQ0FBQztJQUN6RSxDQUFDO0lBRVEsS0FBSztRQUNWLE1BQU0sYUFBYSxHQUFHLE1BQU0sQ0FBQyxHQUFHLEVBQUUsQ0FBQztRQUNuQyxNQUFNLHFCQUFxQixHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxnQ0FBZ0MsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUNyRyxNQUFNLHFCQUFxQixHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyx5QkFBeUIsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO1FBQ3RHLE9BQU8scUJBQXFCLENBQUMsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxxQkFBcUIsQ0FBQztJQUNqRixDQUFDO0NBQ0o7QUFhRCxNQUFNLE9BQU8sb0NBQXFDLFNBQVEscUJBQXFCO0lBWC9FOztRQVk2QixpQkFBWSxHQUFHLG9DQUFvQyxDQUFDO1FBQ3BFLFdBQU0sR0FBRyxlQUFlLENBQUMsS0FBSyxDQUFDO0tBa0MzQztJQWhDRyxRQUFRO1FBQ0osSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFUSxtQkFBbUIsQ0FBQyxVQUF5QixFQUFFLFNBQTBCLEVBQUUsTUFBMEI7UUFDMUcsSUFBSSxTQUFTLEtBQUssZUFBZSxDQUFDLElBQUksRUFBRTtZQUNwQyxVQUFVLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDLHlCQUF5QixDQUFDLFVBQVUsQ0FBQyxDQUFDO1NBQzdFO1FBRUQsSUFBSSxTQUFTLEtBQUssZUFBZSxDQUFDLEtBQUssRUFBRTtZQUNyQyxNQUFNLHFCQUFxQixHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyw4QkFBOEIsQ0FBQyxVQUFVLENBQUMsQ0FBQztZQUNoRyxVQUFVLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDLHlCQUF5QixDQUN6RCxxQkFBcUIsQ0FBQyxDQUFDLENBQUMscUJBQXFCLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FDN0QsQ0FBQztTQUNMO1FBRUQsSUFBSSxJQUFJLENBQUMsaUJBQWlCLENBQUMsU0FBUyxLQUFLLFNBQVMsRUFBRTtZQUNoRCxJQUFJLENBQUMsc0JBQXNCLENBQUMsVUFBVSxDQUFDLENBQUM7WUFDeEMsTUFBTSxDQUFDLEtBQUssRUFBRSxDQUFDO1NBQ2xCO0lBQ0wsQ0FBQztJQUVrQix1QkFBdUIsQ0FBQyxLQUFvQixFQUFFLFNBQTBCO1FBQ3ZGLE1BQU0sYUFBYSxHQUFHLEtBQUssRUFBRSxLQUFLLEVBQUUsQ0FBQztRQUNyQyxJQUNJLGFBQWE7WUFDYixDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyx3QkFBd0IsQ0FBQyxTQUFTLENBQUMsSUFBSSxTQUFTLEtBQUssZUFBZSxDQUFDLEtBQUssQ0FBQyxFQUNyRztZQUNFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyx5QkFBeUIsQ0FBQyxhQUFhLENBQUMsQ0FBQztTQUNuRTtRQUNELE9BQU8sYUFBYSxDQUFDO0lBQ3pCLENBQUM7d1ZBbkNRLG9DQUFvQyxTQUFwQyxvQ0FBb0M7bUdBQXBDLG9DQUFvQyw0RUFObEM7Z0JBQ1AsRUFBRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsV0FBVyxFQUFFLG9DQUFvQyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUU7Z0JBQzlGLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxRQUFRLEVBQUUsa0JBQWtCLEVBQUU7Z0JBQ3RELG1CQUFtQjthQUN0QjtZQzNDTCxpRkFBMkU7WUFFM0UseUdBK0JlOztZQUVmLHdHQW1DZTs7O1lBdEVYLHFDQUFnQjtZQUVMLGVBQXVEO1lBQXZELHdGQUF1RDtZQWlDdkQsZUFBdUQ7WUFBdkQsd0ZBQXVEOzs7dUZEVXpELG9DQUFvQztjQVhoRCxTQUFTOzJCQUNJLHdCQUF3QixtQkFHakIsdUJBQXVCLENBQUMsTUFBTSxhQUNwQztvQkFDUCxFQUFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxXQUFXLHNDQUFzQyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUU7b0JBQzlGLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxRQUFRLEVBQUUsa0JBQWtCLEVBQUU7b0JBQ3RELG1CQUFtQjtpQkFDdEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbmplY3QsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBEYXRlQWRhcHRlciB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NvcmUnO1xuaW1wb3J0IHsgRHJEYXRlUGlja2VyU2VydmljZSB9IGZyb20gJy4uL3NlcnZpY2VzL2RyLWRhdGUtcGlja2VyLnNlcnZpY2UnO1xuaW1wb3J0IHsgQ3VzdG9tRGF0ZUFkYXB0ZXIsIERyRGF0ZVBpY2tlckNvbXBvbmVudCB9IGZyb20gJy4uL2RyLWRhdGUtcGlja2VyL2RyLWRhdGUtcGlja2VyLmNvbXBvbmVudCc7XG5pbXBvcnQgKiBhcyBtb21lbnQgZnJvbSAnbW9tZW50JztcbmltcG9ydCB7IEZvcmVjYXN0VGFnU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL2RhdGUtdGFncy9mb3JlY2FzdC10YWcvZm9yZWNhc3QtdGFnLnNlcnZpY2UnO1xuaW1wb3J0IHsgVGltZWZyYW1lT3B0aW9uIH0gZnJvbSAnLi4vLi4vLi4vbW9kZWxzL2RhdGVQaWNrZXInO1xuaW1wb3J0IHsgTWF0RGF0ZXBpY2tlciB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RhdGVwaWNrZXInO1xuaW1wb3J0IHsgRHJGaXNjYWxNb250aENhbGVuZGFySGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9kci1maXNjYWwtbW9udGgtY2FsZW5kYXItaGVhZGVyLmNvbXBvbmVudCc7XG5cbmV4cG9ydCBjbGFzcyBGaXNjYWxNb250aEFkYXB0ZXIgZXh0ZW5kcyBDdXN0b21EYXRlQWRhcHRlciB7XG4gICAgcmVhZG9ubHkgZGF0ZVBpY2tlclNlcnZpY2UgPSBpbmplY3QoRHJEYXRlUGlja2VyU2VydmljZSk7XG5cbiAgICBvdmVycmlkZSBnZXRNb250aE5hbWVzKHN0eWxlOiAnbG9uZycgfCAnc2hvcnQnIHwgJ25hcnJvdycpOiBzdHJpbmdbXSB7XG4gICAgICAgIHJldHVybiBGb3JlY2FzdFRhZ1NlcnZpY2UuZ2V0Rm9yZWNhc3RNb250aFRlbXBsYXRlcygpO1xuICAgIH1cblxuICAgIG92ZXJyaWRlIGZvcm1hdChkYXRlOiBtb21lbnQuTW9tZW50LCBkaXNwbGF5Rm9ybWF0OiBzdHJpbmcpOiBzdHJpbmcgfCBhbnkge1xuICAgICAgICBpZiAoIWRhdGUpIHJldHVybiAnJztcbiAgICAgICAgY29uc3QgZGF0ZVRvRm9ybWF0ID0gdGhpcy5kYXRlUGlja2VyU2VydmljZS5zdWJ0cmFjdEZpc2NhbFllYXJNb250aHNGcm9tRGF0ZShkYXRlLmNsb25lKCkpO1xuICAgICAgICBjb25zdCBtb250aCA9IGRhdGVUb0Zvcm1hdC5tb250aCgpO1xuICAgICAgICBjb25zdCB5ZWFyID0gZGF0ZVRvRm9ybWF0LnllYXIoKTtcbiAgICAgICAgcmV0dXJuIGAke0ZvcmVjYXN0VGFnU2VydmljZS5nZXRGb3JlY2FzdExhYmVsKG1vbnRoICsgMSl9ICgke3llYXJ9KWA7XG4gICAgfVxuXG4gICAgb3ZlcnJpZGUgdG9kYXkoKTogbW9tZW50Lk1vbWVudCB7XG4gICAgICAgIGNvbnN0IGN1cnJlbnRNb21lbnQgPSBtb21lbnQudXRjKCk7XG4gICAgICAgIGNvbnN0IG1vbWVudFdpdGhTdWJzdHJNb250aCA9IHRoaXMuZGF0ZVBpY2tlclNlcnZpY2Uuc3VidHJhY3RGaXNjYWxZZWFyTW9udGhzRnJvbURhdGUoY3VycmVudE1vbWVudCk7XG4gICAgICAgIGNvbnN0IG1vbWVudFdpdGhTaGlmdGVkWWVhciA9IHRoaXMuZGF0ZVBpY2tlclNlcnZpY2UuYWRkRmlzY2FsWWVhclNoaWZ0Rm9yWWVhcihtb21lbnRXaXRoU3Vic3RyTW9udGgpO1xuICAgICAgICByZXR1cm4gbW9tZW50V2l0aFNoaWZ0ZWRZZWFyID8gbW9tZW50V2l0aFNoaWZ0ZWRZZWFyIDogbW9tZW50V2l0aFN1YnN0ck1vbnRoO1xuICAgIH1cbn1cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkci1maXNjYWwtbW9udGgtcGlja2VyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4uL2RyLWRhdGUtcGlja2VyL2RyLWRhdGUtcGlja2VyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi4vZHItZGF0ZS1waWNrZXIvZHItZGF0ZS1waWNrZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgeyBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUiwgdXNlRXhpc3Rpbmc6IERyRmlzY2FsTW9udGhDYWxlbmRhclBpY2tlckNvbXBvbmVudCwgbXVsdGk6IHRydWUgfSxcbiAgICAgICAgeyBwcm92aWRlOiBEYXRlQWRhcHRlciwgdXNlQ2xhc3M6IEZpc2NhbE1vbnRoQWRhcHRlciB9LFxuICAgICAgICBEckRhdGVQaWNrZXJTZXJ2aWNlLFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIERyRmlzY2FsTW9udGhDYWxlbmRhclBpY2tlckNvbXBvbmVudCBleHRlbmRzIERyRGF0ZVBpY2tlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgcHVibGljIG92ZXJyaWRlIHJlYWRvbmx5IGN1c3RvbUhlYWRlciA9IERyRmlzY2FsTW9udGhDYWxlbmRhckhlYWRlckNvbXBvbmVudDtcbiAgICBvdmVycmlkZSBmb3JtYXQgPSBUaW1lZnJhbWVPcHRpb24uTU9OVEg7XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgdGhpcy51cGRhdGVGb3JtYXQoKTtcbiAgICB9XG5cbiAgICBvdmVycmlkZSBjaG9zZW5QZXJpb2RIYW5kbGVyKGNob3NlbkRhdGU6IG1vbWVudC5Nb21lbnQsIHRpbWVmcmFtZTogVGltZWZyYW1lT3B0aW9uLCBwaWNrZXI6IE1hdERhdGVwaWNrZXI8YW55Pik6IHZvaWQge1xuICAgICAgICBpZiAodGltZWZyYW1lID09PSBUaW1lZnJhbWVPcHRpb24uWUVBUikge1xuICAgICAgICAgICAgY2hvc2VuRGF0ZSA9IHRoaXMuZGF0ZVBpY2tlclNlcnZpY2UuYWRkRmlzY2FsWWVhck1vbnRoc1RvRGF0ZShjaG9zZW5EYXRlKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICh0aW1lZnJhbWUgPT09IFRpbWVmcmFtZU9wdGlvbi5NT05USCkge1xuICAgICAgICAgICAgY29uc3QgbW9tZW50V2l0aFNoaWZ0ZWRZZWFyID0gdGhpcy5kYXRlUGlja2VyU2VydmljZS5zdWJ0cmFjdEZpc2NhbFllYXJTaGlmdEZvclllYXIoY2hvc2VuRGF0ZSk7XG4gICAgICAgICAgICBjaG9zZW5EYXRlID0gdGhpcy5kYXRlUGlja2VyU2VydmljZS5hZGRGaXNjYWxZZWFyTW9udGhzVG9EYXRlKFxuICAgICAgICAgICAgICAgIG1vbWVudFdpdGhTaGlmdGVkWWVhciA/IG1vbWVudFdpdGhTaGlmdGVkWWVhciA6IGNob3NlbkRhdGUsXG4gICAgICAgICAgICApO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHRoaXMuZGF0ZVBpY2tlclNlcnZpY2UudGltZWZyYW1lID09PSB0aW1lZnJhbWUpIHtcbiAgICAgICAgICAgIHRoaXMudmFsdWVDaGFuZ2VkSW5DYWxlbmRhcihjaG9zZW5EYXRlKTtcbiAgICAgICAgICAgIHBpY2tlci5jbG9zZSgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIG92ZXJyaWRlIHRyYW5zZm9ybURpc3BsYXllZFZhbHVlKHZhbHVlOiBtb21lbnQuTW9tZW50LCB0aW1lZnJhbWU6IFRpbWVmcmFtZU9wdGlvbik6IG1vbWVudC5Nb21lbnQge1xuICAgICAgICBjb25zdCB2YWx1ZVRvUmV0dXJuID0gdmFsdWU/LmNsb25lKCk7XG4gICAgICAgIGlmIChcbiAgICAgICAgICAgIHZhbHVlVG9SZXR1cm4gJiZcbiAgICAgICAgICAgICh0aGlzLmRhdGVQaWNrZXJTZXJ2aWNlLmlzVGltZWZyYW1lRGVwZW5kaW5nT25GWSh0aW1lZnJhbWUpIHx8IHRpbWVmcmFtZSA9PT0gVGltZWZyYW1lT3B0aW9uLk1PTlRIKVxuICAgICAgICApIHtcbiAgICAgICAgICAgIHRoaXMuZGF0ZVBpY2tlclNlcnZpY2UuYWRkRmlzY2FsWWVhclNoaWZ0Rm9yWWVhcih2YWx1ZVRvUmV0dXJuKTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdmFsdWVUb1JldHVybjtcbiAgICB9XG59XG4iLCI8aSAqbmdJZj1cIiF1c2VCdXR0b25cIiBjbGFzcz1cImRyLWljb24tZGF0ZVwiIChjbGljayk9XCJkYXRlUGlja2VyLm9wZW4oKVwiPjwvaT5cblxuPG5nLWNvbnRhaW5lciAqbmdJZj1cIihkYXRlUGlja2VyU2VydmljZS50aW1lZnJhbWUkIHwgYXN5bmMpID09PSAnd2VlaydcIj5cbiAgICA8aW5wdXRcbiAgICAgICAgW2F0dHIuaWRdPVwiaWRcIlxuICAgICAgICBbbmdNb2RlbF09XCJpbnB1dC52YWx1ZVwiXG4gICAgICAgIChjbGljayk9XCJkYXRlUGlja2VyLm9wZW4oKVwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gICAgICAgIFtyZWFkb25seV09XCJyZWFkb25seVwiXG4gICAgICAgIFttaW5dPVwiX21pblwiXG4gICAgICAgIFttYXhdPVwiX21heFwiIC8+XG5cbiAgICA8bWF0LWRhdGUtcmFuZ2UtaW5wdXQgW2Zvcm1Hcm91cF09XCJyYW5nZUZvcm1cIiBbcmFuZ2VQaWNrZXJdPVwiZGF0ZVBpY2tlclwiIFtkYXRlRmlsdGVyXT1cImRhdGVGaWx0ZXJcIiBjbGFzcz1cInJhbmdlLWlucHV0XCI+XG4gICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgbWF0U3RhcnREYXRlXG4gICAgICAgICAgICAjaW5wdXRcbiAgICAgICAgICAgIFtkckRhdGVQaWNrZXJGb3JtYXRdPVwiZGF0ZVBpY2tlclNlcnZpY2UuZm9ybWF0JCB8IGFzeW5jXCJcbiAgICAgICAgICAgIGZvcm1Db250cm9sTmFtZT1cInN0YXJ0XCJcbiAgICAgICAgICAgIChkYXRlQ2hhbmdlKT1cInZhbHVlQ2hhbmdlZEluQ2FsZW5kYXIocmFuZ2VGb3JtLnZhbHVlLnN0YXJ0KVwiIC8+XG4gICAgICAgIDxpbnB1dCBtYXRFbmREYXRlIFtkckRhdGVQaWNrZXJGb3JtYXRdPVwiZGF0ZVBpY2tlclNlcnZpY2UuZm9ybWF0JCB8IGFzeW5jXCIgZm9ybUNvbnRyb2xOYW1lPVwiZW5kXCIgLz5cbiAgICA8L21hdC1kYXRlLXJhbmdlLWlucHV0PlxuXG4gICAgPG1hdC1kYXRlLXJhbmdlLXBpY2tlclxuICAgICAgICAjZGF0ZVBpY2tlclxuICAgICAgICBbc3RhcnRBdF09XCJfc3RhcnRBdFwiXG4gICAgICAgIFtwYW5lbENsYXNzXT1cIidkci13ZWVrLWRhdGVwaWNrZXInICsgKHBhbmVsQ2xhc3MgPyAnICcgKyBwYW5lbENsYXNzIDogJycpXCJcbiAgICAgICAgW2NhbGVuZGFySGVhZGVyQ29tcG9uZW50XT1cImN1c3RvbUhlYWRlclwiXG4gICAgICAgICh5ZWFyU2VsZWN0ZWQpPVwiY2hvc2VuUGVyaW9kSGFuZGxlcigkZXZlbnQsIHRpbWVmcmFtZU9wdGlvbi5ZRUFSLCBkYXRlUGlja2VyKVwiXG4gICAgICAgIChtb250aFNlbGVjdGVkKT1cImNob3NlblBlcmlvZEhhbmRsZXIoJGV2ZW50LCB0aW1lZnJhbWVPcHRpb24uTU9OVEgsIGRhdGVQaWNrZXIpXCJcbiAgICAgICAgKG9wZW5lZCk9XCJvbk9wZW4oKVwiXG4gICAgICAgIChjbG9zZWQpPVwib25DTG9zZSgpXCI+XG4gICAgPC9tYXQtZGF0ZS1yYW5nZS1waWNrZXI+XG48L25nLWNvbnRhaW5lcj5cblxuPG5nLWNvbnRhaW5lciAqbmdJZj1cIihkYXRlUGlja2VyU2VydmljZS50aW1lZnJhbWUkIHwgYXN5bmMpICE9PSAnd2VlaydcIj5cbiAgICA8aW5wdXRcbiAgICAgICAgW2F0dHIuaWRdPVwiaWRcIlxuICAgICAgICBbbmdNb2RlbF09XCJkaXNwbGF5VmFsdWUkIHwgYXN5bmNcIlxuICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJ2YWx1ZUNoYW5nZWRJbkNhbGVuZGFyKCRldmVudClcIlxuICAgICAgICAoY2xpY2spPVwiZGF0ZVBpY2tlci5vcGVuKClcIlxuICAgICAgICBbbWF0RGF0ZXBpY2tlcl09XCJkYXRlUGlja2VyXCJcbiAgICAgICAgW21hdERhdGVwaWNrZXJGaWx0ZXJdPVwiZGF0ZUZpbHRlclwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gICAgICAgIFtkckRhdGVQaWNrZXJGb3JtYXRdPVwiZGF0ZVBpY2tlclNlcnZpY2UuZm9ybWF0JCB8IGFzeW5jXCJcbiAgICAgICAgW3JlYWRvbmx5XT1cInJlYWRvbmx5XCJcbiAgICAgICAgW21pbl09XCJfbWluXCJcbiAgICAgICAgW21heF09XCJfbWF4XCJcbiAgICAgICAgW2NsYXNzLmhpZGRlbi1jYWxlbmRhci1pbnB1dF09XCJ1c2VCdXR0b25cIiAvPlxuXG4gICAgPGRyLWJ1dHRvblxuICAgICAgICAqbmdJZj1cInVzZUJ1dHRvblwiXG4gICAgICAgIFtpY29uXT1cIidkci1pY29uLWRhdGUnXCJcbiAgICAgICAgW2ljb25BZnRlcl09XCJpY29uQWZ0ZXJCdXR0b25cIlxuICAgICAgICAoY2xpY2spPVwiZGF0ZVBpY2tlci5vcGVuKClcIlxuICAgICAgICBjbGFzcz1cImRhdGVwaWNrZXItYnV0dG9uXCI+XG4gICAgICAgIHt7IGJ1dHRvbkxhYmVsIHx8ICdTZWxlY3QgRGF0ZScgfX1cbiAgICA8L2RyLWJ1dHRvbj5cblxuICAgIDxtYXQtZGF0ZXBpY2tlclxuICAgICAgICAjZGF0ZVBpY2tlclxuICAgICAgICBbcGFuZWxDbGFzc109XCJwYW5lbENsYXNzXCJcbiAgICAgICAgW3N0YXJ0QXRdPVwiX3N0YXJ0QXRcIlxuICAgICAgICBbY2FsZW5kYXJIZWFkZXJDb21wb25lbnRdPVwiY3VzdG9tSGVhZGVyXCJcbiAgICAgICAgKHllYXJTZWxlY3RlZCk9XCJjaG9zZW5QZXJpb2RIYW5kbGVyKCRldmVudCwgdGltZWZyYW1lT3B0aW9uLllFQVIsIGRhdGVQaWNrZXIpXCJcbiAgICAgICAgKG1vbnRoU2VsZWN0ZWQpPVwiY2hvc2VuUGVyaW9kSGFuZGxlcigkZXZlbnQsIHRpbWVmcmFtZU9wdGlvbi5NT05USCwgZGF0ZVBpY2tlcilcIlxuICAgICAgICAob3BlbmVkKT1cIm9uT3BlbigpXCJcbiAgICAgICAgKGNsb3NlZCk9XCJvbkNMb3NlKClcIj5cbiAgICA8L21hdC1kYXRlcGlja2VyPlxuPC9uZy1jb250YWluZXI+XG4iXX0=