@datarailsshared/datarailsshared 1.6.411 → 1.6.412

package/fesm2022/datarailsshared-datarailsshared.mjs

@@ -1624,6 +1624,9 @@ function DrSelectComponent_i_12_Template(rf, ctx) { if (rf & 1) {
 } }
 const SELECT_HOST_ATTRIBUTES = ['no-left-border', 'no-left-border-radius', 'no-right-border', 'no-right-border-radius'];
 class DrSelectComponent {
+    set borderless(val) {
+        this.asBorderless = val;
+    }
     set textView(val) {
         this.asTextView = val;
     }
@@ -1651,6 +1654,7 @@ class DrSelectComponent {
         this.open = new EventEmitter();
         this.closeUp = new EventEmitter();
         this.asTextView = false;
+        this.asBorderless = false;
         this.backdropElement = null;
         this.onChange = () => { };
         this.onTouched = () => { };
@@ -1776,11 +1780,11 @@ class DrSelectComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.ngSelect = _t.first);
-        } }, hostVars: 5, hostBindings: function DrSelectComponent_HostBindings(rf, ctx) { if (rf & 2) {
+        } }, hostVars: 7, hostBindings: function DrSelectComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("id", ctx.hostId);
             i0.ɵɵclassMap(ctx.type);
-            i0.ɵɵclassProp("textView", ctx.asTextView);
-        } }, inputs: { type: "type", clearInputTextAfterSelection: "clearInputTextAfterSelection", className: "className", items: "items", addTag: "addTag", appendTo: "appendTo", bindLabel: "bindLabel", bindValue: "bindValue", clearable: "clearable", compareWith: "compareWith", searchable: "searchable", isDisplayingSearchInHeader: "isDisplayingSearchInHeader", minItemsToDisplaySearchInHeader: "minItemsToDisplaySearchInHeader", searchFn: "searchFn", multiple: "multiple", multipleHeightIncreased: "multipleHeightIncreased", hideSelected: "hideSelected", maxSelectedItems: "maxSelectedItems", placeholder: "placeholder", loading: "loading", loadingText: "loadingText", readonly: "readonly", disabled: "disabled", groupBy: "groupBy", optionWithDescription: "optionWithDescription", id: "id", keyDownFn: "keyDownFn", selectedItem: "selectedItem", dropdownClass: "dropdownClass", closeOnSelect: "closeOnSelect", textView: "textView", autofocus: "autofocus", isOpen: "isOpen", noValuePadding: "noValuePadding", selectOnTabKeyPress: "selectOnTabKeyPress", virtualScroll: "virtualScroll", typeahead: "typeahead" }, outputs: { search: "search", scrollToEnd: "scrollToEnd", change: "change", open: "open", closeUp: "closeUp" }, standalone: true, features: [i0.ɵɵProvidersFeature([
+            i0.ɵɵclassProp("textView", ctx.asTextView)("borderless", ctx.asBorderless);
+        } }, inputs: { type: "type", clearInputTextAfterSelection: "clearInputTextAfterSelection", className: "className", items: "items", addTag: "addTag", appendTo: "appendTo", bindLabel: "bindLabel", bindValue: "bindValue", clearable: "clearable", compareWith: "compareWith", searchable: "searchable", isDisplayingSearchInHeader: "isDisplayingSearchInHeader", minItemsToDisplaySearchInHeader: "minItemsToDisplaySearchInHeader", searchFn: "searchFn", multiple: "multiple", multipleHeightIncreased: "multipleHeightIncreased", hideSelected: "hideSelected", maxSelectedItems: "maxSelectedItems", placeholder: "placeholder", loading: "loading", loadingText: "loadingText", readonly: "readonly", disabled: "disabled", groupBy: "groupBy", optionWithDescription: "optionWithDescription", id: "id", keyDownFn: "keyDownFn", selectedItem: "selectedItem", dropdownClass: "dropdownClass", closeOnSelect: "closeOnSelect", borderless: "borderless", textView: "textView", autofocus: "autofocus", isOpen: "isOpen", noValuePadding: "noValuePadding", selectOnTabKeyPress: "selectOnTabKeyPress", virtualScroll: "virtualScroll", typeahead: "typeahead" }, outputs: { search: "search", scrollToEnd: "scrollToEnd", change: "change", open: "open", closeUp: "closeUp" }, standalone: true, features: [i0.ɵɵProvidersFeature([
                 {
                     provide: NG_VALUE_ACCESSOR,
                     useExisting: DrSelectComponent,
@@ -1826,7 +1830,7 @@ class DrSelectComponent {
             i0.ɵɵproperty("ngIf", ctx.notFoundTemplate);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.type === "search-input");
-        } }, dependencies: [CommonModule, i1.NgIf, i1.NgTemplateOutlet, FormsModule, i2.NgControlStatus, i2.NgModel, NgSelectModule, i3.NgSelectComponent, i3.NgOptgroupTemplateDirective, i3.NgOptionTemplateDirective, i3.NgLabelTemplateDirective, i3.NgMultiLabelTemplateDirective, i3.NgHeaderTemplateDirective, i3.NgFooterTemplateDirective, i3.NgNotFoundTemplateDirective, i3.NgLoadingSpinnerTemplateDirective, DrInputComponent, DrSpinnerModule, DrSpinnerDirective], styles: ["[_nghost-%COMP%]{width:100%;height:32px;font-family:Poppins,sans-serif}.textView[_nghost-%COMP%] {width:auto}.textView[_nghost-%COMP%]  ng-select.ng-select .ng-select-container{border:none!important;cursor:pointer}.textView[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-value-container{padding:0;color:#4646ce}.textView[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-value-container:hover{text-decoration-line:underline}.textView[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-arrow-wrapper{display:none}.textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container, .textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container:hover, .textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within{background:#fff!important;border:none!important;cursor:default}.textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container .ng-value, .textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container:hover .ng-value, .textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within .ng-value{color:#aeabac!important}.textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container .ng-input input::placeholder{color:#aeabac}.textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-value-container:hover{text-decoration-line:none}.no-left-border-radius[_nghost-%COMP%]     ng-select.ng-select .ng-select-container{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.no-right-border-radius[_nghost-%COMP%]     ng-select.ng-select .ng-select-container{border-bottom-right-radius:0!important;border-top-right-radius:0!important}.no-right-border[_nghost-%COMP%]     ng-select.ng-select .ng-select-container{border-right:none!important}.no-left-border[_nghost-%COMP%]     ng-select.ng-select .ng-select-container{border-left:none!important}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container{min-height:32px;height:32px;width:100%;border-radius:6px;border:1px solid #9ea1aa;box-shadow:none!important}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container:hover{border-color:#4646ce}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container:focus-within{border-color:#4646ce}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container .ng-input{font-size:14px;line-height:24px;font-weight:400;top:0!important;padding:0 50px 0 8px!important;color:#333}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container .ng-input input::placeholder{font-size:14px;line-height:24px;font-weight:400;color:#6d6e6f}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container .ng-value-container{font-size:14px;line-height:24px;font-weight:400;padding:0 0 0 8px;height:100%;overflow:auto}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container .ng-value-container .ng-input{padding:0 0 0 3px!important}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container .ng-arrow-wrapper{margin-right:7px}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow{border:none;width:auto;height:auto;display:flex;text-decoration-line:none;top:0}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow:before{font-family:DataRails!important;content:var(--dr-icon-arrow-down, \"\\ea18\");font-size:24px;color:#6d6e6f}[_nghost-%COMP%]     ng-select.ng-select.ng-select-opened .ng-select-container{border-radius:6px}[_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container{max-height:58px;height:100%}[_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container{font-size:14px;line-height:24px;font-weight:400;max-height:58px}[_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:12px;line-height:16px;font-weight:400;color:#333;height:24px;padding:2px 16px;margin:2px 4px 2px 0;background:#f0f1f4;display:flex;flex-direction:row-reverse;align-items:center;border-radius:12px}[_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-label{padding:0!important}[_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon{border:none!important;padding:0!important;width:20px;display:flex;align-items:center;color:transparent;margin-left:4px}[_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon:before{font-family:DataRails!important;content:var(--dr-icon-exit, \"\\ea77\");font-size:20px;color:#333}[_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon, [_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon:hover{background:transparent!important}[_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container, [_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container:hover, [_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within{background:#f0f1f4!important;border:1px solid #aeabac!important}[_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container .ng-value, [_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container:hover .ng-value, [_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within .ng-value{color:#aeabac!important}[_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container .ng-arrow{color:#aeabac}[_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container .ng-arrow:before{color:#aeabac}[_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container .ng-input input::placeholder{color:#aeabac}[_nghost-%COMP%]     ng-select.ng-select.ng-select-single.ng-invalid.ng-touched .ng-select-container, [_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple.ng-invalid.ng-touched .ng-select-container{border-color:#bf1d30}[_nghost-%COMP%]     ng-select.ng-select--multiple-height-increased.ng-select-multiple .ng-select-container{max-height:88px}[_nghost-%COMP%]     ng-select.ng-select--multiple-height-increased.ng-select-multiple .ng-select-container .ng-value-container{max-height:88px}[_nghost-%COMP%]     ng-select.ng-select--no-value-padding .ng-select-container .ng-value-container .ng-value, [_nghost-%COMP%]     ng-select.ng-select--no-value-padding.ng-select-multiple .ng-select-container .ng-value-container .ng-value{padding:0}[_nghost-%COMP%]     ng-select.ng-select--no-value-padding .ng-select-container .ng-value-container .ng-value .ng-select-user-label, [_nghost-%COMP%]     ng-select.ng-select--no-value-padding.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-select-user-label{height:100%}.ng-invalid.ng-touched[_nghost-%COMP%]  ng-select.ng-select .ng-select-container{border-color:#bf1d30}[_nghost-%COMP%]   .dr-select__loading[_ngcontent-%COMP%]{position:relative;height:32px;width:24px}.search-input[_nghost-%COMP%]{position:relative}.search-input[_nghost-%COMP%]   .search-icon[_ngcontent-%COMP%]{position:absolute;top:4px;right:16px;color:#6d6e6f;z-index:1001}.search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container{border-radius:16px}.search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-arrow-wrapper{display:none!important}.search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-clear-wrapper{display:flex;justify-content:center;align-items:center;right:40px;top:1px;width:24px;height:24px}.search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-clear-wrapper .ng-clear{font-size:24px;font-weight:300;color:#6d6e6f}.search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-input, .search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-value-container{padding:0 0 0 16px!important;width:calc(100% - 63px)}.search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-input input, .search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-value-container input{height:100%}  ng-dropdown-panel.ng-dropdown-panel.dr-select{font-family:Poppins,sans-serif;border:1px solid #dfe0e3;border-radius:4px!important;margin:8px 0;box-shadow:0 4px 8px 1px #00000040;background-color:#fff;overflow:hidden;padding:8px 0}  ng-dropdown-panel.ng-dropdown-panel.dr-select.textView{width:auto!important}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option:empty{display:none}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option{display:flex;align-items:center;min-height:36px;padding:8px 12px;font-size:14px;line-height:22px;background:#fff}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option>.ng-option-label{text-overflow:ellipsis;overflow:hidden}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-marked{background:#f5f5f5}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected,   ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{background:#eaeaff;color:#333}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected span,   ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked span{font-weight:400!important}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled{cursor:default}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled>div{color:#aeabac}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled>div.dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{color:#aeabac}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]{font-size:14px;line-height:22px;color:#aeabac;cursor:default}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]:not(:first-of-type){border-top:1px solid #dfe0e3}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]:hover{background:#fff}  ng-dropdown-panel.ng-dropdown-panel.dr-select .dr-select__option-with-desc__wrapper{color:#333}  ng-dropdown-panel.ng-dropdown-panel.dr-select .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{max-width:-moz-fit-content;max-width:fit-content;word-break:break-word;white-space:normal;color:#6d6e6f;font-weight:400;font-size:12px;line-height:20px}  ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description,   ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected.ng-option-marked .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{color:#6d6e6f}  .ng-dropdown-panel--with-search .ng-dropdown-header{border-bottom:none}.custom-backdrop[_ngcontent-%COMP%]{position:fixed;inset:0;overflow:hidden;pointer-events:none}"] }); }
+        } }, dependencies: [CommonModule, i1.NgIf, i1.NgTemplateOutlet, FormsModule, i2.NgControlStatus, i2.NgModel, NgSelectModule, i3.NgSelectComponent, i3.NgOptgroupTemplateDirective, i3.NgOptionTemplateDirective, i3.NgLabelTemplateDirective, i3.NgMultiLabelTemplateDirective, i3.NgHeaderTemplateDirective, i3.NgFooterTemplateDirective, i3.NgNotFoundTemplateDirective, i3.NgLoadingSpinnerTemplateDirective, DrInputComponent, DrSpinnerModule, DrSpinnerDirective], styles: ["[_nghost-%COMP%]{width:100%;height:32px;font-family:Poppins,sans-serif}.borderless[_nghost-%COMP%]  ng-select.ng-select .ng-select-container{border:none!important;cursor:pointer;gap:4px;background:none!important}.borderless[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-value-container{flex:none;padding:0;color:#333}.borderless[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container, .borderless[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container:hover, .borderless[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within{cursor:default}.borderless[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container .ng-value, .borderless[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container:hover .ng-value, .borderless[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within .ng-value{color:#aeabac!important}.borderless[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container .ng-input input::placeholder{color:#aeabac}.textView[_nghost-%COMP%] {width:auto}.textView[_nghost-%COMP%]  ng-select.ng-select .ng-select-container{border:none!important;cursor:pointer}.textView[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-value-container{padding:0;color:#4646ce}.textView[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-value-container:hover{text-decoration-line:underline}.textView[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-arrow-wrapper{display:none}.textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container, .textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container:hover, .textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within{background:#fff!important;border:none!important;cursor:default}.textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container .ng-value, .textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container:hover .ng-value, .textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within .ng-value{color:#aeabac!important}.textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container .ng-input input::placeholder{color:#aeabac}.textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-value-container:hover{text-decoration-line:none}.no-left-border-radius[_nghost-%COMP%]     ng-select.ng-select .ng-select-container{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.no-right-border-radius[_nghost-%COMP%]     ng-select.ng-select .ng-select-container{border-bottom-right-radius:0!important;border-top-right-radius:0!important}.no-right-border[_nghost-%COMP%]     ng-select.ng-select .ng-select-container{border-right:none!important}.no-left-border[_nghost-%COMP%]     ng-select.ng-select .ng-select-container{border-left:none!important}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container{min-height:32px;height:32px;width:100%;border-radius:6px;border:1px solid #9ea1aa;box-shadow:none!important}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container:hover{border-color:#4646ce}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container:focus-within{border-color:#4646ce}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container .ng-input{font-size:14px;line-height:24px;font-weight:400;top:0!important;padding:0 50px 0 8px!important;color:#333}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container .ng-input input::placeholder{font-size:14px;line-height:24px;font-weight:400;color:#6d6e6f}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container .ng-value-container{font-size:14px;line-height:24px;font-weight:400;padding:0 0 0 8px;height:100%;overflow:auto}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container .ng-value-container .ng-input{padding:0 0 0 3px!important}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container .ng-arrow-wrapper{margin-right:7px}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow{border:none;width:auto;height:auto;display:flex;text-decoration-line:none;top:0}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow:before{font-family:DataRails!important;content:var(--dr-icon-arrow-down, \"\\ea18\");font-size:24px;color:#6d6e6f}[_nghost-%COMP%]     ng-select.ng-select.ng-select-opened .ng-select-container{border-radius:6px}[_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container{max-height:58px;height:100%}[_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container{font-size:14px;line-height:24px;font-weight:400;max-height:58px}[_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:12px;line-height:16px;font-weight:400;color:#333;height:24px;padding:2px 16px;margin:2px 4px 2px 0;background:#f0f1f4;display:flex;flex-direction:row-reverse;align-items:center;border-radius:12px}[_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-label{padding:0!important}[_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon{border:none!important;padding:0!important;width:20px;display:flex;align-items:center;color:transparent;margin-left:4px}[_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon:before{font-family:DataRails!important;content:var(--dr-icon-exit, \"\\ea77\");font-size:20px;color:#333}[_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon, [_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon:hover{background:transparent!important}[_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container, [_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container:hover, [_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within{background:#f0f1f4!important;border:1px solid #aeabac!important}[_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container .ng-value, [_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container:hover .ng-value, [_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within .ng-value{color:#aeabac!important}[_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container .ng-arrow{color:#aeabac}[_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container .ng-arrow:before{color:#aeabac}[_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container .ng-input input::placeholder{color:#aeabac}[_nghost-%COMP%]     ng-select.ng-select.ng-select-single.ng-invalid.ng-touched .ng-select-container, [_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple.ng-invalid.ng-touched .ng-select-container{border-color:#bf1d30}[_nghost-%COMP%]     ng-select.ng-select--multiple-height-increased.ng-select-multiple .ng-select-container{max-height:88px}[_nghost-%COMP%]     ng-select.ng-select--multiple-height-increased.ng-select-multiple .ng-select-container .ng-value-container{max-height:88px}[_nghost-%COMP%]     ng-select.ng-select--no-value-padding .ng-select-container .ng-value-container .ng-value, [_nghost-%COMP%]     ng-select.ng-select--no-value-padding.ng-select-multiple .ng-select-container .ng-value-container .ng-value{padding:0}[_nghost-%COMP%]     ng-select.ng-select--no-value-padding .ng-select-container .ng-value-container .ng-value .ng-select-user-label, [_nghost-%COMP%]     ng-select.ng-select--no-value-padding.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-select-user-label{height:100%}.ng-invalid.ng-touched[_nghost-%COMP%]  ng-select.ng-select .ng-select-container{border-color:#bf1d30}[_nghost-%COMP%]   .dr-select__loading[_ngcontent-%COMP%]{position:relative;height:32px;width:24px}.search-input[_nghost-%COMP%]{position:relative}.search-input[_nghost-%COMP%]   .search-icon[_ngcontent-%COMP%]{position:absolute;top:4px;right:16px;color:#6d6e6f;z-index:1001}.search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container{border-radius:16px}.search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-arrow-wrapper{display:none!important}.search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-clear-wrapper{display:flex;justify-content:center;align-items:center;right:40px;top:1px;width:24px;height:24px}.search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-clear-wrapper .ng-clear{font-size:24px;font-weight:300;color:#6d6e6f}.search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-input, .search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-value-container{padding:0 0 0 16px!important;width:calc(100% - 63px)}.search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-input input, .search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-value-container input{height:100%}  ng-dropdown-panel.ng-dropdown-panel.dr-select{font-family:Poppins,sans-serif;border:1px solid #dfe0e3;border-radius:4px!important;margin:8px 0;box-shadow:0 4px 8px 1px #00000040;background-color:#fff;overflow:hidden;padding:8px 0}  ng-dropdown-panel.ng-dropdown-panel.dr-select.textView{width:auto!important}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option:empty{display:none}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option{display:flex;align-items:center;min-height:36px;padding:8px 12px;font-size:14px;line-height:22px;background:#fff}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option>.ng-option-label{text-overflow:ellipsis;overflow:hidden}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-marked{background:#f5f5f5}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected,   ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{background:#eaeaff;color:#333}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected span,   ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked span{font-weight:400!important}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled{cursor:default}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled>div{color:#aeabac}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled>div.dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{color:#aeabac}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]{font-size:14px;line-height:22px;color:#aeabac;cursor:default}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]:not(:first-of-type){border-top:1px solid #dfe0e3}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]:hover{background:#fff}  ng-dropdown-panel.ng-dropdown-panel.dr-select .dr-select__option-with-desc__wrapper{color:#333}  ng-dropdown-panel.ng-dropdown-panel.dr-select .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{max-width:-moz-fit-content;max-width:fit-content;word-break:break-word;white-space:normal;color:#6d6e6f;font-weight:400;font-size:12px;line-height:20px}  ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description,   ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected.ng-option-marked .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{color:#6d6e6f}  .ng-dropdown-panel--with-search .ng-dropdown-header{border-bottom:none}.custom-backdrop[_ngcontent-%COMP%]{position:fixed;inset:0;overflow:hidden;pointer-events:none}"] }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrSelectComponent, [{
         type: Component,
@@ -1836,7 +1840,7 @@ class DrSelectComponent {
                         useExisting: DrSelectComponent,
                         multi: true,
                     },
-                ], template: "<ng-select\n    [(ngModel)]=\"selectedItem\"\n    [items]=\"items\"\n    [bindLabel]=\"bindLabel\"\n    [bindValue]=\"bindValue\"\n    [multiple]=\"multiple\"\n    [addTag]=\"addTag\"\n    [appendTo]=\"appendTo\"\n    [clearable]=\"clearable\"\n    [searchable]=\"searchable\"\n    [hideSelected]=\"hideSelected\"\n    [placeholder]=\"placeholder\"\n    [loading]=\"loading\"\n    [loadingText]=\"loadingText\"\n    [readonly]=\"readonly\"\n    [closeOnSelect]=\"closeOnSelect\"\n    [disabled]=\"disabled\"\n    [labelForId]=\"id\"\n    [maxSelectedItems]=\"maxSelectedItems\"\n    [keyDownFn]=\"keyDownFn\"\n    [searchFn]=\"searchFn\"\n    [isOpen]=\"(type !== 'search-input' || !!selectComponent.searchTerm?.length) && isOpen\"\n    [groupBy]=\"groupBy\"\n    [attr.autofocus]=\"autofocus\"\n    [selectOnTab]=\"selectOnTabKeyPress\"\n    [virtualScroll]=\"virtualScroll\"\n    [typeahead]=\"typeahead\"\n    (search)=\"search.emit($event)\"\n    (scrollToEnd)=\"scrollToEnd.emit($event)\"\n    (keydown.tab)=\"onTabKeypress($event)\"\n    [compareWith]=\"compareWith\"\n    (change)=\"onValueSelected(selectedItem)\"\n    (open)=\"open.emit($event); onDropdownOpen()\"\n    (close)=\"onClose($event)\"\n    class=\"dr-select\"\n    [class.ng-select--no-value-padding]=\"noValuePadding\"\n    [class.ng-select--multiple-height-increased]=\"multipleHeightIncreased\"\n    #selectComponent>\n    <ng-template *ngIf=\"optionHeaderTemplate\" ng-header-tmp let-item=\"item\">\n        <ng-container [ngTemplateOutlet]=\"optionHeaderTemplate\" [ngTemplateOutletContext]=\"{ item: item }\"></ng-container>\n    </ng-template>\n    <ng-template\n        ng-header-tmp\n        *ngIf=\"!optionHeaderTemplate && isDisplayingSearchInHeader && items?.length >= minItemsToDisplaySearchInHeader\"\n        let-item=\"item\">\n        <dr-input\n            class=\"dr-select__search\"\n            [ngModel]=\"selectComponent.searchTerm\"\n            (ngModelChange)=\"selectComponent.itemsList.filter($event + '')\"\n            type=\"search\">\n        </dr-input>\n    </ng-template>\n    <ng-template *ngIf=\"labelTemplate\" ng-label-tmp let-item=\"item\">\n        <ng-container [ngTemplateOutlet]=\"labelTemplate\" [ngTemplateOutletContext]=\"{ item: item }\"></ng-container>\n    </ng-template>\n    <ng-template *ngIf=\"multiLabelTemplate\" ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\n        <ng-container [ngTemplateOutlet]=\"multiLabelTemplate\" [ngTemplateOutletContext]=\"{ items: items, clear: clear }\">\n        </ng-container>\n    </ng-template>\n    <ng-template *ngIf=\"optionTemplate\" ng-option-tmp let-item=\"item\" let-item$=\"item$\">\n        <ng-container [ngTemplateOutlet]=\"optionTemplate\" [ngTemplateOutletContext]=\"{ item: item, item$: item$ }\"></ng-container>\n    </ng-template>\n    <ng-template *ngIf=\"optionWithDescription\" ng-option-tmp let-item=\"item\">\n        <div class=\"dr-select__option-with-desc__wrapper\">\n            <div>{{ item.name }}</div>\n            <div class=\"dr-select__option-with-desc__description\">{{ item?.description }}</div>\n        </div>\n    </ng-template>\n    <ng-template *ngIf=\"optionFooterTemplate\" ng-footer-tmp let-item=\"item\">\n        <ng-container\n            [ngTemplateOutlet]=\"optionFooterTemplate\"\n            [ngTemplateOutletContext]=\"{ item: item, close: selectComponent.close.bind(selectComponent) }\"></ng-container>\n    </ng-template>\n    <ng-template *ngIf=\"groupBy\" ng-optgroup-tmp let-item=\"item\">\n        {{ item[groupBy] }}\n    </ng-template>\n    <ng-template ng-loadingspinner-tmp>\n        <div\n            *ngIf=\"loading\"\n            class=\"dr-select__loading\"\n            [drSpinner]=\"loading\"\n            [drSpinnerType]=\"'circle'\"\n            [drSpinnerSize]=\"'small'\"\n            [drSpinnerNoOverlay]=\"true\"></div>\n    </ng-template>\n    <ng-template *ngIf=\"notFoundTemplate\" ng-notfound-tmp>\n        <ng-container [ngTemplateOutlet]=\"notFoundTemplate\"></ng-container>\n    </ng-template>\n</ng-select>\n<i *ngIf=\"type === 'search-input'\" class=\"search-icon dr-icon-search\"></i>\n", styles: [":host{width:100%;height:32px;font-family:Poppins,sans-serif}:host.textView::ng-deep{width:auto}:host.textView::ng-deep ng-select.ng-select .ng-select-container{border:none!important;cursor:pointer}:host.textView::ng-deep ng-select.ng-select .ng-select-container .ng-value-container{padding:0;color:#4646ce}:host.textView::ng-deep ng-select.ng-select .ng-select-container .ng-value-container:hover{text-decoration-line:underline}:host.textView::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper{display:none}:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container,:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover,:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within{background:#fff!important;border:none!important;cursor:default}:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-value,:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover .ng-value,:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within .ng-value{color:#aeabac!important}:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-input input::placeholder{color:#aeabac}:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-value-container:hover{text-decoration-line:none}:host.no-left-border-radius ::ng-deep ng-select.ng-select .ng-select-container{border-bottom-left-radius:0!important;border-top-left-radius:0!important}:host.no-right-border-radius ::ng-deep ng-select.ng-select .ng-select-container{border-bottom-right-radius:0!important;border-top-right-radius:0!important}:host.no-right-border ::ng-deep ng-select.ng-select .ng-select-container{border-right:none!important}:host.no-left-border ::ng-deep ng-select.ng-select .ng-select-container{border-left:none!important}:host ::ng-deep ng-select.ng-select .ng-select-container{min-height:32px;height:32px;width:100%;border-radius:6px;border:1px solid #9ea1aa;box-shadow:none!important}:host ::ng-deep ng-select.ng-select .ng-select-container:hover{border-color:#4646ce}:host ::ng-deep ng-select.ng-select .ng-select-container:focus-within{border-color:#4646ce}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-input{font-size:14px;line-height:24px;font-weight:400;top:0!important;padding:0 50px 0 8px!important;color:#333}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-input input::placeholder{font-size:14px;line-height:24px;font-weight:400;color:#6d6e6f}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-value-container{font-size:14px;line-height:24px;font-weight:400;padding:0 0 0 8px;height:100%;overflow:auto}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-value-container .ng-input{padding:0 0 0 3px!important}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper{margin-right:7px}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow{border:none;width:auto;height:auto;display:flex;text-decoration-line:none;top:0}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow:before{font-family:DataRails!important;content:var(--dr-icon-arrow-down, \"\\ea18\");font-size:24px;color:#6d6e6f}:host ::ng-deep ng-select.ng-select.ng-select-opened .ng-select-container{border-radius:6px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container{max-height:58px;height:100%}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container{font-size:14px;line-height:24px;font-weight:400;max-height:58px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:12px;line-height:16px;font-weight:400;color:#333;height:24px;padding:2px 16px;margin:2px 4px 2px 0;background:#f0f1f4;display:flex;flex-direction:row-reverse;align-items:center;border-radius:12px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-label{padding:0!important}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon{border:none!important;padding:0!important;width:20px;display:flex;align-items:center;color:transparent;margin-left:4px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon:before{font-family:DataRails!important;content:var(--dr-icon-exit, \"\\ea77\");font-size:20px;color:#333}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon,:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon:hover{background:transparent!important}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within{background:#f0f1f4!important;border:1px solid #aeabac!important}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-value,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover .ng-value,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within .ng-value{color:#aeabac!important}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-arrow{color:#aeabac}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-arrow:before{color:#aeabac}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-input input::placeholder{color:#aeabac}:host ::ng-deep ng-select.ng-select.ng-select-single.ng-invalid.ng-touched .ng-select-container,:host ::ng-deep ng-select.ng-select.ng-select-multiple.ng-invalid.ng-touched .ng-select-container{border-color:#bf1d30}:host ::ng-deep ng-select.ng-select--multiple-height-increased.ng-select-multiple .ng-select-container{max-height:88px}:host ::ng-deep ng-select.ng-select--multiple-height-increased.ng-select-multiple .ng-select-container .ng-value-container{max-height:88px}:host ::ng-deep ng-select.ng-select--no-value-padding .ng-select-container .ng-value-container .ng-value,:host ::ng-deep ng-select.ng-select--no-value-padding.ng-select-multiple .ng-select-container .ng-value-container .ng-value{padding:0}:host ::ng-deep ng-select.ng-select--no-value-padding .ng-select-container .ng-value-container .ng-value .ng-select-user-label,:host ::ng-deep ng-select.ng-select--no-value-padding.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-select-user-label{height:100%}:host.ng-invalid.ng-touched::ng-deep ng-select.ng-select .ng-select-container{border-color:#bf1d30}:host .dr-select__loading{position:relative;height:32px;width:24px}:host.search-input{position:relative}:host.search-input .search-icon{position:absolute;top:4px;right:16px;color:#6d6e6f;z-index:1001}:host.search-input::ng-deep ng-select.ng-select .ng-select-container{border-radius:16px}:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper{display:none!important}:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-clear-wrapper{display:flex;justify-content:center;align-items:center;right:40px;top:1px;width:24px;height:24px}:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-clear-wrapper .ng-clear{font-size:24px;font-weight:300;color:#6d6e6f}:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-input,:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-value-container{padding:0 0 0 16px!important;width:calc(100% - 63px)}:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-input input,:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-value-container input{height:100%}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select{font-family:Poppins,sans-serif;border:1px solid #dfe0e3;border-radius:4px!important;margin:8px 0;box-shadow:0 4px 8px 1px #00000040;background-color:#fff;overflow:hidden;padding:8px 0}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select.textView{width:auto!important}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option:empty{display:none}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option{display:flex;align-items:center;min-height:36px;padding:8px 12px;font-size:14px;line-height:22px;background:#fff}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option>.ng-option-label{text-overflow:ellipsis;overflow:hidden}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-marked{background:#f5f5f5}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{background:#eaeaff;color:#333}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected span,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked span{font-weight:400!important}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled{cursor:default}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled>div{color:#aeabac}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled>div.dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{color:#aeabac}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]{font-size:14px;line-height:22px;color:#aeabac;cursor:default}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]:not(:first-of-type){border-top:1px solid #dfe0e3}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]:hover{background:#fff}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .dr-select__option-with-desc__wrapper{color:#333}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{max-width:-moz-fit-content;max-width:fit-content;word-break:break-word;white-space:normal;color:#6d6e6f;font-weight:400;font-size:12px;line-height:20px}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected.ng-option-marked .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{color:#6d6e6f}::ng-deep .ng-dropdown-panel--with-search .ng-dropdown-header{border-bottom:none}.custom-backdrop{position:fixed;inset:0;overflow:hidden;pointer-events:none}\n"] }]
+                ], template: "<ng-select\n    [(ngModel)]=\"selectedItem\"\n    [items]=\"items\"\n    [bindLabel]=\"bindLabel\"\n    [bindValue]=\"bindValue\"\n    [multiple]=\"multiple\"\n    [addTag]=\"addTag\"\n    [appendTo]=\"appendTo\"\n    [clearable]=\"clearable\"\n    [searchable]=\"searchable\"\n    [hideSelected]=\"hideSelected\"\n    [placeholder]=\"placeholder\"\n    [loading]=\"loading\"\n    [loadingText]=\"loadingText\"\n    [readonly]=\"readonly\"\n    [closeOnSelect]=\"closeOnSelect\"\n    [disabled]=\"disabled\"\n    [labelForId]=\"id\"\n    [maxSelectedItems]=\"maxSelectedItems\"\n    [keyDownFn]=\"keyDownFn\"\n    [searchFn]=\"searchFn\"\n    [isOpen]=\"(type !== 'search-input' || !!selectComponent.searchTerm?.length) && isOpen\"\n    [groupBy]=\"groupBy\"\n    [attr.autofocus]=\"autofocus\"\n    [selectOnTab]=\"selectOnTabKeyPress\"\n    [virtualScroll]=\"virtualScroll\"\n    [typeahead]=\"typeahead\"\n    (search)=\"search.emit($event)\"\n    (scrollToEnd)=\"scrollToEnd.emit($event)\"\n    (keydown.tab)=\"onTabKeypress($event)\"\n    [compareWith]=\"compareWith\"\n    (change)=\"onValueSelected(selectedItem)\"\n    (open)=\"open.emit($event); onDropdownOpen()\"\n    (close)=\"onClose($event)\"\n    class=\"dr-select\"\n    [class.ng-select--no-value-padding]=\"noValuePadding\"\n    [class.ng-select--multiple-height-increased]=\"multipleHeightIncreased\"\n    #selectComponent>\n    <ng-template *ngIf=\"optionHeaderTemplate\" ng-header-tmp let-item=\"item\">\n        <ng-container [ngTemplateOutlet]=\"optionHeaderTemplate\" [ngTemplateOutletContext]=\"{ item: item }\"></ng-container>\n    </ng-template>\n    <ng-template\n        ng-header-tmp\n        *ngIf=\"!optionHeaderTemplate && isDisplayingSearchInHeader && items?.length >= minItemsToDisplaySearchInHeader\"\n        let-item=\"item\">\n        <dr-input\n            class=\"dr-select__search\"\n            [ngModel]=\"selectComponent.searchTerm\"\n            (ngModelChange)=\"selectComponent.itemsList.filter($event + '')\"\n            type=\"search\">\n        </dr-input>\n    </ng-template>\n    <ng-template *ngIf=\"labelTemplate\" ng-label-tmp let-item=\"item\">\n        <ng-container [ngTemplateOutlet]=\"labelTemplate\" [ngTemplateOutletContext]=\"{ item: item }\"></ng-container>\n    </ng-template>\n    <ng-template *ngIf=\"multiLabelTemplate\" ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\n        <ng-container [ngTemplateOutlet]=\"multiLabelTemplate\" [ngTemplateOutletContext]=\"{ items: items, clear: clear }\">\n        </ng-container>\n    </ng-template>\n    <ng-template *ngIf=\"optionTemplate\" ng-option-tmp let-item=\"item\" let-item$=\"item$\">\n        <ng-container [ngTemplateOutlet]=\"optionTemplate\" [ngTemplateOutletContext]=\"{ item: item, item$: item$ }\"></ng-container>\n    </ng-template>\n    <ng-template *ngIf=\"optionWithDescription\" ng-option-tmp let-item=\"item\">\n        <div class=\"dr-select__option-with-desc__wrapper\">\n            <div>{{ item.name }}</div>\n            <div class=\"dr-select__option-with-desc__description\">{{ item?.description }}</div>\n        </div>\n    </ng-template>\n    <ng-template *ngIf=\"optionFooterTemplate\" ng-footer-tmp let-item=\"item\">\n        <ng-container\n            [ngTemplateOutlet]=\"optionFooterTemplate\"\n            [ngTemplateOutletContext]=\"{ item: item, close: selectComponent.close.bind(selectComponent) }\"></ng-container>\n    </ng-template>\n    <ng-template *ngIf=\"groupBy\" ng-optgroup-tmp let-item=\"item\">\n        {{ item[groupBy] }}\n    </ng-template>\n    <ng-template ng-loadingspinner-tmp>\n        <div\n            *ngIf=\"loading\"\n            class=\"dr-select__loading\"\n            [drSpinner]=\"loading\"\n            [drSpinnerType]=\"'circle'\"\n            [drSpinnerSize]=\"'small'\"\n            [drSpinnerNoOverlay]=\"true\"></div>\n    </ng-template>\n    <ng-template *ngIf=\"notFoundTemplate\" ng-notfound-tmp>\n        <ng-container [ngTemplateOutlet]=\"notFoundTemplate\"></ng-container>\n    </ng-template>\n</ng-select>\n<i *ngIf=\"type === 'search-input'\" class=\"search-icon dr-icon-search\"></i>\n", styles: [":host{width:100%;height:32px;font-family:Poppins,sans-serif}:host.borderless::ng-deep ng-select.ng-select .ng-select-container{border:none!important;cursor:pointer;gap:4px;background:none!important}:host.borderless::ng-deep ng-select.ng-select .ng-select-container .ng-value-container{flex:none;padding:0;color:#333}:host.borderless::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container,:host.borderless::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover,:host.borderless::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within{cursor:default}:host.borderless::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-value,:host.borderless::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover .ng-value,:host.borderless::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within .ng-value{color:#aeabac!important}:host.borderless::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-input input::placeholder{color:#aeabac}:host.textView::ng-deep{width:auto}:host.textView::ng-deep ng-select.ng-select .ng-select-container{border:none!important;cursor:pointer}:host.textView::ng-deep ng-select.ng-select .ng-select-container .ng-value-container{padding:0;color:#4646ce}:host.textView::ng-deep ng-select.ng-select .ng-select-container .ng-value-container:hover{text-decoration-line:underline}:host.textView::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper{display:none}:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container,:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover,:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within{background:#fff!important;border:none!important;cursor:default}:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-value,:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover .ng-value,:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within .ng-value{color:#aeabac!important}:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-input input::placeholder{color:#aeabac}:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-value-container:hover{text-decoration-line:none}:host.no-left-border-radius ::ng-deep ng-select.ng-select .ng-select-container{border-bottom-left-radius:0!important;border-top-left-radius:0!important}:host.no-right-border-radius ::ng-deep ng-select.ng-select .ng-select-container{border-bottom-right-radius:0!important;border-top-right-radius:0!important}:host.no-right-border ::ng-deep ng-select.ng-select .ng-select-container{border-right:none!important}:host.no-left-border ::ng-deep ng-select.ng-select .ng-select-container{border-left:none!important}:host ::ng-deep ng-select.ng-select .ng-select-container{min-height:32px;height:32px;width:100%;border-radius:6px;border:1px solid #9ea1aa;box-shadow:none!important}:host ::ng-deep ng-select.ng-select .ng-select-container:hover{border-color:#4646ce}:host ::ng-deep ng-select.ng-select .ng-select-container:focus-within{border-color:#4646ce}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-input{font-size:14px;line-height:24px;font-weight:400;top:0!important;padding:0 50px 0 8px!important;color:#333}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-input input::placeholder{font-size:14px;line-height:24px;font-weight:400;color:#6d6e6f}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-value-container{font-size:14px;line-height:24px;font-weight:400;padding:0 0 0 8px;height:100%;overflow:auto}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-value-container .ng-input{padding:0 0 0 3px!important}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper{margin-right:7px}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow{border:none;width:auto;height:auto;display:flex;text-decoration-line:none;top:0}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow:before{font-family:DataRails!important;content:var(--dr-icon-arrow-down, \"\\ea18\");font-size:24px;color:#6d6e6f}:host ::ng-deep ng-select.ng-select.ng-select-opened .ng-select-container{border-radius:6px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container{max-height:58px;height:100%}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container{font-size:14px;line-height:24px;font-weight:400;max-height:58px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:12px;line-height:16px;font-weight:400;color:#333;height:24px;padding:2px 16px;margin:2px 4px 2px 0;background:#f0f1f4;display:flex;flex-direction:row-reverse;align-items:center;border-radius:12px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-label{padding:0!important}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon{border:none!important;padding:0!important;width:20px;display:flex;align-items:center;color:transparent;margin-left:4px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon:before{font-family:DataRails!important;content:var(--dr-icon-exit, \"\\ea77\");font-size:20px;color:#333}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon,:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon:hover{background:transparent!important}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within{background:#f0f1f4!important;border:1px solid #aeabac!important}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-value,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover .ng-value,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within .ng-value{color:#aeabac!important}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-arrow{color:#aeabac}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-arrow:before{color:#aeabac}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-input input::placeholder{color:#aeabac}:host ::ng-deep ng-select.ng-select.ng-select-single.ng-invalid.ng-touched .ng-select-container,:host ::ng-deep ng-select.ng-select.ng-select-multiple.ng-invalid.ng-touched .ng-select-container{border-color:#bf1d30}:host ::ng-deep ng-select.ng-select--multiple-height-increased.ng-select-multiple .ng-select-container{max-height:88px}:host ::ng-deep ng-select.ng-select--multiple-height-increased.ng-select-multiple .ng-select-container .ng-value-container{max-height:88px}:host ::ng-deep ng-select.ng-select--no-value-padding .ng-select-container .ng-value-container .ng-value,:host ::ng-deep ng-select.ng-select--no-value-padding.ng-select-multiple .ng-select-container .ng-value-container .ng-value{padding:0}:host ::ng-deep ng-select.ng-select--no-value-padding .ng-select-container .ng-value-container .ng-value .ng-select-user-label,:host ::ng-deep ng-select.ng-select--no-value-padding.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-select-user-label{height:100%}:host.ng-invalid.ng-touched::ng-deep ng-select.ng-select .ng-select-container{border-color:#bf1d30}:host .dr-select__loading{position:relative;height:32px;width:24px}:host.search-input{position:relative}:host.search-input .search-icon{position:absolute;top:4px;right:16px;color:#6d6e6f;z-index:1001}:host.search-input::ng-deep ng-select.ng-select .ng-select-container{border-radius:16px}:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper{display:none!important}:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-clear-wrapper{display:flex;justify-content:center;align-items:center;right:40px;top:1px;width:24px;height:24px}:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-clear-wrapper .ng-clear{font-size:24px;font-weight:300;color:#6d6e6f}:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-input,:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-value-container{padding:0 0 0 16px!important;width:calc(100% - 63px)}:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-input input,:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-value-container input{height:100%}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select{font-family:Poppins,sans-serif;border:1px solid #dfe0e3;border-radius:4px!important;margin:8px 0;box-shadow:0 4px 8px 1px #00000040;background-color:#fff;overflow:hidden;padding:8px 0}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select.textView{width:auto!important}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option:empty{display:none}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option{display:flex;align-items:center;min-height:36px;padding:8px 12px;font-size:14px;line-height:22px;background:#fff}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option>.ng-option-label{text-overflow:ellipsis;overflow:hidden}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-marked{background:#f5f5f5}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{background:#eaeaff;color:#333}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected span,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked span{font-weight:400!important}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled{cursor:default}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled>div{color:#aeabac}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled>div.dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{color:#aeabac}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]{font-size:14px;line-height:22px;color:#aeabac;cursor:default}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]:not(:first-of-type){border-top:1px solid #dfe0e3}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]:hover{background:#fff}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .dr-select__option-with-desc__wrapper{color:#333}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{max-width:-moz-fit-content;max-width:fit-content;word-break:break-word;white-space:normal;color:#6d6e6f;font-weight:400;font-size:12px;line-height:20px}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected.ng-option-marked .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{color:#6d6e6f}::ng-deep .ng-dropdown-panel--with-search .ng-dropdown-header{border-bottom:none}.custom-backdrop{position:fixed;inset:0;overflow:hidden;pointer-events:none}\n"] }]
     }], function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, { type: [{
             type: Input
         }, {
@@ -1903,6 +1907,8 @@ class DrSelectComponent {
             type: Input
         }], closeOnSelect: [{
             type: Input
+        }], borderless: [{
+            type: Input
         }], textView: [{
             type: Input
         }], autofocus: [{
@@ -1951,6 +1957,9 @@ class DrSelectComponent {
         }], asTextView: [{
             type: HostBinding,
             args: ['class.textView']
+        }], asBorderless: [{
+            type: HostBinding,
+            args: ['class.borderless']
         }] }); })();
 
 const _c0$_ = ["dynamicInputRef"];
@@ -19124,6 +19133,7 @@ class CellActionComponent {
         this.useParentDataForChildren = params.useParentDataForChildren;
         this.setPayloadForDropdown(params.menu, params.node.data, params.bindValue, this.useParentDataForChildren);
         this.buttonOptions = params.buttonOptions;
+        this.pinRight = params.pinRight;
     }
     refresh() {
         return false;
@@ -19158,15 +19168,19 @@ class CellActionComponent {
         });
     }
     /** @nocollapse */ static { this.ɵfac = function CellActionComponent_Factory(t) { return new (t || CellActionComponent)(); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: CellActionComponent, selectors: [["dr-cell-action"]], inputs: { menu: "menu", dataAnalytics: "dataAnalytics", bindValue: "bindValue", data: "data", useParentDataForChildren: "useParentDataForChildren" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 1, vars: 1, consts: [["data-analytics", "cell-action_button-0", 3, "theme", "icon", "iconSize", "iconAfter", "iconAfterColor", "iconAfterSize", "isLoading", "drDropdown", "drDropdownPosition", "drDropdownAction", 4, "ngIf"], ["data-analytics", "cell-action_button-0", 3, "theme", "icon", "iconSize", "iconAfter", "iconAfterColor", "iconAfterSize", "isLoading", "drDropdown", "drDropdownPosition", "drDropdownAction"]], template: function CellActionComponent_Template(rf, ctx) { if (rf & 1) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: CellActionComponent, selectors: [["dr-cell-action"]], hostVars: 2, hostBindings: function CellActionComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵclassProp("dr-cell-action-pin-right", ctx.pinRight);
+        } }, inputs: { menu: "menu", dataAnalytics: "dataAnalytics", bindValue: "bindValue", data: "data", useParentDataForChildren: "useParentDataForChildren", pinRight: "pinRight" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 1, vars: 1, consts: [["data-analytics", "cell-action_button-0", 3, "theme", "icon", "iconSize", "iconAfter", "iconAfterColor", "iconAfterSize", "isLoading", "drDropdown", "drDropdownPosition", "drDropdownAction", 4, "ngIf"], ["data-analytics", "cell-action_button-0", 3, "theme", "icon", "iconSize", "iconAfter", "iconAfterColor", "iconAfterSize", "isLoading", "drDropdown", "drDropdownPosition", "drDropdownAction"]], template: function CellActionComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, CellActionComponent_dr_button_0_Template, 2, 11, "dr-button", 0);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", !ctx.isDisabled);
-        } }, dependencies: [CommonModule, i1.NgIf, DrInputsModule, DrButtonComponent, DrDropdownModule, DrDropdownDirective], styles: ["[_nghost-%COMP%]{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%}"], changeDetection: 0 }); }
+        } }, dependencies: [CommonModule, i1.NgIf, DrInputsModule, DrButtonComponent, DrDropdownModule, DrDropdownDirective], styles: ["[_nghost-%COMP%]{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%}.dr-cell-action-pin-right[_nghost-%COMP%]{justify-content:flex-end;padding-right:8px}"], changeDetection: 0 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CellActionComponent, [{
         type: Component,
-        args: [{ selector: 'dr-cell-action', standalone: true, imports: [CommonModule, DrInputsModule, DrDropdownModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dr-button\n    data-analytics=\"cell-action_button-0\"\n    *ngIf=\"!isDisabled\"\n    [attr.data-analytics]=\"dataAnalytics\"\n    [theme]=\"buttonOptions?.theme || 'icon'\"\n    [icon]=\"buttonOptions?.icon || 'dr-icon-more'\"\n    [iconSize]=\"buttonOptions?.iconSize\"\n    [iconAfter]=\"buttonOptions?.iconAfter\"\n    [iconAfterColor]=\"buttonOptions?.iconAfterColor\"\n    [iconAfterSize]=\"buttonOptions?.iconAfterSize\"\n    [isLoading]=\"buttonOptions?.isLoading\"\n    [drDropdown]=\"menu\"\n    [drDropdownPosition]=\"buttonOptions?.dropdownPosition || 'left-top'\"\n    (drDropdownAction)=\"onMenuAction($event)\">\n    {{ buttonOptions?.content }}\n</dr-button>\n", styles: [":host{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%}\n"] }]
+        args: [{ selector: 'dr-cell-action', standalone: true, imports: [CommonModule, DrInputsModule, DrDropdownModule], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                    '[class.dr-cell-action-pin-right]': 'pinRight',
+                }, template: "<dr-button\n    data-analytics=\"cell-action_button-0\"\n    *ngIf=\"!isDisabled\"\n    [attr.data-analytics]=\"dataAnalytics\"\n    [theme]=\"buttonOptions?.theme || 'icon'\"\n    [icon]=\"buttonOptions?.icon || 'dr-icon-more'\"\n    [iconSize]=\"buttonOptions?.iconSize\"\n    [iconAfter]=\"buttonOptions?.iconAfter\"\n    [iconAfterColor]=\"buttonOptions?.iconAfterColor\"\n    [iconAfterSize]=\"buttonOptions?.iconAfterSize\"\n    [isLoading]=\"buttonOptions?.isLoading\"\n    [drDropdown]=\"menu\"\n    [drDropdownPosition]=\"buttonOptions?.dropdownPosition || 'left-top'\"\n    (drDropdownAction)=\"onMenuAction($event)\">\n    {{ buttonOptions?.content }}\n</dr-button>\n", styles: [":host{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%}:host.dr-cell-action-pin-right{justify-content:flex-end;padding-right:8px}\n"] }]
     }], null, { menu: [{
             type: Input
         }], dataAnalytics: [{
@@ -19177,6 +19191,8 @@ class CellActionComponent {
             type: Input
         }], useParentDataForChildren: [{
             type: Input
+        }], pinRight: [{
+            type: Input
         }] }); })();
 
 function CellCheckboxComponent_dr_checkbox_0_Template(rf, ctx) { if (rf & 1) {
@@ -19686,11 +19702,11 @@ class CellChildrenListComponent {
             i0.ɵɵtemplate(0, CellChildrenListComponent_div_0_Template, 2, 2, "div", 0);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.children == null ? null : ctx.children.length);
-        } }, dependencies: [CommonModule, i1.NgIf, DrInputsModule, DrButtonComponent], styles: ["[_nghost-%COMP%]{height:100%;display:flex;align-items:center;justify-content:center}[_nghost-%COMP%]   .cell-children-list[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center}  .ag-row-level-0 .dr-cell-children-list{padding-left:16px;overflow:visible;z-index:1}  .ag-row-level-0 .dr-cell-children-list+.ag-cell{padding-left:16px;border-top:none;border-bottom:none}  .ag-row-level-0 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}  .ag-row-level-1 .dr-cell-children-list{padding-left:32px;overflow:visible;z-index:1}  .ag-row-level-1 .dr-cell-children-list+.ag-cell{padding-left:32px;border-top:none;border-bottom:none}  .ag-row-level-1 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}  .ag-row-level-2 .dr-cell-children-list{padding-left:48px;overflow:visible;z-index:1}  .ag-row-level-2 .dr-cell-children-list+.ag-cell{padding-left:48px;border-top:none;border-bottom:none}  .ag-row-level-2 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}  .ag-row-level-3 .dr-cell-children-list{padding-left:64px;overflow:visible;z-index:1}  .ag-row-level-3 .dr-cell-children-list+.ag-cell{padding-left:64px;border-top:none;border-bottom:none}  .ag-row-level-3 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}  .ag-row-level-4 .dr-cell-children-list{padding-left:80px;overflow:visible;z-index:1}  .ag-row-level-4 .dr-cell-children-list+.ag-cell{padding-left:80px;border-top:none;border-bottom:none}  .ag-row-level-4 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}  .ag-row-level-5 .dr-cell-children-list{padding-left:96px;overflow:visible;z-index:1}  .ag-row-level-5 .dr-cell-children-list+.ag-cell{padding-left:96px;border-top:none;border-bottom:none}  .ag-row-level-5 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}  .ag-row-level-6 .dr-cell-children-list{padding-left:112px;overflow:visible;z-index:1}  .ag-row-level-6 .dr-cell-children-list+.ag-cell{padding-left:112px;border-top:none;border-bottom:none}  .ag-row-level-6 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}  .ag-row-level-7 .dr-cell-children-list{padding-left:128px;overflow:visible;z-index:1}  .ag-row-level-7 .dr-cell-children-list+.ag-cell{padding-left:128px;border-top:none;border-bottom:none}  .ag-row-level-7 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}  .ag-row-level-8 .dr-cell-children-list{padding-left:144px;overflow:visible;z-index:1}  .ag-row-level-8 .dr-cell-children-list+.ag-cell{padding-left:144px;border-top:none;border-bottom:none}  .ag-row-level-8 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}  .ag-row-level-9 .dr-cell-children-list{padding-left:160px;overflow:visible;z-index:1}  .ag-row-level-9 .dr-cell-children-list+.ag-cell{padding-left:160px;border-top:none;border-bottom:none}  .ag-row-level-9 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}  .ag-row-level-10 .dr-cell-children-list{padding-left:176px;overflow:visible;z-index:1}  .ag-row-level-10 .dr-cell-children-list+.ag-cell{padding-left:176px;border-top:none;border-bottom:none}  .ag-row-level-10 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}  .dr-row-child .dr-cell-children-list+.ag-cell .ag-selection-checkbox{border-left:1px solid #9ea1aa}  .dr-row-child .dr-cell-children-list+.ag-cell .ag-selection-checkbox:before{content:\"\";position:absolute;width:9px;top:calc(-50% - 2px);height:calc(100% + 4px);left:-1px;display:block;border-left:1px solid #9ea1aa;border-bottom:1px solid #9ea1aa}  .dr-row-child-first .dr-cell-children-list+.ag-cell .ag-selection-checkbox:before{top:-1px;height:calc(50% + 2px)}  .dr-row-child-last .dr-cell-children-list+.ag-cell .ag-selection-checkbox{border-left-color:transparent}  .dr-row-child-last .dr-cell-children-list+.ag-cell .ag-selection-checkbox:before{border-bottom-left-radius:4px}  .dr-row-parent-expanded .ag-selection-checkbox{height:100%;position:relative}  .dr-row-parent-expanded .ag-selection-checkbox:after{content:\"\";position:absolute;top:calc(50% + 8px);left:calc(50% + 3px);height:calc(50% + 1px);display:block;border-left:1px solid #9ea1aa}"], changeDetection: 0 }); }
+        } }, dependencies: [CommonModule, i1.NgIf, DrInputsModule, DrButtonComponent], styles: ["[_nghost-%COMP%]{height:100%;display:flex;align-items:center;justify-content:center}[_nghost-%COMP%]   .cell-children-list[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center}  .ag-row-level-0 .dr-cell-children-list{padding-left:16px;overflow:visible;z-index:1}  .ag-row-level-0 .dr-cell-children-list+.ag-cell{padding-left:16px;border-top:none;border-bottom:none}  .ag-row-level-0 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}  .ag-row-level-1 .dr-cell-children-list{padding-left:32px;overflow:visible;z-index:1}  .ag-row-level-1 .dr-cell-children-list+.ag-cell{padding-left:32px;border-top:none;border-bottom:none}  .ag-row-level-1 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}  .ag-row-level-2 .dr-cell-children-list{padding-left:48px;overflow:visible;z-index:1}  .ag-row-level-2 .dr-cell-children-list+.ag-cell{padding-left:48px;border-top:none;border-bottom:none}  .ag-row-level-2 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}  .ag-row-level-3 .dr-cell-children-list{padding-left:64px;overflow:visible;z-index:1}  .ag-row-level-3 .dr-cell-children-list+.ag-cell{padding-left:64px;border-top:none;border-bottom:none}  .ag-row-level-3 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}  .ag-row-level-4 .dr-cell-children-list{padding-left:80px;overflow:visible;z-index:1}  .ag-row-level-4 .dr-cell-children-list+.ag-cell{padding-left:80px;border-top:none;border-bottom:none}  .ag-row-level-4 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}  .ag-row-level-5 .dr-cell-children-list{padding-left:96px;overflow:visible;z-index:1}  .ag-row-level-5 .dr-cell-children-list+.ag-cell{padding-left:96px;border-top:none;border-bottom:none}  .ag-row-level-5 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}  .ag-row-level-6 .dr-cell-children-list{padding-left:112px;overflow:visible;z-index:1}  .ag-row-level-6 .dr-cell-children-list+.ag-cell{padding-left:112px;border-top:none;border-bottom:none}  .ag-row-level-6 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}  .ag-row-level-7 .dr-cell-children-list{padding-left:128px;overflow:visible;z-index:1}  .ag-row-level-7 .dr-cell-children-list+.ag-cell{padding-left:128px;border-top:none;border-bottom:none}  .ag-row-level-7 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}  .ag-row-level-8 .dr-cell-children-list{padding-left:144px;overflow:visible;z-index:1}  .ag-row-level-8 .dr-cell-children-list+.ag-cell{padding-left:144px;border-top:none;border-bottom:none}  .ag-row-level-8 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}  .ag-row-level-9 .dr-cell-children-list{padding-left:160px;overflow:visible;z-index:1}  .ag-row-level-9 .dr-cell-children-list+.ag-cell{padding-left:160px;border-top:none;border-bottom:none}  .ag-row-level-9 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}  .ag-row-level-10 .dr-cell-children-list{padding-left:176px;overflow:visible;z-index:1}  .ag-row-level-10 .dr-cell-children-list+.ag-cell{padding-left:176px;border-top:none;border-bottom:none}  .ag-row-level-10 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}  .dr-row-child:not(.dr-row-suppress-connected-lines) .dr-cell-children-list+.ag-cell .ag-selection-checkbox{border-left:1px solid #9ea1aa}  .dr-row-child:not(.dr-row-suppress-connected-lines) .dr-cell-children-list+.ag-cell .ag-selection-checkbox:before{content:\"\";position:absolute;width:9px;top:calc(-50% - 2px);height:calc(100% + 4px);left:-1px;display:block;border-left:1px solid #9ea1aa;border-bottom:1px solid #9ea1aa}  .dr-row-child-first:not(.dr-row-suppress-connected-lines) .dr-cell-children-list+.ag-cell .ag-selection-checkbox:before{top:-1px;height:calc(50% + 2px)}  .dr-row-child-last:not(.dr-row-suppress-connected-lines) .dr-cell-children-list+.ag-cell .ag-selection-checkbox{border-left-color:transparent}  .dr-row-child-last:not(.dr-row-suppress-connected-lines) .dr-cell-children-list+.ag-cell .ag-selection-checkbox:before{border-bottom-left-radius:4px}  .dr-row-parent-expanded:not(.dr-row-suppress-connected-lines) .ag-selection-checkbox{height:100%;position:relative}  .dr-row-parent-expanded:not(.dr-row-suppress-connected-lines) .ag-selection-checkbox:after{content:\"\";position:absolute;top:calc(50% + 8px);left:calc(50% + 3px);height:calc(50% + 1px);display:block;border-left:1px solid #9ea1aa}"], changeDetection: 0 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CellChildrenListComponent, [{
         type: Component,
-        args: [{ selector: 'dr-cell-children-list', standalone: true, imports: [CommonModule, DrInputsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"cell-children-list\" *ngIf=\"children?.length\">\n    <dr-button\n        data-analytics=\"tables_cells_cell-children-list_button-0\"\n        theme=\"icon\"\n        [iconSize]=\"collapseIconSize\"\n        [icon]=\"rowNode.drCollapsed ? 'dr-icon-arrow-right' : 'dr-icon-arrow-down'\"\n        (click)=\"$event?.stopPropagation(); rowNode.drCollapsed ? this.expand() : this.collapse()\"></dr-button>\n</div>\n", styles: [":host{height:100%;display:flex;align-items:center;justify-content:center}:host .cell-children-list{display:flex;align-items:center;justify-content:center}::ng-deep .ag-row-level-0 .dr-cell-children-list{padding-left:16px;overflow:visible;z-index:1}::ng-deep .ag-row-level-0 .dr-cell-children-list+.ag-cell{padding-left:16px;border-top:none;border-bottom:none}::ng-deep .ag-row-level-0 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}::ng-deep .ag-row-level-1 .dr-cell-children-list{padding-left:32px;overflow:visible;z-index:1}::ng-deep .ag-row-level-1 .dr-cell-children-list+.ag-cell{padding-left:32px;border-top:none;border-bottom:none}::ng-deep .ag-row-level-1 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}::ng-deep .ag-row-level-2 .dr-cell-children-list{padding-left:48px;overflow:visible;z-index:1}::ng-deep .ag-row-level-2 .dr-cell-children-list+.ag-cell{padding-left:48px;border-top:none;border-bottom:none}::ng-deep .ag-row-level-2 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}::ng-deep .ag-row-level-3 .dr-cell-children-list{padding-left:64px;overflow:visible;z-index:1}::ng-deep .ag-row-level-3 .dr-cell-children-list+.ag-cell{padding-left:64px;border-top:none;border-bottom:none}::ng-deep .ag-row-level-3 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}::ng-deep .ag-row-level-4 .dr-cell-children-list{padding-left:80px;overflow:visible;z-index:1}::ng-deep .ag-row-level-4 .dr-cell-children-list+.ag-cell{padding-left:80px;border-top:none;border-bottom:none}::ng-deep .ag-row-level-4 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}::ng-deep .ag-row-level-5 .dr-cell-children-list{padding-left:96px;overflow:visible;z-index:1}::ng-deep .ag-row-level-5 .dr-cell-children-list+.ag-cell{padding-left:96px;border-top:none;border-bottom:none}::ng-deep .ag-row-level-5 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}::ng-deep .ag-row-level-6 .dr-cell-children-list{padding-left:112px;overflow:visible;z-index:1}::ng-deep .ag-row-level-6 .dr-cell-children-list+.ag-cell{padding-left:112px;border-top:none;border-bottom:none}::ng-deep .ag-row-level-6 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}::ng-deep .ag-row-level-7 .dr-cell-children-list{padding-left:128px;overflow:visible;z-index:1}::ng-deep .ag-row-level-7 .dr-cell-children-list+.ag-cell{padding-left:128px;border-top:none;border-bottom:none}::ng-deep .ag-row-level-7 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}::ng-deep .ag-row-level-8 .dr-cell-children-list{padding-left:144px;overflow:visible;z-index:1}::ng-deep .ag-row-level-8 .dr-cell-children-list+.ag-cell{padding-left:144px;border-top:none;border-bottom:none}::ng-deep .ag-row-level-8 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}::ng-deep .ag-row-level-9 .dr-cell-children-list{padding-left:160px;overflow:visible;z-index:1}::ng-deep .ag-row-level-9 .dr-cell-children-list+.ag-cell{padding-left:160px;border-top:none;border-bottom:none}::ng-deep .ag-row-level-9 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}::ng-deep .ag-row-level-10 .dr-cell-children-list{padding-left:176px;overflow:visible;z-index:1}::ng-deep .ag-row-level-10 .dr-cell-children-list+.ag-cell{padding-left:176px;border-top:none;border-bottom:none}::ng-deep .ag-row-level-10 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}::ng-deep .dr-row-child .dr-cell-children-list+.ag-cell .ag-selection-checkbox{border-left:1px solid #9ea1aa}::ng-deep .dr-row-child .dr-cell-children-list+.ag-cell .ag-selection-checkbox:before{content:\"\";position:absolute;width:9px;top:calc(-50% - 2px);height:calc(100% + 4px);left:-1px;display:block;border-left:1px solid #9ea1aa;border-bottom:1px solid #9ea1aa}::ng-deep .dr-row-child-first .dr-cell-children-list+.ag-cell .ag-selection-checkbox:before{top:-1px;height:calc(50% + 2px)}::ng-deep .dr-row-child-last .dr-cell-children-list+.ag-cell .ag-selection-checkbox{border-left-color:transparent}::ng-deep .dr-row-child-last .dr-cell-children-list+.ag-cell .ag-selection-checkbox:before{border-bottom-left-radius:4px}::ng-deep .dr-row-parent-expanded .ag-selection-checkbox{height:100%;position:relative}::ng-deep .dr-row-parent-expanded .ag-selection-checkbox:after{content:\"\";position:absolute;top:calc(50% + 8px);left:calc(50% + 3px);height:calc(50% + 1px);display:block;border-left:1px solid #9ea1aa}\n"] }]
+        args: [{ selector: 'dr-cell-children-list', standalone: true, imports: [CommonModule, DrInputsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"cell-children-list\" *ngIf=\"children?.length\">\n    <dr-button\n        data-analytics=\"tables_cells_cell-children-list_button-0\"\n        theme=\"icon\"\n        [iconSize]=\"collapseIconSize\"\n        [icon]=\"rowNode.drCollapsed ? 'dr-icon-arrow-right' : 'dr-icon-arrow-down'\"\n        (click)=\"$event?.stopPropagation(); rowNode.drCollapsed ? this.expand() : this.collapse()\"></dr-button>\n</div>\n", styles: [":host{height:100%;display:flex;align-items:center;justify-content:center}:host .cell-children-list{display:flex;align-items:center;justify-content:center}::ng-deep .ag-row-level-0 .dr-cell-children-list{padding-left:16px;overflow:visible;z-index:1}::ng-deep .ag-row-level-0 .dr-cell-children-list+.ag-cell{padding-left:16px;border-top:none;border-bottom:none}::ng-deep .ag-row-level-0 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}::ng-deep .ag-row-level-1 .dr-cell-children-list{padding-left:32px;overflow:visible;z-index:1}::ng-deep .ag-row-level-1 .dr-cell-children-list+.ag-cell{padding-left:32px;border-top:none;border-bottom:none}::ng-deep .ag-row-level-1 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}::ng-deep .ag-row-level-2 .dr-cell-children-list{padding-left:48px;overflow:visible;z-index:1}::ng-deep .ag-row-level-2 .dr-cell-children-list+.ag-cell{padding-left:48px;border-top:none;border-bottom:none}::ng-deep .ag-row-level-2 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}::ng-deep .ag-row-level-3 .dr-cell-children-list{padding-left:64px;overflow:visible;z-index:1}::ng-deep .ag-row-level-3 .dr-cell-children-list+.ag-cell{padding-left:64px;border-top:none;border-bottom:none}::ng-deep .ag-row-level-3 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}::ng-deep .ag-row-level-4 .dr-cell-children-list{padding-left:80px;overflow:visible;z-index:1}::ng-deep .ag-row-level-4 .dr-cell-children-list+.ag-cell{padding-left:80px;border-top:none;border-bottom:none}::ng-deep .ag-row-level-4 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}::ng-deep .ag-row-level-5 .dr-cell-children-list{padding-left:96px;overflow:visible;z-index:1}::ng-deep .ag-row-level-5 .dr-cell-children-list+.ag-cell{padding-left:96px;border-top:none;border-bottom:none}::ng-deep .ag-row-level-5 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}::ng-deep .ag-row-level-6 .dr-cell-children-list{padding-left:112px;overflow:visible;z-index:1}::ng-deep .ag-row-level-6 .dr-cell-children-list+.ag-cell{padding-left:112px;border-top:none;border-bottom:none}::ng-deep .ag-row-level-6 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}::ng-deep .ag-row-level-7 .dr-cell-children-list{padding-left:128px;overflow:visible;z-index:1}::ng-deep .ag-row-level-7 .dr-cell-children-list+.ag-cell{padding-left:128px;border-top:none;border-bottom:none}::ng-deep .ag-row-level-7 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}::ng-deep .ag-row-level-8 .dr-cell-children-list{padding-left:144px;overflow:visible;z-index:1}::ng-deep .ag-row-level-8 .dr-cell-children-list+.ag-cell{padding-left:144px;border-top:none;border-bottom:none}::ng-deep .ag-row-level-8 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}::ng-deep .ag-row-level-9 .dr-cell-children-list{padding-left:160px;overflow:visible;z-index:1}::ng-deep .ag-row-level-9 .dr-cell-children-list+.ag-cell{padding-left:160px;border-top:none;border-bottom:none}::ng-deep .ag-row-level-9 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}::ng-deep .ag-row-level-10 .dr-cell-children-list{padding-left:176px;overflow:visible;z-index:1}::ng-deep .ag-row-level-10 .dr-cell-children-list+.ag-cell{padding-left:176px;border-top:none;border-bottom:none}::ng-deep .ag-row-level-10 .dr-cell-children-list+.ag-cell .ag-selection-checkbox{height:100%!important;position:relative;margin-left:-10px;padding-left:8px;border-left:1px solid transparent}::ng-deep .dr-row-child:not(.dr-row-suppress-connected-lines) .dr-cell-children-list+.ag-cell .ag-selection-checkbox{border-left:1px solid #9ea1aa}::ng-deep .dr-row-child:not(.dr-row-suppress-connected-lines) .dr-cell-children-list+.ag-cell .ag-selection-checkbox:before{content:\"\";position:absolute;width:9px;top:calc(-50% - 2px);height:calc(100% + 4px);left:-1px;display:block;border-left:1px solid #9ea1aa;border-bottom:1px solid #9ea1aa}::ng-deep .dr-row-child-first:not(.dr-row-suppress-connected-lines) .dr-cell-children-list+.ag-cell .ag-selection-checkbox:before{top:-1px;height:calc(50% + 2px)}::ng-deep .dr-row-child-last:not(.dr-row-suppress-connected-lines) .dr-cell-children-list+.ag-cell .ag-selection-checkbox{border-left-color:transparent}::ng-deep .dr-row-child-last:not(.dr-row-suppress-connected-lines) .dr-cell-children-list+.ag-cell .ag-selection-checkbox:before{border-bottom-left-radius:4px}::ng-deep .dr-row-parent-expanded:not(.dr-row-suppress-connected-lines) .ag-selection-checkbox{height:100%;position:relative}::ng-deep .dr-row-parent-expanded:not(.dr-row-suppress-connected-lines) .ag-selection-checkbox:after{content:\"\";position:absolute;top:calc(50% + 8px);left:calc(50% + 3px);height:calc(50% + 1px);display:block;border-left:1px solid #9ea1aa}\n"] }]
     }], null, null); })();
 
 function CellCustomTemplateComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
@@ -20143,7 +20159,7 @@ function CellSelectComponent_div_0_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngModel", ctx_r0.field[ctx_r0.bindFieldValue])("bindLabel", ctx_r0.selectConfig == null ? null : ctx_r0.selectConfig.bindLabel)("bindValue", ctx_r0.selectConfig == null ? null : ctx_r0.selectConfig.bindValue)("multiple", ctx_r0.selectConfig == null ? null : ctx_r0.selectConfig.multiple)("addTag", ctx_r0.selectConfig == null ? null : ctx_r0.selectConfig.addTag)("clearable", ctx_r0.selectConfig == null ? null : ctx_r0.selectConfig.clearable)("searchable", ctx_r0.selectConfig == null ? null : ctx_r0.selectConfig.searchable)("items", ctx_r0.selectItems);
+    i0.ɵɵproperty("ngModel", ctx_r0.field[ctx_r0.bindFieldValue])("bindLabel", ctx_r0.selectConfig == null ? null : ctx_r0.selectConfig.bindLabel)("bindValue", ctx_r0.selectConfig == null ? null : ctx_r0.selectConfig.bindValue)("multiple", ctx_r0.selectConfig == null ? null : ctx_r0.selectConfig.multiple)("addTag", ctx_r0.selectConfig == null ? null : ctx_r0.selectConfig.addTag)("clearable", ctx_r0.selectConfig == null ? null : ctx_r0.selectConfig.clearable)("searchable", ctx_r0.selectConfig == null ? null : ctx_r0.selectConfig.searchable)("items", ctx_r0.selectItems)("borderless", ctx_r0.selectConfig == null ? null : ctx_r0.selectConfig.borderless);
 } }
 class CellSelectComponent {
     agInit(params) {
@@ -20162,15 +20178,15 @@ class CellSelectComponent {
         }
     }
     /** @nocollapse */ static { this.ɵfac = function CellSelectComponent_Factory(t) { return new (t || CellSelectComponent)(); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: CellSelectComponent, selectors: [["dr-cell-select"]], standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 1, vars: 1, consts: [["class", "cell-select", 4, "ngIf"], [1, "cell-select"], ["data-analytics", "cell-select_select-0", "appendTo", "body", 3, "ngModel", "bindLabel", "bindValue", "multiple", "addTag", "clearable", "searchable", "items", "ngModelChange"]], template: function CellSelectComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, CellSelectComponent_div_0_Template, 2, 8, "div", 0);
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: CellSelectComponent, selectors: [["dr-cell-select"]], standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 1, vars: 1, consts: [["class", "cell-select", 4, "ngIf"], [1, "cell-select"], ["data-analytics", "cell-select_select-0", "appendTo", "body", 3, "ngModel", "bindLabel", "bindValue", "multiple", "addTag", "clearable", "searchable", "items", "borderless", "ngModelChange"]], template: function CellSelectComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, CellSelectComponent_div_0_Template, 2, 9, "div", 0);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.field && ctx.selectItems);
         } }, dependencies: [NgIf, FormsModule, i2.NgControlStatus, i2.NgModel, DrInputsModule, DrSelectComponent], styles: ["[_nghost-%COMP%]{flex-grow:1}"], changeDetection: 0 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CellSelectComponent, [{
         type: Component,
-        args: [{ selector: 'dr-cell-select', standalone: true, imports: [NgIf, FormsModule, DrInputsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"field && selectItems\" class=\"cell-select\">\n    <dr-select\n        data-analytics=\"cell-select_select-0\"\n        [(ngModel)]=\"field[bindFieldValue]\"\n        appendTo=\"body\"\n        [bindLabel]=\"selectConfig?.bindLabel\"\n        [bindValue]=\"selectConfig?.bindValue\"\n        [multiple]=\"selectConfig?.multiple\"\n        [addTag]=\"selectConfig?.addTag\"\n        [clearable]=\"selectConfig?.clearable\"\n        [searchable]=\"selectConfig?.searchable\"\n        [items]=\"selectItems\"\n        (ngModelChange)=\"onChange()\"></dr-select>\n</div>\n", styles: [":host{flex-grow:1}\n"] }]
+        args: [{ selector: 'dr-cell-select', standalone: true, imports: [NgIf, FormsModule, DrInputsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"field && selectItems\" class=\"cell-select\">\n    <dr-select\n        data-analytics=\"cell-select_select-0\"\n        [(ngModel)]=\"field[bindFieldValue]\"\n        appendTo=\"body\"\n        [bindLabel]=\"selectConfig?.bindLabel\"\n        [bindValue]=\"selectConfig?.bindValue\"\n        [multiple]=\"selectConfig?.multiple\"\n        [addTag]=\"selectConfig?.addTag\"\n        [clearable]=\"selectConfig?.clearable\"\n        [searchable]=\"selectConfig?.searchable\"\n        [items]=\"selectItems\"\n        [borderless]=\"selectConfig?.borderless\"\n        (ngModelChange)=\"onChange()\"></dr-select>\n</div>\n", styles: [":host{flex-grow:1}\n"] }]
     }], null, null); })();
 
 const GRID_THEME_OPTIONS = {
@@ -21068,9 +21084,11 @@ class TblToggleButtonHeaderComponent {
         this.bindLabel = tableWidth < params.minTableWidth ? null : (params.bindLabel ?? null);
         this.bindValue = params.bindValue || null;
         this.bindHidden = params.bindHidden || null;
+        this.pinRight = params.pinRight || false;
         this.mode = tableWidth < params.minTableWidth ? ToggleButtonMode.ICON_ONLY : params.mode || ToggleButtonMode.DEFAULT;
         this.selectedValue = params.selectedValue || null;
         this.selectedValue$ = params.selectedValue$ || null;
+        params.api.addEventListener('gridSizeChanged', this.onGridSizeChanged.bind(this));
     }
     refresh() {
         return false;
@@ -21078,19 +21096,35 @@ class TblToggleButtonHeaderComponent {
     onSelectionChanged(selectedValue) {
         this.params.onSelectionChanged(selectedValue);
     }
+    onGridSizeChanged() {
+        const tableWidth = this.params?.api?.gridBodyCtrl?.eGridBody?.clientWidth;
+        const isCompact = tableWidth < this.params.minTableWidth;
+        const newBindLabel = isCompact ? null : (this.params.bindLabel ?? null);
+        const newMode = isCompact ? ToggleButtonMode.ICON_ONLY : this.params.mode || ToggleButtonMode.DEFAULT;
+        if (newBindLabel === this.bindLabel && newMode === this.mode) {
+            return;
+        }
+        this.bindLabel = newBindLabel;
+        this.mode = newMode;
+        this.params.api.refreshCells();
+    }
     /** @nocollapse */ static { this.ɵfac = function TblToggleButtonHeaderComponent_Factory(t) { return new (t || TblToggleButtonHeaderComponent)(); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TblToggleButtonHeaderComponent, selectors: [["dr-tbl-toggle-button-header"]], standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 2, vars: 7, consts: [["data-analytics", "tables_dr-grid_tbl-toggle-button-header_toggle-button-0", 3, "ngModel", "items", "bindValue", "bindLabel", "mode", "ngModelChange"]], template: function TblToggleButtonHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TblToggleButtonHeaderComponent, selectors: [["dr-tbl-toggle-button-header"]], hostVars: 2, hostBindings: function TblToggleButtonHeaderComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵclassProp("dr-tbl-toggle-button-header-pin-right", ctx.pinRight);
+        } }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 2, vars: 7, consts: [["data-analytics", "tables_dr-grid_tbl-toggle-button-header_toggle-button-0", 3, "ngModel", "items", "bindValue", "bindLabel", "mode", "ngModelChange"]], template: function TblToggleButtonHeaderComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "dr-toggle-button", 0);
             i0.ɵɵlistener("ngModelChange", function TblToggleButtonHeaderComponent_Template_dr_toggle_button_ngModelChange_0_listener($event) { return ctx.onSelectionChanged($event); });
             i0.ɵɵpipe(1, "async");
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵproperty("ngModel", i0.ɵɵpipeBind1(1, 5, ctx.selectedValue$) || ctx.selectedValue)("items", ctx.items)("bindValue", ctx.bindValue)("bindLabel", ctx.bindLabel)("mode", ctx.mode);
-        } }, dependencies: [DrInputsModule, DrToggleButtonComponent, FormsModule, i2.NgControlStatus, i2.NgModel, AsyncPipe], styles: ["[_nghost-%COMP%]{position:absolute;top:0;right:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}  .ag-header-cell:has(dr-tbl-toggle-button-header){overflow:visible}"] }); }
+        } }, dependencies: [DrInputsModule, DrToggleButtonComponent, FormsModule, i2.NgControlStatus, i2.NgModel, AsyncPipe], styles: ["[_nghost-%COMP%]{position:absolute;top:0;right:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.dr-tbl-toggle-button-header-pin-right[_nghost-%COMP%]{justify-content:flex-end;padding-right:16px}[_nghost-%COMP%]     .toggle-container__item__content{gap:4px;padding:4px 8px!important}[_nghost-%COMP%]     .toggle-container__item__content__icon{margin-right:0!important}  .ag-header-cell:has(dr-tbl-toggle-button-header){overflow:visible}"] }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TblToggleButtonHeaderComponent, [{
         type: Component,
-        args: [{ selector: 'dr-tbl-toggle-button-header', standalone: true, imports: [DrInputsModule, FormsModule, AsyncPipe], template: "<dr-toggle-button\n    data-analytics=\"tables_dr-grid_tbl-toggle-button-header_toggle-button-0\"\n    [ngModel]=\"(selectedValue$ | async) || selectedValue\"\n    (ngModelChange)=\"onSelectionChanged($event)\"\n    [items]=\"items\"\n    [bindValue]=\"bindValue\"\n    [bindLabel]=\"bindLabel\"\n    [mode]=\"mode\">\n</dr-toggle-button>\n", styles: [":host{position:absolute;top:0;right:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}::ng-deep .ag-header-cell:has(dr-tbl-toggle-button-header){overflow:visible}\n"] }]
+        args: [{ selector: 'dr-tbl-toggle-button-header', standalone: true, imports: [DrInputsModule, FormsModule, AsyncPipe], host: {
+                    '[class.dr-tbl-toggle-button-header-pin-right]': 'pinRight',
+                }, template: "<dr-toggle-button\n    data-analytics=\"tables_dr-grid_tbl-toggle-button-header_toggle-button-0\"\n    [ngModel]=\"(selectedValue$ | async) || selectedValue\"\n    (ngModelChange)=\"onSelectionChanged($event)\"\n    [items]=\"items\"\n    [bindValue]=\"bindValue\"\n    [bindLabel]=\"bindLabel\"\n    [mode]=\"mode\">\n</dr-toggle-button>\n", styles: [":host{position:absolute;top:0;right:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}:host.dr-tbl-toggle-button-header-pin-right{justify-content:flex-end;padding-right:16px}:host ::ng-deep .toggle-container__item__content{gap:4px;padding:4px 8px!important}:host ::ng-deep .toggle-container__item__content__icon{margin-right:0!important}::ng-deep .ag-header-cell:has(dr-tbl-toggle-button-header){overflow:visible}\n"] }]
     }], null, null); })();
 
 class DrDividerComponent {