@datarailsshared/datarailsshared 1.5.397 → 1.5.402

package/fesm2022/datarailsshared-datarailsshared.mjs

@@ -895,8 +895,8 @@ class DrSpinnerDirective {
 
 const _c0$C = ["labelTemplate"];
 const _c1$g = ["optionTemplate"];
-const _c2$5 = ["optionHeaderTemplate"];
-const _c3$4 = ["optionFooterTemplate"];
+const _c2$6 = ["optionHeaderTemplate"];
+const _c3$5 = ["optionFooterTemplate"];
 const _c4$2 = function (a0) { return { item: a0 }; };
 function DrSelectComponent_2_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0, 6);
@@ -990,6 +990,7 @@ class DrSelectComponent {
     constructor(elementRef) {
         this.elementRef = elementRef;
         this.type = 'select';
+        this.clearInputTextAfterSelection = false;
         this.items = [];
         this.appendTo = 'body';
         this.loadingText = 'Loading...';
@@ -1041,6 +1042,9 @@ class DrSelectComponent {
         }
     }
     onValueSelected(selectedItem) {
+        if (this.clearInputTextAfterSelection && this.ngSelect) {
+            this.ngSelect.searchTerm = null;
+        }
         this.onChange(selectedItem);
         this.change.emit(selectedItem);
     }
@@ -1061,8 +1065,8 @@ class DrSelectComponent {
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrSelectComponent, selectors: [["dr-select"]], contentQueries: function DrSelectComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
             i0.ɵɵcontentQuery(dirIndex, _c0$C, 5);
             i0.ɵɵcontentQuery(dirIndex, _c1$g, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c2$5, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c3$4, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c2$6, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c3$5, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.labelTemplate = _t.first);
@@ -1077,7 +1081,7 @@ class DrSelectComponent {
         } }, hostVars: 4, hostBindings: function DrSelectComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵclassMap(ctx.type);
             i0.ɵɵclassProp("textView", ctx.asTextView);
-        } }, inputs: { type: "type", className: "className", items: "items", addTag: "addTag", appendTo: "appendTo", bindLabel: "bindLabel", bindValue: "bindValue", clearable: "clearable", searchable: "searchable", searchFn: "searchFn", multiple: "multiple", multipleHeightIncreased: "multipleHeightIncreased", hideSelected: "hideSelected", 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" }, outputs: { change: "change", open: "open", closeUp: "closeUp" }, features: [i0.ɵɵProvidersFeature([
+        } }, inputs: { type: "type", clearInputTextAfterSelection: "clearInputTextAfterSelection", className: "className", items: "items", addTag: "addTag", appendTo: "appendTo", bindLabel: "bindLabel", bindValue: "bindValue", clearable: "clearable", searchable: "searchable", searchFn: "searchFn", multiple: "multiple", multipleHeightIncreased: "multipleHeightIncreased", hideSelected: "hideSelected", 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" }, outputs: { change: "change", open: "open", closeUp: "closeUp" }, features: [i0.ɵɵProvidersFeature([
                 {
                     provide: NG_VALUE_ACCESSOR,
                     useExisting: DrSelectComponent,
@@ -1130,6 +1134,8 @@ class DrSelectComponent {
         }, {
             type: HostBinding,
             args: ['class']
+        }], clearInputTextAfterSelection: [{
+            type: Input
         }], className: [{
             type: Input
         }], items: [{
@@ -2866,7 +2872,7 @@ class DrModelDebounceChangeDirective {
 
 const _c0$z = ["prefix"];
 const _c1$e = ["suffix"];
-const _c2$4 = ["inputRef"];
+const _c2$5 = ["inputRef"];
 function DrInputComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
@@ -2911,7 +2917,7 @@ function DrInputComponent_button_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(" ", ctx_r5._buttonOptions.text, "\n");
 } }
-const _c3$3 = [[["", "prefixIcon", ""]], [["", "suffixIcon", ""]]];
+const _c3$4 = [[["", "prefixIcon", ""]], [["", "suffixIcon", ""]]];
 const _c4$1 = ["[prefixIcon]", "[suffixIcon]"];
 class DrInputComponent {
     set disabled(value) {
@@ -3081,7 +3087,7 @@ class DrInputComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.prefixIcon = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.suffixIcon = _t.first);
         } }, viewQuery: function DrInputComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c2$4, 5);
+            i0.ɵɵviewQuery(_c2$5, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputElement = _t.first);
@@ -3096,7 +3102,7 @@ class DrInputComponent {
                     multi: true,
                 },
             ])], ngContentSelectors: _c4$1, decls: 8, vars: 5, consts: [[4, "ngIf", "ngIfElse"], ["maskedInput", ""], ["class", "clear-icon", 3, "click", 4, "ngIf"], ["class", "search-icon", 3, "click", 4, "ngIf"], [3, "click", 4, "ngIf"], [3, "ngModel", "disabled", "readonly", "type", "placeholder", "name", "min", "max", "minlength", "maxlength", "step", "ngModelChange", "ngModelDebounceChange", "blur", "focus"], ["inputRef", ""], [3, "ngModel", "disabled", "readonly", "type", "placeholder", "name", "min", "max", "minlength", "maxlength", "mask", "suffix", "prefix", "step", "ngModelChange", "ngModelDebounceChange", "blur", "focus"], [1, "clear-icon", 3, "click"], [1, "search-icon", 3, "click"], [3, "click"]], template: function DrInputComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c3$3);
+            i0.ɵɵprojectionDef(_c3$4);
             i0.ɵɵprojection(0);
             i0.ɵɵtemplate(1, DrInputComponent_ng_container_1_Template, 3, 11, "ng-container", 0);
             i0.ɵɵtemplate(2, DrInputComponent_ng_template_2_Template, 2, 14, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
@@ -4732,7 +4738,7 @@ function StepperComponent_ng_container_3_div_1_ng_template_6_Template(rf, ctx) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(index_r11 + 1);
 } }
-const _c2$3 = function (a0, a1, a2) { return { index: a0, isLast: a1, step: a2 }; };
+const _c2$4 = function (a0, a1, a2) { return { index: a0, isLast: a1, step: a2 }; };
 function StepperComponent_ng_container_3_div_1_ng_container_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0, 25);
 } if (rf & 2) {
@@ -4742,7 +4748,7 @@ function StepperComponent_ng_container_3_div_1_ng_container_10_Template(rf, ctx)
     const step_r10 = ctx_r23.$implicit;
     i0.ɵɵnextContext();
     const _r6 = i0.ɵɵreference(8);
-    i0.ɵɵproperty("ngTemplateOutlet", _r6)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c2$3, index_r11, isLast_r12, step_r10));
+    i0.ɵɵproperty("ngTemplateOutlet", _r6)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c2$4, index_r11, isLast_r12, step_r10));
 } }
 function StepperComponent_ng_container_3_div_1_span_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 26);
@@ -4762,9 +4768,9 @@ function StepperComponent_ng_container_3_div_1_ng_container_12_Template(rf, ctx)
     const step_r10 = ctx_r25.$implicit;
     i0.ɵɵnextContext();
     const _r6 = i0.ɵɵreference(8);
-    i0.ɵɵproperty("ngTemplateOutlet", _r6)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c2$3, index_r11, isLast_r12, step_r10));
+    i0.ɵɵproperty("ngTemplateOutlet", _r6)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c2$4, index_r11, isLast_r12, step_r10));
 } }
-const _c3$2 = function (a0) { return { step: a0 }; };
+const _c3$3 = function (a0) { return { step: a0 }; };
 function StepperComponent_ng_container_3_div_1_Template(rf, ctx) { if (rf & 1) {
     const _r28 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 10);
@@ -4790,7 +4796,7 @@ function StepperComponent_ng_container_3_div_1_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵreference(6);
     i0.ɵɵclassProp("step-setup", ctx_r14.inlineLabels);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("drTooltip", step_r10.description && _r4)("drTooltipContext", i0.ɵɵpureFunction1(21, _c3$2, step_r10))("drTooltipPosition", "bottom");
+    i0.ɵɵproperty("drTooltip", step_r10.description && _r4)("drTooltipContext", i0.ɵɵpureFunction1(21, _c3$3, step_r10))("drTooltipPosition", "bottom");
     i0.ɵɵadvance(1);
     i0.ɵɵclassProp("active", ctx_r14.currentStep === step_r10)("completed", step_r10.completed);
     i0.ɵɵadvance(1);
@@ -5782,7 +5788,7 @@ function DrChatSuggestionsComponent_ng_template_3_Template(rf, ctx) { if (rf & 1
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngForOf", ctx_r3.visibleValues);
 } }
-const _c2$2 = function (a0, a1, a2, a3) { return { "chat-suggestions--three-cols": a0, "chat-suggestions--two-cols": a1, "chat-suggestions--one-col": a2, "chat-suggestions--button-mode": a3 }; };
+const _c2$3 = function (a0, a1, a2, a3) { return { "chat-suggestions--three-cols": a0, "chat-suggestions--two-cols": a1, "chat-suggestions--one-col": a2, "chat-suggestions--button-mode": a3 }; };
 class DrChatSuggestionsComponent {
     get hiddenValues() {
         return JSON.parse(localStorage.getItem('aiChatSuggestions')) || [];
@@ -5888,7 +5894,7 @@ class DrChatSuggestionsComponent {
             i0.ɵɵtemplate(3, DrChatSuggestionsComponent_ng_template_3_Template, 2, 6, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
             const _r2 = i0.ɵɵreference(4);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction4(3, _c2$2, ctx.colsCount === 3, ctx.colsCount === 2, ctx.colsCount === 1, ctx.buttonMode));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction4(3, _c2$3, ctx.colsCount === 3, ctx.colsCount === 2, ctx.colsCount === 1, ctx.buttonMode));
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx.buttonMode)("ngIfElse", _r2);
         } }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, DrButtonComponent], styles: ["[_nghost-%COMP%]{display:flex;align-items:flex-start;justify-content:center}[_nghost-%COMP%]   .chat-suggestions[_ngcontent-%COMP%]{display:flex;width:100%;justify-content:center;max-width:956px}[_nghost-%COMP%]   .chat-suggestions--button-mode[_ngcontent-%COMP%]{justify-content:flex-start}[_nghost-%COMP%]   .chat-suggestions--button-mode[_ngcontent-%COMP%]   .chat-suggestions__items[_ngcontent-%COMP%]{padding-top:32px}[_nghost-%COMP%]   .chat-suggestions--one-col[_ngcontent-%COMP%]{padding-left:0;grid-template-columns:repeat(1,300px)}[_nghost-%COMP%]   .chat-suggestions--one-col[_ngcontent-%COMP%]   .chat-suggestions__items[_ngcontent-%COMP%]{grid-template-columns:repeat(1,300px)}[_nghost-%COMP%]   .chat-suggestions--two-cols[_ngcontent-%COMP%]{padding-left:0;grid-template-columns:repeat(2,300px)}[_nghost-%COMP%]   .chat-suggestions--two-cols[_ngcontent-%COMP%]   .chat-suggestions__items[_ngcontent-%COMP%]{grid-template-columns:repeat(2,300px)}[_nghost-%COMP%]   .chat-suggestions--three-cols[_ngcontent-%COMP%]{padding-left:0;grid-template-columns:repeat(3,300px)}[_nghost-%COMP%]   .chat-suggestions--three-cols[_ngcontent-%COMP%]   .chat-suggestions__container[_ngcontent-%COMP%]{padding-left:0}[_nghost-%COMP%]   .chat-suggestions--three-cols[_ngcontent-%COMP%]   .chat-suggestions__items[_ngcontent-%COMP%]{grid-template-columns:repeat(3,300px)}[_nghost-%COMP%]   .chat-suggestions__container[_ngcontent-%COMP%]{display:flex;position:relative;width:auto;margin-top:12px;padding:0 16px}[_nghost-%COMP%]   .chat-suggestions__container__button[_ngcontent-%COMP%]{z-index:3;background:linear-gradient(-90deg,#6969ff,#4eb7df) border-box;border-radius:2em;border:1.5px solid transparent}[_nghost-%COMP%]   .chat-suggestions__container__button[_ngcontent-%COMP%]  button{background:#fff;border-radius:24px;color:#4646ce;border:none;cursor:pointer}[_nghost-%COMP%]   .chat-suggestions__container[_ngcontent-%COMP%]   .chat-suggestions__items[_ngcontent-%COMP%]{display:none;position:absolute;width:100%;bottom:0;left:0;padding-bottom:56px;z-index:2}[_nghost-%COMP%]   .chat-suggestions__container--opened[_ngcontent-%COMP%]{width:100%}[_nghost-%COMP%]   .chat-suggestions__container--opened[_ngcontent-%COMP%]   .chat-suggestions__container__button[_ngcontent-%COMP%]  button{color:#4646ce;background:#f2f2fb}[_nghost-%COMP%]   .chat-suggestions__container--opened[_ngcontent-%COMP%]   .chat-suggestions__items[_ngcontent-%COMP%]{display:grid;align-items:center;justify-content:center}[_nghost-%COMP%]   .chat-suggestions__items[_ngcontent-%COMP%]{padding:0 16px;display:grid;gap:28px;grid-auto-rows:minmax(86px,auto);background:#ffffffb3}[_nghost-%COMP%]   .chat-suggestions__items__item[_ngcontent-%COMP%]{display:inline-flex;min-height:86px;width:300px;align-items:center;justify-content:center;text-align:center;padding:16px;border-radius:8px;background:#f2f2fb;box-shadow:0 1px 2px #00000026;font-size:14px;line-height:24px;color:#25258c}[_nghost-%COMP%]   .chat-suggestions__items__item[_ngcontent-%COMP%]:hover{cursor:pointer;background:#eaeaff}"], changeDetection: 0 }); }
@@ -5947,8 +5953,8 @@ function DrChatComponent_dr_chat_suggestions_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵclassProp("chat__suggestions--full-height", ctx_r3.fullScreen && !(ctx_r3.messages == null ? null : ctx_r3.messages.length));
     i0.ɵɵproperty("values", ctx_r3.suggestions)("fullScreen", ctx_r3.fullScreen)("waitForReply", ctx_r3.waitForReply)("buttonMode", !!(ctx_r3.messages == null ? null : ctx_r3.messages.length));
 } }
-const _c2$1 = [[["dr-chat-alert"]], [["dr-chat-form"]], [["dr-chat-message"]]];
-const _c3$1 = ["dr-chat-alert", "dr-chat-form", "dr-chat-message"];
+const _c2$2 = [[["dr-chat-alert"]], [["dr-chat-form"]], [["dr-chat-message"]]];
+const _c3$2 = ["dr-chat-alert", "dr-chat-form", "dr-chat-message"];
 class DrChatComponent {
     set contentUpdateSubject(value) {
         if (value) {
@@ -6041,8 +6047,8 @@ class DrChatComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.messagesContainer = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._chatSuggestions = _t.first);
-        } }, inputs: { fullScreen: "fullScreen", noMessagesPlaceholder: "noMessagesPlaceholder", contentUpdateSubject: "contentUpdateSubject", scrollBottom: "scrollBottom", suggestions: "suggestions", reopen: "reopen", waitForReply: "waitForReply" }, outputs: { suggestionSelect: "suggestionSelect" }, features: [i0.ɵɵProvidersFeature([DrChatCustomMessageService])], ngContentSelectors: _c3$1, decls: 10, vars: 6, consts: [[1, "chat"], [1, "chat__sticky-top"], [3, "ngTemplateOutlet", 4, "ngIf"], [1, "chat__alert"], ["class", "chat__empty-state", 4, "ngIf"], ["class", "chat__messages", 4, "ngIf"], ["class", "chat__suggestions", 3, "values", "fullScreen", "waitForReply", "chat__suggestions--full-height", "buttonMode", "suggestionSelect", 4, "ngIf"], [1, "form"], [3, "ngTemplateOutlet"], [1, "chat__empty-state"], [1, "chat__empty-state__text"], [1, "chat__messages"], [1, "chat__messages__container"], ["messagesContainer", ""], [1, "chat__suggestions", 3, "values", "fullScreen", "waitForReply", "buttonMode", "suggestionSelect"]], template: function DrChatComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c2$1);
+        } }, inputs: { fullScreen: "fullScreen", noMessagesPlaceholder: "noMessagesPlaceholder", contentUpdateSubject: "contentUpdateSubject", scrollBottom: "scrollBottom", suggestions: "suggestions", reopen: "reopen", waitForReply: "waitForReply" }, outputs: { suggestionSelect: "suggestionSelect" }, features: [i0.ɵɵProvidersFeature([DrChatCustomMessageService])], ngContentSelectors: _c3$2, decls: 10, vars: 6, consts: [[1, "chat"], [1, "chat__sticky-top"], [3, "ngTemplateOutlet", 4, "ngIf"], [1, "chat__alert"], ["class", "chat__empty-state", 4, "ngIf"], ["class", "chat__messages", 4, "ngIf"], ["class", "chat__suggestions", 3, "values", "fullScreen", "waitForReply", "chat__suggestions--full-height", "buttonMode", "suggestionSelect", 4, "ngIf"], [1, "form"], [3, "ngTemplateOutlet"], [1, "chat__empty-state"], [1, "chat__empty-state__text"], [1, "chat__messages"], [1, "chat__messages__container"], ["messagesContainer", ""], [1, "chat__suggestions", 3, "values", "fullScreen", "waitForReply", "buttonMode", "suggestionSelect"]], template: function DrChatComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c2$2);
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
             i0.ɵɵtemplate(2, DrChatComponent_ng_container_2_Template, 1, 1, "ng-container", 2);
             i0.ɵɵelementStart(3, "div", 3);
@@ -8167,7 +8173,7 @@ function DrDropdownComponent_dr_dropdown_item_4_ng_container_3_Template(rf, ctx)
     const act_r2 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵproperty("ngTemplateOutlet", act_r2.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c1$8, act_r2));
 } }
-const _c2 = function () { return { withoutArrow: true }; };
+const _c2$1 = function () { return { withoutArrow: true }; };
 function DrDropdownComponent_dr_dropdown_item_4_Template(rf, ctx) { if (rf & 1) {
     const _r18 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "dr-dropdown-item", 4);
@@ -8179,7 +8185,7 @@ function DrDropdownComponent_dr_dropdown_item_4_Template(rf, ctx) { if (rf & 1)
 } if (rf & 2) {
     const act_r2 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("drTooltip", ctx_r1.tooltipToShow(act_r2))("drTooltipPosition", "left")("drTooltipOptions", i0.ɵɵpureFunction0(14, _c2))("drTooltipClass", "dr-dropdown__tooltip")("drDropdown", ctx_r1.hasChildren(act_r2) && act_r2.children)("drDropdownClass", act_r2.childOptions == null ? null : act_r2.childOptions.class)("drDropdownInHover", true)("drDropdownPosition", act_r2.childOptions == null ? null : act_r2.childOptions.position)("disabled", ctx_r1.disabled(act_r2))("selected", ctx_r1.selected(act_r2))("divider", act_r2.separateLine);
+    i0.ɵɵproperty("drTooltip", ctx_r1.tooltipToShow(act_r2))("drTooltipPosition", "left")("drTooltipOptions", i0.ɵɵpureFunction0(14, _c2$1))("drTooltipClass", "dr-dropdown__tooltip")("drDropdown", ctx_r1.hasChildren(act_r2) && act_r2.children)("drDropdownClass", act_r2.childOptions == null ? null : act_r2.childOptions.class)("drDropdownInHover", true)("drDropdownPosition", act_r2.childOptions == null ? null : act_r2.childOptions.position)("disabled", ctx_r1.disabled(act_r2))("selected", ctx_r1.selected(act_r2))("divider", act_r2.separateLine);
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", !act_r2.templateRef);
     i0.ɵɵadvance(1);
@@ -8187,7 +8193,7 @@ function DrDropdownComponent_dr_dropdown_item_4_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", act_r2.templateRef);
 } }
-const _c3 = [[["dr-dropdown-item"]]];
+const _c3$1 = [[["dr-dropdown-item"]]];
 const _c4 = ["dr-dropdown-item"];
 class DrDropdownComponent {
     set options(data) {
@@ -8301,7 +8307,7 @@ class DrDropdownComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.menuContainer = _t.first);
         } }, inputs: { options: "options" }, outputs: { onAction: "action" }, features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c4, decls: 6, vars: 5, consts: [[1, "dr-dropdown"], ["menuContainer", ""], ["tabindex", "-1", "role", "listbox", 1, "dr-dropdown__container", 3, "mouseenter", "mouseleave"], ["drDropdownChild", "", "role", "option", "tabindex", "0", 3, "drTooltip", "drTooltipPosition", "drTooltipOptions", "drTooltipClass", "drDropdown", "drDropdownClass", "drDropdownInHover", "drDropdownPosition", "disabled", "selected", "divider", "mousedown", 4, "ngFor", "ngForOf"], ["drDropdownChild", "", "role", "option", "tabindex", "0", 3, "drTooltip", "drTooltipPosition", "drTooltipOptions", "drTooltipClass", "drDropdown", "drDropdownClass", "drDropdownInHover", "drDropdownPosition", "disabled", "selected", "divider", "mousedown"], ["dropdownItemContent", "", 4, "ngIf"], ["dropdownItemActions", "", 4, "ngIf"], ["dropdownItemContent", "", 3, "ngTemplateOutlet", "ngTemplateOutletContext", 4, "ngIf"], ["dropdownItemContent", ""], [3, "class", 4, "ngIf"], [1, "dr-dropdown__text"], ["dropdownItemActions", ""], [3, "class", "showOnHover", "mousedown", 4, "ngFor", "ngForOf"], ["class", "dr-icon-arrow-right", 4, "ngIf"], [3, "mousedown"], [1, "dr-icon-arrow-right"], ["dropdownItemContent", "", 3, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function DrDropdownComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c3);
+            i0.ɵɵprojectionDef(_c3$1);
             i0.ɵɵelementStart(0, "div", 0, 1)(2, "div", 2);
             i0.ɵɵlistener("mouseenter", function DrDropdownComponent_Template_div_mouseenter_2_listener() { return ctx.onMouseenter(); })("mouseleave", function DrDropdownComponent_Template_div_mouseleave_2_listener() { return ctx.onMouseleave(); });
             i0.ɵɵprojection(3);
@@ -8751,6 +8757,7 @@ const _c1$6 = ["dr-accordion-item"];
 class DrAccordionComponent {
     constructor() {
         this.openCloseItems = new Subject();
+        this.theme = 'regular';
         this.multiValue = false;
     }
     /**
@@ -8777,17 +8784,24 @@ class DrAccordionComponent {
         this.openCloseItems.next(true);
     }
     /** @nocollapse */ static { this.ɵfac = function DrAccordionComponent_Factory(t) { return new (t || DrAccordionComponent)(); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrAccordionComponent, selectors: [["dr-accordion"]], inputs: { multi: "multi" }, ngContentSelectors: _c1$6, decls: 1, vars: 0, template: function DrAccordionComponent_Template(rf, ctx) { if (rf & 1) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrAccordionComponent, selectors: [["dr-accordion"]], hostVars: 2, hostBindings: function DrAccordionComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵclassMap(ctx.theme);
+        } }, inputs: { multi: "multi", theme: "theme" }, ngContentSelectors: _c1$6, decls: 1, vars: 0, template: function DrAccordionComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef(_c0$c);
             i0.ɵɵprojection(0);
-        } }, styles: ["[_nghost-%COMP%]{display:block;box-shadow:#2c33491a 0 5px 10px}"], changeDetection: 0 }); }
+        } }, styles: ["[_nghost-%COMP%]{display:block;box-shadow:#2c33491a 0 5px 10px}.borderless[_nghost-%COMP%]{box-shadow:none}"], changeDetection: 0 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrAccordionComponent, [{
         type: Component,
-        args: [{ selector: 'dr-accordion', template: '<ng-content select="dr-accordion-item"></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;box-shadow:#2c33491a 0 5px 10px}\n"] }]
+        args: [{ selector: 'dr-accordion', template: '<ng-content select="dr-accordion-item"></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;box-shadow:#2c33491a 0 5px 10px}:host.borderless{box-shadow:none}\n"] }]
     }], null, { multi: [{
             type: Input,
             args: ['multi']
+        }], theme: [{
+            type: Input
+        }, {
+            type: HostBinding,
+            args: ['class']
         }] }); })();
 
 const _c0$b = [[["dr-accordion-item-header"]], [["dr-accordion-item-body"]]];
@@ -8927,14 +8941,27 @@ class DrAccordionItemComponent {
             type: Output
         }] }); })();
 
-function DrAccordionItemHeaderComponent_i_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 1);
+function DrAccordionItemHeaderComponent_i_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i");
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("@expansionIndicator", ctx_r0.state);
+    i0.ɵɵclassMap("dr-accordion-item-header-icon " + ctx_r0.icon);
+    i0.ɵɵclassProp("dr-accordion-item-header-icon--additional-padding", ctx_r0.chevronPosition === "left");
+} }
+const _c0$a = function (a0) { return { rotationDegree: a0 }; };
+const _c1$4 = function (a0, a1) { return { value: a0, params: a1 }; };
+function DrAccordionItemHeaderComponent_i_1_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "i", 2);
+    i0.ɵɵlistener("click", function DrAccordionItemHeaderComponent_i_1_Template_i_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleOnChevronClick && ctx_r2.accordionItem.toggle()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵclassMap(ctx_r1.chevronIconClass);
+    i0.ɵɵproperty("@expansionIndicator", i0.ɵɵpureFunction2(5, _c1$4, ctx_r1.state, i0.ɵɵpureFunction1(3, _c0$a, ctx_r1.chevronRotationDegree)));
 } }
-const _c0$a = [[["dr-accordion-item-title"]], [["dr-accordion-item-description"]], "*"];
-const _c1$4 = ["dr-accordion-item-title", "dr-accordion-item-description", "*"];
+const _c2 = [[["dr-accordion-item-title"]], [["dr-accordion-item-description"]], "*"];
+const _c3 = ["dr-accordion-item-title", "dr-accordion-item-description", "*"];
 class DrAccordionItemHeaderComponent {
     get isCollapsed() {
         return this.accordionItem.collapsed;
@@ -8949,6 +8976,8 @@ class DrAccordionItemHeaderComponent {
         return this.accordionItem.disabled;
     }
     toggle() {
+        if (this.toggleOnChevronClick)
+            return;
         this.accordionItem.toggle();
     }
     get state() {
@@ -8961,34 +8990,48 @@ class DrAccordionItemHeaderComponent {
         this.accordionItem = accordionItem;
         this.cd = cd;
         this.destroy$ = new Subject();
+        this.chevronOrientation = 'vertical';
+        this.chevronPosition = 'right';
+        this.toggleOnChevronClick = false;
+        this.theme = accordionItem?.accordion?.theme || 'regular';
     }
     ngOnInit() {
         this.accordionItem.accordionItemInvalidate.pipe(takeUntil(this.destroy$)).subscribe(() => this.cd.markForCheck());
+        this.chevronIconClass = this.getChevronIconClass();
+        this.chevronRotationDegree = this.chevronOrientation === 'vertical' ? 180 : 90;
     }
     ngOnDestroy() {
         this.destroy$.next();
         this.destroy$.complete();
     }
+    getChevronIconClass() {
+        return ('expansion-indicator ' +
+            (this.chevronOrientation === 'vertical' ? 'dr-icon-arrow-down' : 'dr-icon-arrow-right') +
+            ` expansion-indicator--${this.chevronPosition}`);
+    }
     /** @nocollapse */ static { this.ɵfac = function DrAccordionItemHeaderComponent_Factory(t) { return new (t || DrAccordionItemHeaderComponent)(i0.ɵɵdirectiveInject(DrAccordionItemComponent, 1), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrAccordionItemHeaderComponent, selectors: [["dr-accordion-item-header"]], hostVars: 7, hostBindings: function DrAccordionItemHeaderComponent_HostBindings(rf, ctx) { if (rf & 1) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrAccordionItemHeaderComponent, selectors: [["dr-accordion-item-header"]], hostVars: 9, hostBindings: function DrAccordionItemHeaderComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("click", function DrAccordionItemHeaderComponent_click_HostBindingHandler() { return ctx.toggle(); })("keydown.space", function DrAccordionItemHeaderComponent_keydown_space_HostBindingHandler() { return ctx.toggle(); })("keydown.enter", function DrAccordionItemHeaderComponent_keydown_enter_HostBindingHandler() { return ctx.toggle(); });
         } if (rf & 2) {
             i0.ɵɵattribute("aria-expanded", ctx.expanded)("tabindex", ctx.tabbable)("aria-disabled", ctx.disabled);
+            i0.ɵɵclassMap(ctx.theme);
             i0.ɵɵclassProp("accordion-item-header-collapsed", ctx.isCollapsed)("accordion-item-header-expanded", ctx.expanded);
-        } }, ngContentSelectors: _c1$4, decls: 4, vars: 1, consts: [["class", "dr-icon-arrow-down expansion-indicator", 4, "ngIf"], [1, "dr-icon-arrow-down", "expansion-indicator"]], template: function DrAccordionItemHeaderComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$a);
-            i0.ɵɵprojection(0);
-            i0.ɵɵprojection(1, 1);
-            i0.ɵɵprojection(2, 2);
-            i0.ɵɵtemplate(3, DrAccordionItemHeaderComponent_i_3_Template, 1, 1, "i", 0);
+        } }, inputs: { chevronOrientation: "chevronOrientation", chevronPosition: "chevronPosition", icon: "icon", toggleOnChevronClick: "toggleOnChevronClick" }, ngContentSelectors: _c3, decls: 5, vars: 2, consts: [[3, "class", "dr-accordion-item-header-icon--additional-padding", 4, "ngIf"], [3, "class", "click", 4, "ngIf"], [3, "click"]], template: function DrAccordionItemHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c2);
+            i0.ɵɵtemplate(0, DrAccordionItemHeaderComponent_i_0_Template, 1, 4, "i", 0);
+            i0.ɵɵtemplate(1, DrAccordionItemHeaderComponent_i_1_Template, 1, 8, "i", 1);
+            i0.ɵɵprojection(2);
+            i0.ɵɵprojection(3, 1);
+            i0.ɵɵprojection(4, 2);
         } if (rf & 2) {
-            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngIf", ctx.icon);
+            i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", !ctx.disabled);
-        } }, dependencies: [i1.NgIf], styles: ["[_nghost-%COMP%]{display:flex;align-items:center;cursor:pointer;position:relative;border-bottom:1px solid #edf1f7;color:#222b45;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;line-height:1.5rem;padding:1.25rem;text-transform:capitalize}[_nghost-%COMP%]:focus{outline:0}[_nghost-%COMP%]   .expansion-indicator[_ngcontent-%COMP%]{font-size:24px;position:absolute;right:10px;font-weight:700}"], data: { animation: [
+        } }, dependencies: [i1.NgIf], styles: ["[_nghost-%COMP%]{display:flex;align-items:center;cursor:pointer;position:relative;border-bottom:1px solid #edf1f7;color:#222b45;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;line-height:1.5rem;padding:1.25rem;text-transform:capitalize}[_nghost-%COMP%]:focus{outline:0}[_nghost-%COMP%]   .expansion-indicator[_ngcontent-%COMP%]{font-size:24px;font-weight:700}[_nghost-%COMP%]   .expansion-indicator--right[_ngcontent-%COMP%]{position:absolute;right:10px}[_nghost-%COMP%]   .expansion-indicator--left[_ngcontent-%COMP%]{position:relative;left:-4px}[_nghost-%COMP%]   .dr-accordion-item-header-icon[_ngcontent-%COMP%]{padding-right:8px}.borderless[_nghost-%COMP%]{border:none!important;padding-left:0}.borderless[_nghost-%COMP%]   .expansion-indicator[_ngcontent-%COMP%]{color:#6d6e6f}.borderless[_nghost-%COMP%]   .expansion-indicator[_ngcontent-%COMP%]:before{font-weight:400}"], data: { animation: [
                 trigger('expansionIndicator', [
                     state('expanded', style({
-                        transform: 'rotate(180deg)',
-                    })),
+                        transform: 'rotate({{ rotationDegree }}deg)',
+                    }), { params: { rotationDegree: '180' } }),
                     transition('collapsed => expanded', animate('100ms ease-in')),
                     transition('expanded => collapsed', animate('100ms ease-out')),
                 ]),
@@ -8996,23 +9039,26 @@ class DrAccordionItemHeaderComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrAccordionItemHeaderComponent, [{
         type: Component,
-        args: [{ selector: 'dr-accordion-item-header', template: `
-        <ng-content select="dr-accordion-item-title"></ng-content>
-        <ng-content select="dr-accordion-item-description"></ng-content>
-        <ng-content></ng-content>
-        <i class="dr-icon-arrow-down expansion-indicator" [@expansionIndicator]="state" *ngIf="!disabled"> </i>
-    `, animations: [
+        args: [{ selector: 'dr-accordion-item-header', animations: [
                     trigger('expansionIndicator', [
                         state('expanded', style({
-                            transform: 'rotate(180deg)',
-                        })),
+                            transform: 'rotate({{ rotationDegree }}deg)',
+                        }), { params: { rotationDegree: '180' } }),
                         transition('collapsed => expanded', animate('100ms ease-in')),
                         transition('expanded => collapsed', animate('100ms ease-out')),
                     ]),
-                ], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:flex;align-items:center;cursor:pointer;position:relative;border-bottom:1px solid #edf1f7;color:#222b45;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;line-height:1.5rem;padding:1.25rem;text-transform:capitalize}:host:focus{outline:0}:host .expansion-indicator{font-size:24px;position:absolute;right:10px;font-weight:700}\n"] }]
+                ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<i\n    *ngIf=\"icon\"\n    [class]=\"'dr-accordion-item-header-icon ' + icon\"\n    [class.dr-accordion-item-header-icon--additional-padding]=\"chevronPosition === 'left'\"></i>\n<i\n    [class]=\"chevronIconClass\"\n    [@expansionIndicator]=\"{ value: state, params: { rotationDegree: chevronRotationDegree } }\"\n    (click)=\"toggleOnChevronClick && accordionItem.toggle()\"\n    *ngIf=\"!disabled\"></i>\n<ng-content select=\"dr-accordion-item-title\"></ng-content>\n<ng-content select=\"dr-accordion-item-description\"></ng-content>\n<ng-content></ng-content>\n", styles: [":host{display:flex;align-items:center;cursor:pointer;position:relative;border-bottom:1px solid #edf1f7;color:#222b45;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;line-height:1.5rem;padding:1.25rem;text-transform:capitalize}:host:focus{outline:0}:host .expansion-indicator{font-size:24px;font-weight:700}:host .expansion-indicator--right{position:absolute;right:10px}:host .expansion-indicator--left{position:relative;left:-4px}:host .dr-accordion-item-header-icon{padding-right:8px}:host.borderless{border:none!important;padding-left:0}:host.borderless .expansion-indicator{color:#6d6e6f}:host.borderless .expansion-indicator:before{font-weight:400}\n"] }]
     }], function () { return [{ type: DrAccordionItemComponent, decorators: [{
                 type: Host
-            }] }, { type: i0.ChangeDetectorRef }]; }, { isCollapsed: [{
+            }] }, { type: i0.ChangeDetectorRef }]; }, { chevronOrientation: [{
+            type: Input
+        }], chevronPosition: [{
+            type: Input
+        }], icon: [{
+            type: Input
+        }], toggleOnChevronClick: [{
+            type: Input
+        }], isCollapsed: [{
             type: HostBinding,
             args: ['class.accordion-item-header-collapsed']
         }], expanded: [{
@@ -9027,6 +9073,9 @@ class DrAccordionItemHeaderComponent {
         }], disabled: [{
             type: HostBinding,
             args: ['attr.aria-disabled']
+        }], theme: [{
+            type: HostBinding,
+            args: ['class']
         }], toggle: [{
             type: HostListener,
             args: ['click']