@datarailsshared/datarailsshared 1.6.137 → 1.6.141

package/esm2022/lib/dr-chat/dr-chat-suggestions/chat-suggestions.component.mjs

@@ -165,11 +165,11 @@ export class DrChatSuggestionsComponent {
             i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction4(3, _c2, 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, i2.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 }); }
+        } }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i2.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%]{font-size:14px;line-height:24px;font-weight:400;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;color:#25258c}[_nghost-%COMP%]   .chat-suggestions__items__item[_ngcontent-%COMP%]:hover{cursor:pointer;background:#eaeaff}"], changeDetection: 0 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrChatSuggestionsComponent, [{
         type: Component,
-        args: [{ selector: 'dr-chat-suggestions', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    class=\"chat-suggestions\"\n    #suggestionsContainer\n    [ngClass]=\"{\n        'chat-suggestions--three-cols': colsCount === 3,\n        'chat-suggestions--two-cols': colsCount === 2,\n        'chat-suggestions--one-col': colsCount === 1,\n        'chat-suggestions--button-mode': buttonMode\n    }\">\n    <ng-container *ngIf=\"buttonMode; else suggestionCards\">\n        <div\n            class=\"chat-suggestions__container\"\n            [class.chat-suggestions__container--opened]=\"isSuggestedMenuOpen\"\n            *ngIf=\"visibleValues.length\">\n            <dr-button theme=\"secondary\" class=\"chat-suggestions__container__button\" (click)=\"toggleSuggestedMenu()\">\n                Suggested chats\n            </dr-button>\n            <ng-container *ngTemplateOutlet=\"suggestionCards\"></ng-container>\n        </div>\n    </ng-container>\n</div>\n\n<ng-template #suggestionCards>\n    <div\n        class=\"chat-suggestions__items\"\n        [ngClass]=\"{\n            'chat-suggestions__items--three-cols': colsCount === 3,\n            'chat-suggestions__items--two-cols': colsCount === 2,\n            'chat-suggestions__items--one-col': colsCount === 1\n        }\">\n        <div *ngFor=\"let item of visibleValues\" class=\"chat-suggestions__items__item\" (click)=\"onItemClick(item)\">\n            {{ item }}\n        </div>\n    </div>\n</ng-template>\n", styles: [":host{display:flex;align-items:flex-start;justify-content:center}:host .chat-suggestions{display:flex;width:100%;justify-content:center;max-width:956px}:host .chat-suggestions--button-mode{justify-content:flex-start}:host .chat-suggestions--button-mode .chat-suggestions__items{padding-top:32px}:host .chat-suggestions--one-col{padding-left:0;grid-template-columns:repeat(1,300px)}:host .chat-suggestions--one-col .chat-suggestions__items{grid-template-columns:repeat(1,300px)}:host .chat-suggestions--two-cols{padding-left:0;grid-template-columns:repeat(2,300px)}:host .chat-suggestions--two-cols .chat-suggestions__items{grid-template-columns:repeat(2,300px)}:host .chat-suggestions--three-cols{padding-left:0;grid-template-columns:repeat(3,300px)}:host .chat-suggestions--three-cols .chat-suggestions__container{padding-left:0}:host .chat-suggestions--three-cols .chat-suggestions__items{grid-template-columns:repeat(3,300px)}:host .chat-suggestions__container{display:flex;position:relative;width:auto;margin-top:12px;padding:0 16px}:host .chat-suggestions__container__button{z-index:3;background:linear-gradient(-90deg,#6969ff,#4eb7df) border-box;border-radius:2em;border:1.5px solid transparent}:host .chat-suggestions__container__button::ng-deep button{background:#fff;border-radius:24px;color:#4646ce;border:none;cursor:pointer}:host .chat-suggestions__container .chat-suggestions__items{display:none;position:absolute;width:100%;bottom:0;left:0;padding-bottom:56px;z-index:2}:host .chat-suggestions__container--opened{width:100%}:host .chat-suggestions__container--opened .chat-suggestions__container__button::ng-deep button{color:#4646ce;background:#f2f2fb}:host .chat-suggestions__container--opened .chat-suggestions__items{display:grid;align-items:center;justify-content:center}:host .chat-suggestions__items{padding:0 16px;display:grid;gap:28px;grid-auto-rows:minmax(86px,auto);background:#ffffffb3}:host .chat-suggestions__items__item{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}:host .chat-suggestions__items__item:hover{cursor:pointer;background:#eaeaff}\n"] }]
+        args: [{ selector: 'dr-chat-suggestions', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    class=\"chat-suggestions\"\n    #suggestionsContainer\n    [ngClass]=\"{\n        'chat-suggestions--three-cols': colsCount === 3,\n        'chat-suggestions--two-cols': colsCount === 2,\n        'chat-suggestions--one-col': colsCount === 1,\n        'chat-suggestions--button-mode': buttonMode\n    }\">\n    <ng-container *ngIf=\"buttonMode; else suggestionCards\">\n        <div\n            class=\"chat-suggestions__container\"\n            [class.chat-suggestions__container--opened]=\"isSuggestedMenuOpen\"\n            *ngIf=\"visibleValues.length\">\n            <dr-button theme=\"secondary\" class=\"chat-suggestions__container__button\" (click)=\"toggleSuggestedMenu()\">\n                Suggested chats\n            </dr-button>\n            <ng-container *ngTemplateOutlet=\"suggestionCards\"></ng-container>\n        </div>\n    </ng-container>\n</div>\n\n<ng-template #suggestionCards>\n    <div\n        class=\"chat-suggestions__items\"\n        [ngClass]=\"{\n            'chat-suggestions__items--three-cols': colsCount === 3,\n            'chat-suggestions__items--two-cols': colsCount === 2,\n            'chat-suggestions__items--one-col': colsCount === 1\n        }\">\n        <div *ngFor=\"let item of visibleValues\" class=\"chat-suggestions__items__item\" (click)=\"onItemClick(item)\">\n            {{ item }}\n        </div>\n    </div>\n</ng-template>\n", styles: [":host{display:flex;align-items:flex-start;justify-content:center}:host .chat-suggestions{display:flex;width:100%;justify-content:center;max-width:956px}:host .chat-suggestions--button-mode{justify-content:flex-start}:host .chat-suggestions--button-mode .chat-suggestions__items{padding-top:32px}:host .chat-suggestions--one-col{padding-left:0;grid-template-columns:repeat(1,300px)}:host .chat-suggestions--one-col .chat-suggestions__items{grid-template-columns:repeat(1,300px)}:host .chat-suggestions--two-cols{padding-left:0;grid-template-columns:repeat(2,300px)}:host .chat-suggestions--two-cols .chat-suggestions__items{grid-template-columns:repeat(2,300px)}:host .chat-suggestions--three-cols{padding-left:0;grid-template-columns:repeat(3,300px)}:host .chat-suggestions--three-cols .chat-suggestions__container{padding-left:0}:host .chat-suggestions--three-cols .chat-suggestions__items{grid-template-columns:repeat(3,300px)}:host .chat-suggestions__container{display:flex;position:relative;width:auto;margin-top:12px;padding:0 16px}:host .chat-suggestions__container__button{z-index:3;background:linear-gradient(-90deg,#6969ff,#4eb7df) border-box;border-radius:2em;border:1.5px solid transparent}:host .chat-suggestions__container__button::ng-deep button{background:#fff;border-radius:24px;color:#4646ce;border:none;cursor:pointer}:host .chat-suggestions__container .chat-suggestions__items{display:none;position:absolute;width:100%;bottom:0;left:0;padding-bottom:56px;z-index:2}:host .chat-suggestions__container--opened{width:100%}:host .chat-suggestions__container--opened .chat-suggestions__container__button::ng-deep button{color:#4646ce;background:#f2f2fb}:host .chat-suggestions__container--opened .chat-suggestions__items{display:grid;align-items:center;justify-content:center}:host .chat-suggestions__items{padding:0 16px;display:grid;gap:28px;grid-auto-rows:minmax(86px,auto);background:#ffffffb3}:host .chat-suggestions__items__item{font-size:14px;line-height:24px;font-weight:400;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;color:#25258c}:host .chat-suggestions__items__item:hover{cursor:pointer;background:#eaeaff}\n"] }]
     }], function () { return [{ type: i0.ChangeDetectorRef }]; }, { values: [{
             type: Input
         }], fullScreen: [{

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

@@ -41,11 +41,11 @@ export class DrChipComponent {
             i0.ɵɵtextInterpolate1(" ", ctx.label, "\n");
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.removable);
-        } }, dependencies: [CommonModule, i1.NgIf], styles: ["[_nghost-%COMP%]{display:inline-flex;align-items:center;height:24px;border-radius:12px;padding:0 4px;background-color:#f0f1f4}[_nghost-%COMP%]   .chip__icon[_ngcontent-%COMP%]{margin-left:4px;font-size:20px;color:#6d6e6f}[_nghost-%COMP%]   .chip__label[_ngcontent-%COMP%]{margin:0 4px;flex-grow:1;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-family:Poppins,sans-serif;font-size:12px;line-height:20px;font-weight:500;font-weight:400}[_nghost-%COMP%]   .chip__remove[_ngcontent-%COMP%]{border-radius:50%;color:#6d6e6f;font-size:20px;cursor:pointer;flex-shrink:0}[_nghost-%COMP%]   .chip__remove[_ngcontent-%COMP%]:hover{background-color:#f5f5f5;color:#333}"], changeDetection: 0 }); }
+        } }, dependencies: [CommonModule, i1.NgIf], styles: ["[_nghost-%COMP%]{display:inline-flex;align-items:center;height:24px;border-radius:12px;padding:0 4px;background-color:#f0f1f4}[_nghost-%COMP%]   .chip__icon[_ngcontent-%COMP%]{margin-left:4px;font-size:20px;color:#6d6e6f}[_nghost-%COMP%]   .chip__label[_ngcontent-%COMP%]{margin:0 4px;flex-grow:1;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px;line-height:16px;font-weight:400}[_nghost-%COMP%]   .chip__remove[_ngcontent-%COMP%]{border-radius:50%;color:#6d6e6f;font-size:20px;cursor:pointer;flex-shrink:0}[_nghost-%COMP%]   .chip__remove[_ngcontent-%COMP%]:hover{background-color:#f5f5f5;color:#333}"], changeDetection: 0 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrChipComponent, [{
         type: Component,
-        args: [{ selector: 'dr-chip', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule], template: "<i *ngIf=\"icon\" [class]=\"icon\" class=\"chip__icon\"></i>\n<div class=\"chip__label\">\n    <ng-container *ngIf=\"!label\">\n        <ng-content></ng-content>\n    </ng-container>\n    {{ label }}\n</div>\n<i *ngIf=\"removable\" class=\"chip__remove dr-icon-exit\" (click)=\"remove.next(null)\"></i>\n", styles: [":host{display:inline-flex;align-items:center;height:24px;border-radius:12px;padding:0 4px;background-color:#f0f1f4}:host .chip__icon{margin-left:4px;font-size:20px;color:#6d6e6f}:host .chip__label{margin:0 4px;flex-grow:1;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-family:Poppins,sans-serif;font-size:12px;line-height:20px;font-weight:500;font-weight:400}:host .chip__remove{border-radius:50%;color:#6d6e6f;font-size:20px;cursor:pointer;flex-shrink:0}:host .chip__remove:hover{background-color:#f5f5f5;color:#333}\n"] }]
+        args: [{ selector: 'dr-chip', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule], template: "<i *ngIf=\"icon\" [class]=\"icon\" class=\"chip__icon\"></i>\n<div class=\"chip__label\">\n    <ng-container *ngIf=\"!label\">\n        <ng-content></ng-content>\n    </ng-container>\n    {{ label }}\n</div>\n<i *ngIf=\"removable\" class=\"chip__remove dr-icon-exit\" (click)=\"remove.next(null)\"></i>\n", styles: [":host{display:inline-flex;align-items:center;height:24px;border-radius:12px;padding:0 4px;background-color:#f0f1f4}:host .chip__icon{margin-left:4px;font-size:20px;color:#6d6e6f}:host .chip__label{margin:0 4px;flex-grow:1;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px;line-height:16px;font-weight:400}:host .chip__remove{border-radius:50%;color:#6d6e6f;font-size:20px;cursor:pointer;flex-shrink:0}:host .chip__remove:hover{background-color:#f5f5f5;color:#333}\n"] }]
     }], null, { label: [{
             type: Input
         }], icon: [{

package/esm2022/lib/dr-code-editor/dr-code-editor.component.mjs

@@ -304,11 +304,11 @@ export class DrCodeEditorComponent {
             i0.ɵɵproperty("ngIf", !ctx.isFocused && !ctx.innerValue);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("control", ctx.control);
-        } }, dependencies: [i1.NgIf, i2.NgControlStatus, i2.NgModel, i3.DrErrorComponent, i4.DrCodemirrorComponent], styles: ["dr-codemirror[_ngcontent-%COMP%]     .CodeMirror{height:10rem;border:1px solid #9ea1aa;border-radius:6px}dr-codemirror[_ngcontent-%COMP%]     .CodeMirror-focused{border-color:#4646ce!important}dr-codemirror[_ngcontent-%COMP%]     .CodeMirror-line{font-family:Poppins,sans-serif;font-size:12px;line-height:20px;font-weight:500;font-weight:400}dr-codemirror[_ngcontent-%COMP%]     .CodeMirror .CodeMirror-scroll{padding:0}dr-codemirror[_ngcontent-%COMP%]     .CodeMirror .marker{color:#fff;background:#20a452}dr-codemirror[_ngcontent-%COMP%]     .CodeMirror .marker:first-child, dr-codemirror[_ngcontent-%COMP%]     .CodeMirror .cm-variable:not(.marker)+.marker{padding-left:2px;margin-left:2px}dr-codemirror[_ngcontent-%COMP%]     .CodeMirror .marker+.cm-variable:not(.marker){margin-left:2px}dr-codemirror[_ngcontent-%COMP%]     .CodeMirror-matchingbracket{color:#0f0!important}[_nghost-%COMP%] {position:relative}[_nghost-%COMP%]  .mirror-error .CodeMirror{border:1px solid #bf1d30}[_nghost-%COMP%]  .mark-hints .hint-variable{color:#4646ce}dr-error[_ngcontent-%COMP%]{position:absolute;bottom:5px;left:7px;background:#fff;margin:0}dr-error[_ngcontent-%COMP%]:not(:last-child){display:none}.codemirror-placeholder[_ngcontent-%COMP%]{color:#6d6e6f;position:absolute;top:10px;left:10px;font-size:12px;pointer-events:none;white-space:pre}  .CodeMirror-hints{background:#fff;border:1px solid #e5e6ea;box-shadow:0 4px 8px 1px #00000040;border-radius:6px;z-index:100;padding:8px 0}  .CodeMirror-hints .CodeMirror-hint{font-family:Poppins,sans-serif;font-size:12px;line-height:20px;font-weight:500;font-weight:400;padding:0 12px;display:flex;align-items:center;height:32px;background:#fff;color:#333}  .CodeMirror-hints .CodeMirror-hint,   .CodeMirror-hints .CodeMirror-hint-active{background:#fff;color:#333}  .CodeMirror-hints:not(:hover) .CodeMirror-hint-active,   .CodeMirror-hints .CodeMirror-hint:hover{background:#eaeaff;cursor:pointer}"], changeDetection: 0 }); }
+        } }, dependencies: [i1.NgIf, i2.NgControlStatus, i2.NgModel, i3.DrErrorComponent, i4.DrCodemirrorComponent], styles: ["dr-codemirror[_ngcontent-%COMP%]     .CodeMirror{height:10rem;border:1px solid #9ea1aa;border-radius:6px}dr-codemirror[_ngcontent-%COMP%]     .CodeMirror-focused{border-color:#4646ce!important}dr-codemirror[_ngcontent-%COMP%]     .CodeMirror-line{font-size:12px;line-height:16px;font-weight:400}dr-codemirror[_ngcontent-%COMP%]     .CodeMirror .CodeMirror-scroll{padding:0}dr-codemirror[_ngcontent-%COMP%]     .CodeMirror .marker{color:#fff;background:#20a452}dr-codemirror[_ngcontent-%COMP%]     .CodeMirror .marker:first-child, dr-codemirror[_ngcontent-%COMP%]     .CodeMirror .cm-variable:not(.marker)+.marker{padding-left:2px;margin-left:2px}dr-codemirror[_ngcontent-%COMP%]     .CodeMirror .marker+.cm-variable:not(.marker){margin-left:2px}dr-codemirror[_ngcontent-%COMP%]     .CodeMirror-matchingbracket{color:#0f0!important}[_nghost-%COMP%] {position:relative}[_nghost-%COMP%]  .mirror-error .CodeMirror{border:1px solid #bf1d30}[_nghost-%COMP%]  .mark-hints .hint-variable{color:#4646ce}dr-error[_ngcontent-%COMP%]{position:absolute;bottom:5px;left:7px;background:#fff;margin:0}dr-error[_ngcontent-%COMP%]:not(:last-child){display:none}.codemirror-placeholder[_ngcontent-%COMP%]{color:#6d6e6f;position:absolute;top:10px;left:10px;font-size:12px;pointer-events:none;white-space:pre}  .CodeMirror-hints{background:#fff;border:1px solid #e5e6ea;box-shadow:0 4px 8px 1px #00000040;border-radius:6px;z-index:100;padding:8px 0}  .CodeMirror-hints .CodeMirror-hint{font-size:12px;line-height:16px;font-weight:400;padding:0 12px;display:flex;align-items:center;height:32px;background:#fff;color:#333}  .CodeMirror-hints .CodeMirror-hint,   .CodeMirror-hints .CodeMirror-hint-active{background:#fff;color:#333}  .CodeMirror-hints:not(:hover) .CodeMirror-hint-active,   .CodeMirror-hints .CodeMirror-hint:hover{background:#eaeaff;cursor:pointer}"], changeDetection: 0 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrCodeEditorComponent, [{
         type: Component,
-        args: [{ selector: 'dr-code-editor', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef((() => DrCodeEditorComponent)), multi: true }], template: "<dr-codemirror\n    #codeEditor\n    [(ngModel)]=\"value\"\n    [options]=\"codeMirrorOptions\"\n    [class.mark-hints]=\"highlightHints\"\n    [class.mirror-error]=\"control.status === 'INVALID' && !control.pristine\"\n    (focusChange)=\"focusChanged($event)\"\n    (codeMirrorLoaded)=\"afterCodeMirrorLoaded()\"></dr-codemirror>\n<span *ngIf=\"!isFocused && !innerValue\" class=\"codemirror-placeholder\">{{ placeholder }}</span>\n<dr-error [control]=\"control\" label=\"Formula error\"></dr-error>\n", styles: ["dr-codemirror ::ng-deep .CodeMirror{height:10rem;border:1px solid #9ea1aa;border-radius:6px}dr-codemirror ::ng-deep .CodeMirror-focused{border-color:#4646ce!important}dr-codemirror ::ng-deep .CodeMirror-line{font-family:Poppins,sans-serif;font-size:12px;line-height:20px;font-weight:500;font-weight:400}dr-codemirror ::ng-deep .CodeMirror .CodeMirror-scroll{padding:0}dr-codemirror ::ng-deep .CodeMirror .marker{color:#fff;background:#20a452}dr-codemirror ::ng-deep .CodeMirror .marker:first-child,dr-codemirror ::ng-deep .CodeMirror .cm-variable:not(.marker)+.marker{padding-left:2px;margin-left:2px}dr-codemirror ::ng-deep .CodeMirror .marker+.cm-variable:not(.marker){margin-left:2px}dr-codemirror ::ng-deep .CodeMirror-matchingbracket{color:#0f0!important}:host::ng-deep{position:relative}:host::ng-deep .mirror-error .CodeMirror{border:1px solid #bf1d30}:host::ng-deep .mark-hints .hint-variable{color:#4646ce}dr-error{position:absolute;bottom:5px;left:7px;background:#fff;margin:0}dr-error:not(:last-child){display:none}.codemirror-placeholder{color:#6d6e6f;position:absolute;top:10px;left:10px;font-size:12px;pointer-events:none;white-space:pre}::ng-deep .CodeMirror-hints{background:#fff;border:1px solid #e5e6ea;box-shadow:0 4px 8px 1px #00000040;border-radius:6px;z-index:100;padding:8px 0}::ng-deep .CodeMirror-hints .CodeMirror-hint{font-family:Poppins,sans-serif;font-size:12px;line-height:20px;font-weight:500;font-weight:400;padding:0 12px;display:flex;align-items:center;height:32px;background:#fff;color:#333}::ng-deep .CodeMirror-hints .CodeMirror-hint,::ng-deep .CodeMirror-hints .CodeMirror-hint-active{background:#fff;color:#333}::ng-deep .CodeMirror-hints:not(:hover) .CodeMirror-hint-active,::ng-deep .CodeMirror-hints .CodeMirror-hint:hover{background:#eaeaff;cursor:pointer}\n"] }]
+        args: [{ selector: 'dr-code-editor', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef((() => DrCodeEditorComponent)), multi: true }], template: "<dr-codemirror\n    #codeEditor\n    [(ngModel)]=\"value\"\n    [options]=\"codeMirrorOptions\"\n    [class.mark-hints]=\"highlightHints\"\n    [class.mirror-error]=\"control.status === 'INVALID' && !control.pristine\"\n    (focusChange)=\"focusChanged($event)\"\n    (codeMirrorLoaded)=\"afterCodeMirrorLoaded()\"></dr-codemirror>\n<span *ngIf=\"!isFocused && !innerValue\" class=\"codemirror-placeholder\">{{ placeholder }}</span>\n<dr-error [control]=\"control\" label=\"Formula error\"></dr-error>\n", styles: ["dr-codemirror ::ng-deep .CodeMirror{height:10rem;border:1px solid #9ea1aa;border-radius:6px}dr-codemirror ::ng-deep .CodeMirror-focused{border-color:#4646ce!important}dr-codemirror ::ng-deep .CodeMirror-line{font-size:12px;line-height:16px;font-weight:400}dr-codemirror ::ng-deep .CodeMirror .CodeMirror-scroll{padding:0}dr-codemirror ::ng-deep .CodeMirror .marker{color:#fff;background:#20a452}dr-codemirror ::ng-deep .CodeMirror .marker:first-child,dr-codemirror ::ng-deep .CodeMirror .cm-variable:not(.marker)+.marker{padding-left:2px;margin-left:2px}dr-codemirror ::ng-deep .CodeMirror .marker+.cm-variable:not(.marker){margin-left:2px}dr-codemirror ::ng-deep .CodeMirror-matchingbracket{color:#0f0!important}:host::ng-deep{position:relative}:host::ng-deep .mirror-error .CodeMirror{border:1px solid #bf1d30}:host::ng-deep .mark-hints .hint-variable{color:#4646ce}dr-error{position:absolute;bottom:5px;left:7px;background:#fff;margin:0}dr-error:not(:last-child){display:none}.codemirror-placeholder{color:#6d6e6f;position:absolute;top:10px;left:10px;font-size:12px;pointer-events:none;white-space:pre}::ng-deep .CodeMirror-hints{background:#fff;border:1px solid #e5e6ea;box-shadow:0 4px 8px 1px #00000040;border-radius:6px;z-index:100;padding:8px 0}::ng-deep .CodeMirror-hints .CodeMirror-hint{font-size:12px;line-height:16px;font-weight:400;padding:0 12px;display:flex;align-items:center;height:32px;background:#fff;color:#333}::ng-deep .CodeMirror-hints .CodeMirror-hint,::ng-deep .CodeMirror-hints .CodeMirror-hint-active{background:#fff;color:#333}::ng-deep .CodeMirror-hints:not(:hover) .CodeMirror-hint-active,::ng-deep .CodeMirror-hints .CodeMirror-hint:hover{background:#eaeaff;cursor:pointer}\n"] }]
     }], function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }]; }, { markers: [{
             type: Input
         }], highlightHints: [{

package/esm2022/lib/dr-dialog/components/dialog-modal-wrapper/dialog-modal-wrapper.component.mjs

@@ -330,11 +330,11 @@ export class DialogModalWrapperComponent {
             i0.ɵɵproperty("ngIf", ctx.dialogData.fields);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx.dialogData.cancelButton || ctx.dialogData.acceptButton);
-        } }, dependencies: [i2.NgClass, i2.NgForOf, i2.NgIf, i2.NgStyle, i3.CheckboxComponent, i4.DrInputComponent, i5.DrSelectComponent, i6.DrDatePickerComponent, i7.DrButtonComponent, i8.ɵNgNoValidate, i8.NgControlStatus, i8.NgControlStatusGroup, i8.RequiredValidator, i8.FormGroupDirective, i8.FormControlName, i2.AsyncPipe], styles: ["[_nghost-%COMP%]{display:flex;justify-content:space-between;flex-direction:column}.small-modal[_nghost-%COMP%], .small-modal-max-height[_nghost-%COMP%]{min-height:188px;max-height:467px;min-width:400px;max-width:400px}.medium-modal[_nghost-%COMP%], .medium-modal-max-height[_nghost-%COMP%]{min-height:188px;max-height:467px;min-width:632px;max-width:632px}.medium-small-modal[_nghost-%COMP%]{min-height:188px;max-height:345px;min-width:460px;max-width:460px}.medium-modal-max-height[_nghost-%COMP%], .small-modal-max-height[_nghost-%COMP%]{max-height:80vh}.header-dialog[_ngcontent-%COMP%]{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 56px 16px 32px;border-bottom:1px solid #dfe0e3}.header-dialog[_ngcontent-%COMP%] > .icon-close[_ngcontent-%COMP%]{position:absolute;right:32px;top:16px;cursor:pointer}.title-dialog[_ngcontent-%COMP%]{display:flex;color:#333;position:static;font-weight:600;font-size:16px;line-height:24px;margin-top:0;margin-bottom:0}.title-dialog__icon[_ngcontent-%COMP%]{font-size:32px;margin-right:8px;line-height:24px;color:#6d6e6f}.content-dialog[_ngcontent-%COMP%]{font-weight:400;font-size:14px;padding:16px 32px 5px;white-space:pre-line;overflow:auto}.icon-close[_ngcontent-%COMP%]{color:#6d6e6f;cursor:pointer}.dr-smart-from[_ngcontent-%COMP%]{font-size:14px;font-weight:400;line-height:22px;padding:8px 32px 24px}.dr-smart-from[_ngcontent-%COMP%]   dr-checkbox[_ngcontent-%COMP%]{font-weight:400}.content-dialog[_ngcontent-%COMP%]{padding:16px 32px 0;font-weight:400;font-size:14px;line-height:22px}.content-anchor[_ngcontent-%COMP%]{display:none}.footer-dialog[_ngcontent-%COMP%]{border-top:1px solid #dfe0e3}.buttons-wrapper[_ngcontent-%COMP%]{display:flex;justify-content:flex-end;padding:10px 32px 11px}.buttons-wrapper[_ngcontent-%COMP%]   dr-button[_ngcontent-%COMP%]:nth-of-type(n+2){margin-left:12px}.buttons-wrapper--custom-btn[_ngcontent-%COMP%]{margin-right:auto}.form-field-error-alert[_ngcontent-%COMP%]{font-size:12px;color:#bf1d30;line-height:20px}.form-error-alert[_ngcontent-%COMP%]{position:absolute;margin-top:5px;font-size:12px;color:#bf1d30}.dr-select-footer__btn[_ngcontent-%COMP%]{background-color:transparent;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;min-width:15rem;font-style:normal;font-weight:400;font-size:14px;line-height:24px;clear:both;width:100%;white-space:nowrap;padding:0 12px;height:36px;flex-shrink:0}"] }); }
+        } }, dependencies: [i2.NgClass, i2.NgForOf, i2.NgIf, i2.NgStyle, i3.CheckboxComponent, i4.DrInputComponent, i5.DrSelectComponent, i6.DrDatePickerComponent, i7.DrButtonComponent, i8.ɵNgNoValidate, i8.NgControlStatus, i8.NgControlStatusGroup, i8.RequiredValidator, i8.FormGroupDirective, i8.FormControlName, i2.AsyncPipe], styles: ["[_nghost-%COMP%]{display:flex;justify-content:space-between;flex-direction:column}.small-modal[_nghost-%COMP%], .small-modal-max-height[_nghost-%COMP%]{min-height:188px;max-height:467px;min-width:400px;max-width:400px}.medium-modal[_nghost-%COMP%], .medium-modal-max-height[_nghost-%COMP%]{min-height:188px;max-height:467px;min-width:632px;max-width:632px}.medium-small-modal[_nghost-%COMP%]{min-height:188px;max-height:345px;min-width:460px;max-width:460px}.medium-modal-max-height[_nghost-%COMP%], .small-modal-max-height[_nghost-%COMP%]{max-height:80vh}.header-dialog[_ngcontent-%COMP%]{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 56px 16px 32px;border-bottom:1px solid #dfe0e3}.header-dialog[_ngcontent-%COMP%] > .icon-close[_ngcontent-%COMP%]{position:absolute;right:32px;top:16px;cursor:pointer}.title-dialog[_ngcontent-%COMP%]{font-size:16px;line-height:24px;font-weight:600;display:flex;color:#333;position:static;margin-top:0;margin-bottom:0}.title-dialog__icon[_ngcontent-%COMP%]{font-size:32px;margin-right:8px;line-height:24px;color:#6d6e6f}.content-dialog[_ngcontent-%COMP%]{font-weight:400;font-size:14px;padding:16px 32px 5px;white-space:pre-line;overflow:auto}.icon-close[_ngcontent-%COMP%]{color:#6d6e6f;cursor:pointer}.dr-smart-from[_ngcontent-%COMP%]{font-size:14px;font-weight:400;line-height:22px;padding:8px 32px 24px}.dr-smart-from[_ngcontent-%COMP%]   dr-checkbox[_ngcontent-%COMP%]{font-weight:400}.content-dialog[_ngcontent-%COMP%]{padding:16px 32px 0;font-weight:400;font-size:14px;line-height:22px}.content-anchor[_ngcontent-%COMP%]{display:none}.footer-dialog[_ngcontent-%COMP%]{border-top:1px solid #dfe0e3}.buttons-wrapper[_ngcontent-%COMP%]{display:flex;justify-content:flex-end;padding:10px 32px 11px}.buttons-wrapper[_ngcontent-%COMP%]   dr-button[_ngcontent-%COMP%]:nth-of-type(n+2){margin-left:12px}.buttons-wrapper--custom-btn[_ngcontent-%COMP%]{margin-right:auto}.form-field-error-alert[_ngcontent-%COMP%]{font-size:12px;color:#bf1d30;line-height:20px}.form-error-alert[_ngcontent-%COMP%]{position:absolute;margin-top:5px;font-size:12px;color:#bf1d30}.dr-select-footer__btn[_ngcontent-%COMP%]{background-color:transparent;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;min-width:15rem;font-style:normal;font-weight:400;font-size:14px;line-height:24px;clear:both;width:100%;white-space:nowrap;padding:0 12px;height:36px;flex-shrink:0}"] }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DialogModalWrapperComponent, [{
         type: Component,
-        args: [{ selector: 'dr-dialog-modal-wrapper', template: "<div header class=\"header-dialog\">\n    <h1 class=\"title-dialog\" data-test=\"modalTitle\">\n        <i\n            *ngIf=\"dialogData.headerIconClass\"\n            (click)=\"closeDialog()\"\n            class=\"title-dialog__icon\"\n            [class]=\"dialogData.headerIconClass\"\n            data-test=\"dialogTitleIcon\"></i>\n        <span class=\"title-dialog__text\">{{ dialogData.title }}</span>\n    </h1>\n    <i *ngIf=\"!dialogData.hideCloseBtn\" (click)=\"closeDialog()\" class=\"dr-icon-exit icon-close\" data-test=\"xBtn\"></i>\n</div>\n<div *ngIf=\"dialogData.content\" class=\"content-dialog\" [innerHTML]=\"dialogData.content\">\n    <span #content class=\"content-anchor\"></span>\n</div>\n<form *ngIf=\"dialogData.fields\" [formGroup]=\"form\" class=\"dr-smart-from\">\n    <div [class]=\"dialogData.formWrapperClass || 'dr-smart-form_wrapper'\">\n        <div\n            *ngFor=\"let field of dialogData.fields\"\n            class=\"dr-smart-form_group\"\n            [class]=\"field.formGroupClass\"\n            [ngStyle]=\"{ display: field.isLabelFullWidth ? 'block' : 'flex' }\">\n            <label\n                *ngIf=\"field.label && field.type !== dialogFieldType.CHECKBOX\"\n                [ngClass]=\"field.isLabelFullWidth ? 'col-md-12 mb-2' : 'col-md-2'\"\n                class=\"label p-0 d-flex align-items-center\"\n                >{{ field.label }}</label\n            >\n            <div\n                class=\"input-group p-0\"\n                [ngClass]=\"{\n                    'col-md-10': field.label && !field.isLabelFullWidth,\n                    'col-md-12': !field.label || field.isLabelFullWidth,\n                }\">\n                <dr-select\n                    *ngIf=\"field.type === dialogFieldType.SELECT\"\n                    [searchable]=\"dialogData.searchable\"\n                    [clearable]=\"dialogData.clearable\"\n                    [formControlName]=\"field.name\"\n                    [addTag]=\"field.addTag\"\n                    [bindLabel]=\"field.bindLabel || null\"\n                    [bindValue]=\"field.bindValue || null\"\n                    [selectedItem]=\"field.default\"\n                    [items]=\"field.items || (field.items$ | async)\"\n                    [loading]=\"fieldsItemsLoading[field.name] | async\"\n                    [required]=\"!field.isOptional\"\n                    [placeholder]=\"field.placeholder\">\n                    <ng-template *ngIf=\"dialogData?.footerTemplateData\" #optionFooterTemplate let-item=\"item\" let-close=\"close\">\n                        <button (click)=\"footerAction(); close()\" class=\"dr-select-footer__btn\">\n                            <i *ngIf=\"dialogData.footerTemplateData.icon\" class=\"{{ dialogData.footerTemplateData.icon }}\"></i>\n                            {{ dialogData.footerTemplateData.label }}\n                        </button>\n                    </ng-template>\n                </dr-select>\n                <dr-input\n                    *ngIf=\"field.type === dialogFieldType.INPUT\"\n                    data-test=\"modalInput\"\n                    class=\"form-control\"\n                    [formControlName]=\"field.name\"\n                    [placeholder]=\"field.placeholder\"></dr-input>\n                <dr-date-picker\n                    *ngIf=\"field.type === dialogFieldType.DATE_PICKER\"\n                    [formControlName]=\"field.name\"\n                    [format]=\"field.datePickerFormat\"\n                    [placeholder]=\"field.placeholder\"></dr-date-picker>\n                <dr-checkbox *ngIf=\"field.type === dialogFieldType.CHECKBOX\" [formControlName]=\"field.name\">\n                    {{ field.label }}\n                </dr-checkbox>\n                <label\n                    class=\"form-field-error-alert\"\n                    *ngIf=\"form.invalid && form.controls[field.name]?.dirty && form.controls[field.name]?.errors\">\n                    {{ form.controls[field.name].errors.errorString }}\n                </label>\n                <label class=\"form-error-alert\" *ngIf=\"dialogData.errorMessage && !form.pristine && form.invalid\">\n                    {{ dialogData.errorMessage }}\n                </label>\n                <label class=\"form-error-alert\" *ngIf=\"form.valid && showServerErrorMessage && dialogData.serverErrorMessage\">\n                    {{ dialogData.serverErrorMessage }}\n                </label>\n            </div>\n        </div>\n    </div>\n</form>\n\n<div footer class=\"footer-dialog\">\n    <div class=\"buttons-wrapper\" *ngIf=\"dialogData.cancelButton || dialogData.acceptButton\">\n        <dr-button\n            (click)=\"onDecline()\"\n            *ngIf=\"dialogData.customButton\"\n            [theme]=\"dialogData.customButton?.theme || 'secondary'\"\n            class=\"buttons-wrapper--custom-btn\"\n            data-test=\"declineBtn\"\n            >{{ dialogData.customButton.label }}</dr-button\n        >\n        <dr-button *ngIf=\"dialogData.cancelButton\" data-test=\"modalCloseBtn\" (click)=\"onCancel()\" [theme]=\"'secondary'\">{{\n            dialogData.cancelButton.label\n        }}</dr-button>\n        <dr-button\n            *ngIf=\"dialogData.acceptButton\"\n            data-test=\"modalAddBtn\"\n            (click)=\"onAccept()\"\n            [theme]=\"'primary'\"\n            [isLoading]=\"isLoading\"\n            [disabled]=\"form.invalid\"\n            >{{ dialogData.acceptButton.label }}</dr-button\n        >\n    </div>\n</div>\n", styles: [":host{display:flex;justify-content:space-between;flex-direction:column}:host.small-modal,:host.small-modal-max-height{min-height:188px;max-height:467px;min-width:400px;max-width:400px}:host.medium-modal,:host.medium-modal-max-height{min-height:188px;max-height:467px;min-width:632px;max-width:632px}:host.medium-small-modal{min-height:188px;max-height:345px;min-width:460px;max-width:460px}:host.medium-modal-max-height,:host.small-modal-max-height{max-height:80vh}.header-dialog{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 56px 16px 32px;border-bottom:1px solid #dfe0e3}.header-dialog>.icon-close{position:absolute;right:32px;top:16px;cursor:pointer}.title-dialog{display:flex;color:#333;position:static;font-weight:600;font-size:16px;line-height:24px;margin-top:0;margin-bottom:0}.title-dialog__icon{font-size:32px;margin-right:8px;line-height:24px;color:#6d6e6f}.content-dialog{font-weight:400;font-size:14px;padding:16px 32px 5px;white-space:pre-line;overflow:auto}.icon-close{color:#6d6e6f;cursor:pointer}.dr-smart-from{font-size:14px;font-weight:400;line-height:22px;padding:8px 32px 24px}.dr-smart-from dr-checkbox{font-weight:400}.content-dialog{padding:16px 32px 0;font-weight:400;font-size:14px;line-height:22px}.content-anchor{display:none}.footer-dialog{border-top:1px solid #dfe0e3}.buttons-wrapper{display:flex;justify-content:flex-end;padding:10px 32px 11px}.buttons-wrapper dr-button:nth-of-type(n+2){margin-left:12px}.buttons-wrapper--custom-btn{margin-right:auto}.form-field-error-alert{font-size:12px;color:#bf1d30;line-height:20px}.form-error-alert{position:absolute;margin-top:5px;font-size:12px;color:#bf1d30}.dr-select-footer__btn{background-color:transparent;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;min-width:15rem;font-style:normal;font-weight:400;font-size:14px;line-height:24px;clear:both;width:100%;white-space:nowrap;padding:0 12px;height:36px;flex-shrink:0}\n"] }]
+        args: [{ selector: 'dr-dialog-modal-wrapper', template: "<div header class=\"header-dialog\">\n    <h1 class=\"title-dialog\" data-test=\"modalTitle\">\n        <i\n            *ngIf=\"dialogData.headerIconClass\"\n            (click)=\"closeDialog()\"\n            class=\"title-dialog__icon\"\n            [class]=\"dialogData.headerIconClass\"\n            data-test=\"dialogTitleIcon\"></i>\n        <span class=\"title-dialog__text\">{{ dialogData.title }}</span>\n    </h1>\n    <i *ngIf=\"!dialogData.hideCloseBtn\" (click)=\"closeDialog()\" class=\"dr-icon-exit icon-close\" data-test=\"xBtn\"></i>\n</div>\n<div *ngIf=\"dialogData.content\" class=\"content-dialog\" [innerHTML]=\"dialogData.content\">\n    <span #content class=\"content-anchor\"></span>\n</div>\n<form *ngIf=\"dialogData.fields\" [formGroup]=\"form\" class=\"dr-smart-from\">\n    <div [class]=\"dialogData.formWrapperClass || 'dr-smart-form_wrapper'\">\n        <div\n            *ngFor=\"let field of dialogData.fields\"\n            class=\"dr-smart-form_group\"\n            [class]=\"field.formGroupClass\"\n            [ngStyle]=\"{ display: field.isLabelFullWidth ? 'block' : 'flex' }\">\n            <label\n                *ngIf=\"field.label && field.type !== dialogFieldType.CHECKBOX\"\n                [ngClass]=\"field.isLabelFullWidth ? 'col-md-12 mb-2' : 'col-md-2'\"\n                class=\"label p-0 d-flex align-items-center\"\n                >{{ field.label }}</label\n            >\n            <div\n                class=\"input-group p-0\"\n                [ngClass]=\"{\n                    'col-md-10': field.label && !field.isLabelFullWidth,\n                    'col-md-12': !field.label || field.isLabelFullWidth,\n                }\">\n                <dr-select\n                    *ngIf=\"field.type === dialogFieldType.SELECT\"\n                    [searchable]=\"dialogData.searchable\"\n                    [clearable]=\"dialogData.clearable\"\n                    [formControlName]=\"field.name\"\n                    [addTag]=\"field.addTag\"\n                    [bindLabel]=\"field.bindLabel || null\"\n                    [bindValue]=\"field.bindValue || null\"\n                    [selectedItem]=\"field.default\"\n                    [items]=\"field.items || (field.items$ | async)\"\n                    [loading]=\"fieldsItemsLoading[field.name] | async\"\n                    [required]=\"!field.isOptional\"\n                    [placeholder]=\"field.placeholder\">\n                    <ng-template *ngIf=\"dialogData?.footerTemplateData\" #optionFooterTemplate let-item=\"item\" let-close=\"close\">\n                        <button (click)=\"footerAction(); close()\" class=\"dr-select-footer__btn\">\n                            <i *ngIf=\"dialogData.footerTemplateData.icon\" class=\"{{ dialogData.footerTemplateData.icon }}\"></i>\n                            {{ dialogData.footerTemplateData.label }}\n                        </button>\n                    </ng-template>\n                </dr-select>\n                <dr-input\n                    *ngIf=\"field.type === dialogFieldType.INPUT\"\n                    data-test=\"modalInput\"\n                    class=\"form-control\"\n                    [formControlName]=\"field.name\"\n                    [placeholder]=\"field.placeholder\"></dr-input>\n                <dr-date-picker\n                    *ngIf=\"field.type === dialogFieldType.DATE_PICKER\"\n                    [formControlName]=\"field.name\"\n                    [format]=\"field.datePickerFormat\"\n                    [placeholder]=\"field.placeholder\"></dr-date-picker>\n                <dr-checkbox *ngIf=\"field.type === dialogFieldType.CHECKBOX\" [formControlName]=\"field.name\">\n                    {{ field.label }}\n                </dr-checkbox>\n                <label\n                    class=\"form-field-error-alert\"\n                    *ngIf=\"form.invalid && form.controls[field.name]?.dirty && form.controls[field.name]?.errors\">\n                    {{ form.controls[field.name].errors.errorString }}\n                </label>\n                <label class=\"form-error-alert\" *ngIf=\"dialogData.errorMessage && !form.pristine && form.invalid\">\n                    {{ dialogData.errorMessage }}\n                </label>\n                <label class=\"form-error-alert\" *ngIf=\"form.valid && showServerErrorMessage && dialogData.serverErrorMessage\">\n                    {{ dialogData.serverErrorMessage }}\n                </label>\n            </div>\n        </div>\n    </div>\n</form>\n\n<div footer class=\"footer-dialog\">\n    <div class=\"buttons-wrapper\" *ngIf=\"dialogData.cancelButton || dialogData.acceptButton\">\n        <dr-button\n            (click)=\"onDecline()\"\n            *ngIf=\"dialogData.customButton\"\n            [theme]=\"dialogData.customButton?.theme || 'secondary'\"\n            class=\"buttons-wrapper--custom-btn\"\n            data-test=\"declineBtn\"\n            >{{ dialogData.customButton.label }}</dr-button\n        >\n        <dr-button *ngIf=\"dialogData.cancelButton\" data-test=\"modalCloseBtn\" (click)=\"onCancel()\" [theme]=\"'secondary'\">{{\n            dialogData.cancelButton.label\n        }}</dr-button>\n        <dr-button\n            *ngIf=\"dialogData.acceptButton\"\n            data-test=\"modalAddBtn\"\n            (click)=\"onAccept()\"\n            [theme]=\"'primary'\"\n            [isLoading]=\"isLoading\"\n            [disabled]=\"form.invalid\"\n            >{{ dialogData.acceptButton.label }}</dr-button\n        >\n    </div>\n</div>\n", styles: [":host{display:flex;justify-content:space-between;flex-direction:column}:host.small-modal,:host.small-modal-max-height{min-height:188px;max-height:467px;min-width:400px;max-width:400px}:host.medium-modal,:host.medium-modal-max-height{min-height:188px;max-height:467px;min-width:632px;max-width:632px}:host.medium-small-modal{min-height:188px;max-height:345px;min-width:460px;max-width:460px}:host.medium-modal-max-height,:host.small-modal-max-height{max-height:80vh}.header-dialog{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 56px 16px 32px;border-bottom:1px solid #dfe0e3}.header-dialog>.icon-close{position:absolute;right:32px;top:16px;cursor:pointer}.title-dialog{font-size:16px;line-height:24px;font-weight:600;display:flex;color:#333;position:static;margin-top:0;margin-bottom:0}.title-dialog__icon{font-size:32px;margin-right:8px;line-height:24px;color:#6d6e6f}.content-dialog{font-weight:400;font-size:14px;padding:16px 32px 5px;white-space:pre-line;overflow:auto}.icon-close{color:#6d6e6f;cursor:pointer}.dr-smart-from{font-size:14px;font-weight:400;line-height:22px;padding:8px 32px 24px}.dr-smart-from dr-checkbox{font-weight:400}.content-dialog{padding:16px 32px 0;font-weight:400;font-size:14px;line-height:22px}.content-anchor{display:none}.footer-dialog{border-top:1px solid #dfe0e3}.buttons-wrapper{display:flex;justify-content:flex-end;padding:10px 32px 11px}.buttons-wrapper dr-button:nth-of-type(n+2){margin-left:12px}.buttons-wrapper--custom-btn{margin-right:auto}.form-field-error-alert{font-size:12px;color:#bf1d30;line-height:20px}.form-error-alert{position:absolute;margin-top:5px;font-size:12px;color:#bf1d30}.dr-select-footer__btn{background-color:transparent;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;min-width:15rem;font-style:normal;font-weight:400;font-size:14px;line-height:24px;clear:both;width:100%;white-space:nowrap;padding:0 12px;height:36px;flex-shrink:0}\n"] }]
     }], function () { return [{ type: i1.MatLegacyDialogRef }, { type: undefined, decorators: [{
                 type: Inject,
                 args: [MAT_DIALOG_DATA]

package/esm2022/lib/dr-dialog/components/dialog-wrapper/dialog-wrapper.component.mjs

@@ -242,11 +242,11 @@ export class DialogWrapperComponent {
             i0.ɵɵproperty("ngIf", ctx.dialogData.details);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.dialogData.cancelButton || ctx.dialogData.acceptButton);
-        } }, dependencies: [i2.NgClass, i2.NgIf, i3.DrButtonComponent, i4.DrTooltipDirective, i5.DrDetailsListComponent], styles: [".small-modal[_nghost-%COMP%], .small-modal-max-height[_nghost-%COMP%]{min-height:188px;max-height:467px;min-width:400px;max-width:400px}.medium-modal[_nghost-%COMP%], .medium-modal-max-height[_nghost-%COMP%]{min-height:188px;max-height:467px;min-width:632px;max-width:632px}.medium-small-modal[_nghost-%COMP%]{min-height:188px;max-height:345px;min-width:460px;max-width:460px}.medium-modal-max-height[_nghost-%COMP%], .small-modal-max-height[_nghost-%COMP%]{max-height:85vh}.large-modal[_nghost-%COMP%]{min-width:750px;max-width:750px}.xl-medium-modal[_nghost-%COMP%]{min-width:850px;max-width:850px}.medium-large-modal[_nghost-%COMP%]{min-width:669px;max-width:669px}.xl-modal[_nghost-%COMP%]{min-height:188px;max-height:800px;min-width:1100px;max-width:1100px}.xl-custom-modal[_nghost-%COMP%]{min-height:188px;max-height:800px;min-width:1100px;max-width:100%}.maximized-modal[_nghost-%COMP%]{min-height:calc(100vh - 64px);max-height:calc(100vh - 64px);min-width:calc(100vw - 64px);max-width:calc(100vw - 64px)}  .dialog-wrapper{display:flex;justify-content:space-between;flex-direction:column;position:relative}  .dialog-wrapper>.dr-icon-exit{z-index:1;position:absolute;right:32px;top:16px;color:#6d6e6f;cursor:pointer}  .dialog-wrapper>.min-max-dialog-wrapper-icon.dr-icon-maximize,   .dialog-wrapper>.min-max-dialog-wrapper-icon.dr-icon-minimize{z-index:1;position:absolute;right:56px;top:18px;font-size:20px;color:#6d6e6f;cursor:pointer}  .dialog-wrapper__header{display:flex;flex-direction:column;padding:16px 56px 16px 32px;border-bottom:1px solid #dfe0e3}  .dialog-wrapper__header.with-max-button{padding:16px 76px 16px 32px}  .dialog-wrapper__header__title{color:#333;position:static;font-weight:600;font-size:16px;line-height:24px;margin-top:0;margin-bottom:0}  .dialog-wrapper__header__subtitle{color:#333;font-weight:400;font-size:14px;line-height:22px;margin:4px 0 0}  .dialog-wrapper--confirmation-no-title{padding-top:16px;height:100%}  .dialog-wrapper__content{overflow-y:inherit;font-size:14px;font-weight:400;line-height:22px;padding:24px 32px 32px}  .dialog-wrapper__content__anchor{display:none}  .dialog-wrapper__content--no-padding{padding:0}  .dialog-wrapper__content__icon{margin-right:10px;top:5px;position:relative}  .dialog-wrapper__content.flex-position{display:flex}  .dialog-wrapper__content .dialog-content__wrapper{white-space:pre-line}  .dialog-wrapper dr-details-list{margin-top:-24px;padding:0 32px 32px}  .dialog-wrapper .confirmation-question{font-weight:500;margin-top:8px}  .dialog-wrapper__footer{border-top:1px solid #dfe0e3}  .dialog-wrapper__footer__buttons{display:flex;justify-content:flex-end;padding:11px 32px}  .dialog-wrapper__footer__buttons>dr-button:nth-child(n+2),   .dialog-wrapper__footer__buttons>.footer-btn-container:nth-child(n+2){margin-left:12px}  .dialog-wrapper__footer__button-wrapper:nth-child(n+2){margin-left:12px}  .dialog-wrapper__footer__button-wrapper--custom:nth-last-child(3){margin-right:auto}"] }); }
+        } }, dependencies: [i2.NgClass, i2.NgIf, i3.DrButtonComponent, i4.DrTooltipDirective, i5.DrDetailsListComponent], styles: [".small-modal[_nghost-%COMP%], .small-modal-max-height[_nghost-%COMP%]{min-height:188px;max-height:467px;min-width:400px;max-width:400px}.medium-modal[_nghost-%COMP%], .medium-modal-max-height[_nghost-%COMP%]{min-height:188px;max-height:467px;min-width:632px;max-width:632px}.medium-small-modal[_nghost-%COMP%]{min-height:188px;max-height:345px;min-width:460px;max-width:460px}.medium-modal-max-height[_nghost-%COMP%], .small-modal-max-height[_nghost-%COMP%]{max-height:85vh}.large-modal[_nghost-%COMP%]{min-width:750px;max-width:750px}.xl-medium-modal[_nghost-%COMP%]{min-width:850px;max-width:850px}.medium-large-modal[_nghost-%COMP%]{min-width:669px;max-width:669px}.xl-modal[_nghost-%COMP%]{min-height:188px;max-height:800px;min-width:1100px;max-width:1100px}.xl-custom-modal[_nghost-%COMP%]{min-height:188px;max-height:800px;min-width:1100px;max-width:100%}.maximized-modal[_nghost-%COMP%]{min-height:calc(100vh - 64px);max-height:calc(100vh - 64px);min-width:calc(100vw - 64px);max-width:calc(100vw - 64px)}  .dialog-wrapper{display:flex;justify-content:space-between;flex-direction:column;position:relative}  .dialog-wrapper>.dr-icon-exit{z-index:1;position:absolute;right:32px;top:16px;color:#6d6e6f;cursor:pointer}  .dialog-wrapper>.min-max-dialog-wrapper-icon.dr-icon-maximize,   .dialog-wrapper>.min-max-dialog-wrapper-icon.dr-icon-minimize{z-index:1;position:absolute;right:56px;top:18px;font-size:20px;color:#6d6e6f;cursor:pointer}  .dialog-wrapper__header{display:flex;flex-direction:column;padding:16px 56px 16px 32px;border-bottom:1px solid #dfe0e3}  .dialog-wrapper__header.with-max-button{padding:16px 76px 16px 32px}  .dialog-wrapper__header__title{font-size:16px;line-height:24px;font-weight:600;color:#333;position:static;margin-top:0;margin-bottom:0}  .dialog-wrapper__header__subtitle{font-size:14px;line-height:24px;font-weight:400;color:#333;margin:4px 0 0}  .dialog-wrapper--confirmation-no-title{padding-top:16px;height:100%}  .dialog-wrapper__content{overflow-y:inherit;font-size:14px;font-weight:400;line-height:22px;padding:24px 32px 32px}  .dialog-wrapper__content__anchor{display:none}  .dialog-wrapper__content--no-padding{padding:0}  .dialog-wrapper__content__icon{margin-right:10px;top:5px;position:relative}  .dialog-wrapper__content.flex-position{display:flex}  .dialog-wrapper__content .dialog-content__wrapper{white-space:pre-line}  .dialog-wrapper dr-details-list{margin-top:-24px;padding:0 32px 32px}  .dialog-wrapper .confirmation-question{font-weight:500;margin-top:8px}  .dialog-wrapper__footer{border-top:1px solid #dfe0e3}  .dialog-wrapper__footer__buttons{display:flex;justify-content:flex-end;padding:11px 32px}  .dialog-wrapper__footer__buttons>dr-button:nth-child(n+2),   .dialog-wrapper__footer__buttons>.footer-btn-container:nth-child(n+2){margin-left:12px}  .dialog-wrapper__footer__button-wrapper:nth-child(n+2){margin-left:12px}  .dialog-wrapper__footer__button-wrapper--custom:nth-last-child(3){margin-right:auto}"] }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DialogWrapperComponent, [{
         type: Component,
-        args: [{ selector: 'dr-dialog-wrapper', template: "<div class=\"dialog-wrapper\" [class.dialog-wrapper--confirmation-no-title]=\"dialogData.theme?.isConfirmation && !dialogData.title\">\n    <i\n        *ngIf=\"dialogData?.showMaximizeBtn\"\n        [ngClass]=\"{ 'dr-icon-maximize': !isMaximized, 'dr-icon-minimize': isMaximized }\"\n        class=\"min-max-dialog-wrapper-icon\"\n        (click)=\"toggleMaximize()\"\n        data-test=\"maximize_btn\"></i>\n    <i class=\"dr-icon-exit\" data-test=\"close_btn\" (click)=\"closeDialog()\" *ngIf=\"!dialogData?.hideCloseBtn\"></i>\n\n    <div header class=\"dialog-wrapper__header\" [class.with-max-button]=\"dialogData?.showMaximizeBtn\" *ngIf=\"dialogData.title\">\n        <h1 class=\"dialog-wrapper__header__title\" data-test=\"dialogTitle\">{{ dialogData.title }}</h1>\n        <h1 class=\"dialog-wrapper__header__subtitle\" data-test=\"dialogSubtitle\" *ngIf=\"dialogData.subtitle\">\n            {{ dialogData.subtitle }}\n        </h1>\n    </div>\n    <div\n        class=\"dialog-wrapper__content\"\n        [class.dialog-wrapper__content--no-padding]=\"dialogData.theme?.contentNoPadding\"\n        [ngClass]=\"{ 'flex-position': dialogData.contentIcon?.class && !childComponent }\">\n        <span *ngIf=\"dialogData.contentIcon?.class\" class=\"dialog-wrapper__content__icon\">\n            <i [ngClass]=\"dialogData.contentIcon.class\" [style.color]=\"dialogData.contentIcon?.color || 'inherit'\"></i>\n        </span>\n        <span class=\"dialog-content__wrapper\" [innerHTML]=\"dialogData.content\"></span>\n        <span #content class=\"dialog-wrapper__content__anchor\"> </span>\n    </div>\n    <dr-details-list\n        *ngIf=\"dialogData.details\"\n        [title]=\"dialogData.details.title\"\n        [items]=\"dialogData.details.items\"\n        [collapse]=\"dialogData.details.collapse\">\n    </dr-details-list>\n    <div footer class=\"dialog-wrapper__footer\" *ngIf=\"dialogData.cancelButton || dialogData.acceptButton\">\n        <div class=\"dialog-wrapper__footer__buttons\">\n            <span\n                *ngIf=\"dialogData.customButton\"\n                class=\"dialog-wrapper__footer__button-wrapper dialog-wrapper__footer__button-wrapper--custom\"\n                [drTooltip]=\"dialogData.customButton.isDisabled && dialogData.tooltips?.customDisabled\">\n                <dr-button\n                    (click)=\"onDecline()\"\n                    [theme]=\"dialogData.customButton?.theme || 'secondary'\"\n                    [isLoading]=\"isLoading\"\n                    data-test=\"declineBtn\"\n                    [disabled]=\"dialogData.customButton.isDisabled\"\n                    [drTooltip]=\"dialogData.tooltips?.custom\"\n                    >{{ dialogData.customButton.label }}</dr-button\n                >\n            </span>\n            <span\n                *ngIf=\"dialogData.cancelButton\"\n                class=\"dialog-wrapper__footer__button-wrapper\"\n                [drTooltip]=\"dialogData.cancelButton.isDisabled && dialogData.tooltips?.cancelDisabled\">\n                <dr-button\n                    (click)=\"closeDialog()\"\n                    [theme]=\"dialogData.cancelButton?.theme || 'secondary'\"\n                    data-test=\"closeBtn\"\n                    [disabled]=\"dialogData.cancelButton.isDisabled\"\n                    [drTooltip]=\"dialogData.tooltips?.cancel\"\n                    >{{ dialogData.cancelButton.label }}</dr-button\n                >\n            </span>\n            <span\n                *ngIf=\"dialogData.acceptButton\"\n                class=\"dialog-wrapper__footer__button-wrapper\"\n                [drTooltip]=\"dialogData.acceptButton.isDisabled && dialogData.tooltips?.acceptDisabled\">\n                <dr-button\n                    (click)=\"onAcceptDialog()\"\n                    [theme]=\"dialogData.acceptButton?.theme || 'primary'\"\n                    [isLoading]=\"isLoading\"\n                    data-test=\"acceptBtn\"\n                    [disabled]=\"dialogData.acceptButton.isDisabled\"\n                    [drTooltip]=\"dialogData.tooltips?.accept\"\n                    >{{ dialogData.acceptButton.label }}</dr-button\n                >\n            </span>\n        </div>\n    </div>\n</div>\n", styles: [":host.small-modal,:host.small-modal-max-height{min-height:188px;max-height:467px;min-width:400px;max-width:400px}:host.medium-modal,:host.medium-modal-max-height{min-height:188px;max-height:467px;min-width:632px;max-width:632px}:host.medium-small-modal{min-height:188px;max-height:345px;min-width:460px;max-width:460px}:host.medium-modal-max-height,:host.small-modal-max-height{max-height:85vh}:host.large-modal{min-width:750px;max-width:750px}:host.xl-medium-modal{min-width:850px;max-width:850px}:host.medium-large-modal{min-width:669px;max-width:669px}:host.xl-modal{min-height:188px;max-height:800px;min-width:1100px;max-width:1100px}:host.xl-custom-modal{min-height:188px;max-height:800px;min-width:1100px;max-width:100%}:host.maximized-modal{min-height:calc(100vh - 64px);max-height:calc(100vh - 64px);min-width:calc(100vw - 64px);max-width:calc(100vw - 64px)}::ng-deep .dialog-wrapper{display:flex;justify-content:space-between;flex-direction:column;position:relative}::ng-deep .dialog-wrapper>.dr-icon-exit{z-index:1;position:absolute;right:32px;top:16px;color:#6d6e6f;cursor:pointer}::ng-deep .dialog-wrapper>.min-max-dialog-wrapper-icon.dr-icon-maximize,::ng-deep .dialog-wrapper>.min-max-dialog-wrapper-icon.dr-icon-minimize{z-index:1;position:absolute;right:56px;top:18px;font-size:20px;color:#6d6e6f;cursor:pointer}::ng-deep .dialog-wrapper__header{display:flex;flex-direction:column;padding:16px 56px 16px 32px;border-bottom:1px solid #dfe0e3}::ng-deep .dialog-wrapper__header.with-max-button{padding:16px 76px 16px 32px}::ng-deep .dialog-wrapper__header__title{color:#333;position:static;font-weight:600;font-size:16px;line-height:24px;margin-top:0;margin-bottom:0}::ng-deep .dialog-wrapper__header__subtitle{color:#333;font-weight:400;font-size:14px;line-height:22px;margin:4px 0 0}::ng-deep .dialog-wrapper--confirmation-no-title{padding-top:16px;height:100%}::ng-deep .dialog-wrapper__content{overflow-y:inherit;font-size:14px;font-weight:400;line-height:22px;padding:24px 32px 32px}::ng-deep .dialog-wrapper__content__anchor{display:none}::ng-deep .dialog-wrapper__content--no-padding{padding:0}::ng-deep .dialog-wrapper__content__icon{margin-right:10px;top:5px;position:relative}::ng-deep .dialog-wrapper__content.flex-position{display:flex}::ng-deep .dialog-wrapper__content .dialog-content__wrapper{white-space:pre-line}::ng-deep .dialog-wrapper dr-details-list{margin-top:-24px;padding:0 32px 32px}::ng-deep .dialog-wrapper .confirmation-question{font-weight:500;margin-top:8px}::ng-deep .dialog-wrapper__footer{border-top:1px solid #dfe0e3}::ng-deep .dialog-wrapper__footer__buttons{display:flex;justify-content:flex-end;padding:11px 32px}::ng-deep .dialog-wrapper__footer__buttons>dr-button:nth-child(n+2),::ng-deep .dialog-wrapper__footer__buttons>.footer-btn-container:nth-child(n+2){margin-left:12px}::ng-deep .dialog-wrapper__footer__button-wrapper:nth-child(n+2){margin-left:12px}::ng-deep .dialog-wrapper__footer__button-wrapper--custom:nth-last-child(3){margin-right:auto}\n"] }]
+        args: [{ selector: 'dr-dialog-wrapper', template: "<div class=\"dialog-wrapper\" [class.dialog-wrapper--confirmation-no-title]=\"dialogData.theme?.isConfirmation && !dialogData.title\">\n    <i\n        *ngIf=\"dialogData?.showMaximizeBtn\"\n        [ngClass]=\"{ 'dr-icon-maximize': !isMaximized, 'dr-icon-minimize': isMaximized }\"\n        class=\"min-max-dialog-wrapper-icon\"\n        (click)=\"toggleMaximize()\"\n        data-test=\"maximize_btn\"></i>\n    <i class=\"dr-icon-exit\" data-test=\"close_btn\" (click)=\"closeDialog()\" *ngIf=\"!dialogData?.hideCloseBtn\"></i>\n\n    <div header class=\"dialog-wrapper__header\" [class.with-max-button]=\"dialogData?.showMaximizeBtn\" *ngIf=\"dialogData.title\">\n        <h1 class=\"dialog-wrapper__header__title\" data-test=\"dialogTitle\">{{ dialogData.title }}</h1>\n        <h1 class=\"dialog-wrapper__header__subtitle\" data-test=\"dialogSubtitle\" *ngIf=\"dialogData.subtitle\">\n            {{ dialogData.subtitle }}\n        </h1>\n    </div>\n    <div\n        class=\"dialog-wrapper__content\"\n        [class.dialog-wrapper__content--no-padding]=\"dialogData.theme?.contentNoPadding\"\n        [ngClass]=\"{ 'flex-position': dialogData.contentIcon?.class && !childComponent }\">\n        <span *ngIf=\"dialogData.contentIcon?.class\" class=\"dialog-wrapper__content__icon\">\n            <i [ngClass]=\"dialogData.contentIcon.class\" [style.color]=\"dialogData.contentIcon?.color || 'inherit'\"></i>\n        </span>\n        <span class=\"dialog-content__wrapper\" [innerHTML]=\"dialogData.content\"></span>\n        <span #content class=\"dialog-wrapper__content__anchor\"> </span>\n    </div>\n    <dr-details-list\n        *ngIf=\"dialogData.details\"\n        [title]=\"dialogData.details.title\"\n        [items]=\"dialogData.details.items\"\n        [collapse]=\"dialogData.details.collapse\">\n    </dr-details-list>\n    <div footer class=\"dialog-wrapper__footer\" *ngIf=\"dialogData.cancelButton || dialogData.acceptButton\">\n        <div class=\"dialog-wrapper__footer__buttons\">\n            <span\n                *ngIf=\"dialogData.customButton\"\n                class=\"dialog-wrapper__footer__button-wrapper dialog-wrapper__footer__button-wrapper--custom\"\n                [drTooltip]=\"dialogData.customButton.isDisabled && dialogData.tooltips?.customDisabled\">\n                <dr-button\n                    (click)=\"onDecline()\"\n                    [theme]=\"dialogData.customButton?.theme || 'secondary'\"\n                    [isLoading]=\"isLoading\"\n                    data-test=\"declineBtn\"\n                    [disabled]=\"dialogData.customButton.isDisabled\"\n                    [drTooltip]=\"dialogData.tooltips?.custom\"\n                    >{{ dialogData.customButton.label }}</dr-button\n                >\n            </span>\n            <span\n                *ngIf=\"dialogData.cancelButton\"\n                class=\"dialog-wrapper__footer__button-wrapper\"\n                [drTooltip]=\"dialogData.cancelButton.isDisabled && dialogData.tooltips?.cancelDisabled\">\n                <dr-button\n                    (click)=\"closeDialog()\"\n                    [theme]=\"dialogData.cancelButton?.theme || 'secondary'\"\n                    data-test=\"closeBtn\"\n                    [disabled]=\"dialogData.cancelButton.isDisabled\"\n                    [drTooltip]=\"dialogData.tooltips?.cancel\"\n                    >{{ dialogData.cancelButton.label }}</dr-button\n                >\n            </span>\n            <span\n                *ngIf=\"dialogData.acceptButton\"\n                class=\"dialog-wrapper__footer__button-wrapper\"\n                [drTooltip]=\"dialogData.acceptButton.isDisabled && dialogData.tooltips?.acceptDisabled\">\n                <dr-button\n                    (click)=\"onAcceptDialog()\"\n                    [theme]=\"dialogData.acceptButton?.theme || 'primary'\"\n                    [isLoading]=\"isLoading\"\n                    data-test=\"acceptBtn\"\n                    [disabled]=\"dialogData.acceptButton.isDisabled\"\n                    [drTooltip]=\"dialogData.tooltips?.accept\"\n                    >{{ dialogData.acceptButton.label }}</dr-button\n                >\n            </span>\n        </div>\n    </div>\n</div>\n", styles: [":host.small-modal,:host.small-modal-max-height{min-height:188px;max-height:467px;min-width:400px;max-width:400px}:host.medium-modal,:host.medium-modal-max-height{min-height:188px;max-height:467px;min-width:632px;max-width:632px}:host.medium-small-modal{min-height:188px;max-height:345px;min-width:460px;max-width:460px}:host.medium-modal-max-height,:host.small-modal-max-height{max-height:85vh}:host.large-modal{min-width:750px;max-width:750px}:host.xl-medium-modal{min-width:850px;max-width:850px}:host.medium-large-modal{min-width:669px;max-width:669px}:host.xl-modal{min-height:188px;max-height:800px;min-width:1100px;max-width:1100px}:host.xl-custom-modal{min-height:188px;max-height:800px;min-width:1100px;max-width:100%}:host.maximized-modal{min-height:calc(100vh - 64px);max-height:calc(100vh - 64px);min-width:calc(100vw - 64px);max-width:calc(100vw - 64px)}::ng-deep .dialog-wrapper{display:flex;justify-content:space-between;flex-direction:column;position:relative}::ng-deep .dialog-wrapper>.dr-icon-exit{z-index:1;position:absolute;right:32px;top:16px;color:#6d6e6f;cursor:pointer}::ng-deep .dialog-wrapper>.min-max-dialog-wrapper-icon.dr-icon-maximize,::ng-deep .dialog-wrapper>.min-max-dialog-wrapper-icon.dr-icon-minimize{z-index:1;position:absolute;right:56px;top:18px;font-size:20px;color:#6d6e6f;cursor:pointer}::ng-deep .dialog-wrapper__header{display:flex;flex-direction:column;padding:16px 56px 16px 32px;border-bottom:1px solid #dfe0e3}::ng-deep .dialog-wrapper__header.with-max-button{padding:16px 76px 16px 32px}::ng-deep .dialog-wrapper__header__title{font-size:16px;line-height:24px;font-weight:600;color:#333;position:static;margin-top:0;margin-bottom:0}::ng-deep .dialog-wrapper__header__subtitle{font-size:14px;line-height:24px;font-weight:400;color:#333;margin:4px 0 0}::ng-deep .dialog-wrapper--confirmation-no-title{padding-top:16px;height:100%}::ng-deep .dialog-wrapper__content{overflow-y:inherit;font-size:14px;font-weight:400;line-height:22px;padding:24px 32px 32px}::ng-deep .dialog-wrapper__content__anchor{display:none}::ng-deep .dialog-wrapper__content--no-padding{padding:0}::ng-deep .dialog-wrapper__content__icon{margin-right:10px;top:5px;position:relative}::ng-deep .dialog-wrapper__content.flex-position{display:flex}::ng-deep .dialog-wrapper__content .dialog-content__wrapper{white-space:pre-line}::ng-deep .dialog-wrapper dr-details-list{margin-top:-24px;padding:0 32px 32px}::ng-deep .dialog-wrapper .confirmation-question{font-weight:500;margin-top:8px}::ng-deep .dialog-wrapper__footer{border-top:1px solid #dfe0e3}::ng-deep .dialog-wrapper__footer__buttons{display:flex;justify-content:flex-end;padding:11px 32px}::ng-deep .dialog-wrapper__footer__buttons>dr-button:nth-child(n+2),::ng-deep .dialog-wrapper__footer__buttons>.footer-btn-container:nth-child(n+2){margin-left:12px}::ng-deep .dialog-wrapper__footer__button-wrapper:nth-child(n+2){margin-left:12px}::ng-deep .dialog-wrapper__footer__button-wrapper--custom:nth-last-child(3){margin-right:auto}\n"] }]
     }], function () { return [{ type: i1.MatLegacyDialogRef }, { type: i0.ChangeDetectorRef }, { type: i0.ComponentFactoryResolver }, { type: undefined, decorators: [{
                 type: Inject,
                 args: [MAT_DIALOG_DATA]

package/esm2022/lib/dr-dropdown/dr-dropdown-item/dr-dropdown-item.component.mjs

@@ -19,11 +19,11 @@ export class DrDropdownItemComponent {
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵclassProp("item-disabled", ctx.disabled)("item-selected", ctx.selected)("divider", ctx.divider);
-        } }, styles: ["[_nghost-%COMP%]{display:flex;align-items:center}[_nghost-%COMP%]   .dr-dropdown-text[_ngcontent-%COMP%]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:auto;display:inline-flex;align-items:center;flex:1}[_nghost-%COMP%]   .dr-dropdown-actions[_ngcontent-%COMP%]{margin-left:auto;display:flex;align-items:center}[_nghost-%COMP%]   .dr-dropdown-item[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:flex-start;cursor:pointer;min-width:15rem;font-style:normal;font-weight:400;font-size:14px;line-height:24px;clear:both;width:100%;white-space:nowrap;padding:0 12px;height:36px;flex-shrink:0;background-color:#fff;color:#333}[_nghost-%COMP%]   .dr-dropdown-item[_ngcontent-%COMP%]:hover{background-color:#f5f5f5}[_nghost-%COMP%]   .dr-dropdown-item.divider[_ngcontent-%COMP%]{border-top:1px solid #dfe0e3}[_nghost-%COMP%]   .dr-dropdown-item[_ngcontent-%COMP%]:active, [_nghost-%COMP%]   .dr-dropdown-item.item-selected[_ngcontent-%COMP%]{background-color:#eaeaff}[_nghost-%COMP%]   .dr-dropdown-item.item-disabled[_ngcontent-%COMP%]{background-color:#fff!important;color:#aeabac!important}"], changeDetection: 0 }); }
+        } }, styles: ["[_nghost-%COMP%]{display:flex;align-items:center}[_nghost-%COMP%]   .dr-dropdown-text[_ngcontent-%COMP%]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:auto;display:inline-flex;align-items:center;flex:1}[_nghost-%COMP%]   .dr-dropdown-actions[_ngcontent-%COMP%]{margin-left:auto;display:flex;align-items:center}[_nghost-%COMP%]   .dr-dropdown-item[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:400;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;min-width:15rem;font-style:normal;clear:both;width:100%;white-space:nowrap;padding:0 12px;height:36px;flex-shrink:0;background-color:#fff;color:#333}[_nghost-%COMP%]   .dr-dropdown-item[_ngcontent-%COMP%]:hover{background-color:#f5f5f5}[_nghost-%COMP%]   .dr-dropdown-item.divider[_ngcontent-%COMP%]{border-top:1px solid #dfe0e3}[_nghost-%COMP%]   .dr-dropdown-item[_ngcontent-%COMP%]:active, [_nghost-%COMP%]   .dr-dropdown-item.item-selected[_ngcontent-%COMP%]{background-color:#eaeaff}[_nghost-%COMP%]   .dr-dropdown-item.item-disabled[_ngcontent-%COMP%]{background-color:#fff!important;color:#aeabac!important}"], changeDetection: 0 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrDropdownItemComponent, [{
         type: Component,
-        args: [{ selector: 'dr-dropdown-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dr-dropdown-item\" [class.item-disabled]=\"disabled\" [class.item-selected]=\"selected\" [class.divider]=\"divider\">\n    <span class=\"dr-dropdown-text\">\n        <ng-content select=\"[dropdownItemContent]\"></ng-content>\n    </span>\n    <div class=\"dr-dropdown-actions\">\n        <ng-content select=\"[dropdownItemActions]\"></ng-content>\n    </div>\n</div>\n", styles: [":host{display:flex;align-items:center}:host .dr-dropdown-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:auto;display:inline-flex;align-items:center;flex:1}:host .dr-dropdown-actions{margin-left:auto;display:flex;align-items:center}:host .dr-dropdown-item{display:flex;align-items:center;justify-content:flex-start;cursor:pointer;min-width:15rem;font-style:normal;font-weight:400;font-size:14px;line-height:24px;clear:both;width:100%;white-space:nowrap;padding:0 12px;height:36px;flex-shrink:0;background-color:#fff;color:#333}:host .dr-dropdown-item:hover{background-color:#f5f5f5}:host .dr-dropdown-item.divider{border-top:1px solid #dfe0e3}:host .dr-dropdown-item:active,:host .dr-dropdown-item.item-selected{background-color:#eaeaff}:host .dr-dropdown-item.item-disabled{background-color:#fff!important;color:#aeabac!important}\n"] }]
+        args: [{ selector: 'dr-dropdown-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dr-dropdown-item\" [class.item-disabled]=\"disabled\" [class.item-selected]=\"selected\" [class.divider]=\"divider\">\n    <span class=\"dr-dropdown-text\">\n        <ng-content select=\"[dropdownItemContent]\"></ng-content>\n    </span>\n    <div class=\"dr-dropdown-actions\">\n        <ng-content select=\"[dropdownItemActions]\"></ng-content>\n    </div>\n</div>\n", styles: [":host{display:flex;align-items:center}:host .dr-dropdown-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:auto;display:inline-flex;align-items:center;flex:1}:host .dr-dropdown-actions{margin-left:auto;display:flex;align-items:center}:host .dr-dropdown-item{font-size:14px;line-height:24px;font-weight:400;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;min-width:15rem;font-style:normal;clear:both;width:100%;white-space:nowrap;padding:0 12px;height:36px;flex-shrink:0;background-color:#fff;color:#333}:host .dr-dropdown-item:hover{background-color:#f5f5f5}:host .dr-dropdown-item.divider{border-top:1px solid #dfe0e3}:host .dr-dropdown-item:active,:host .dr-dropdown-item.item-selected{background-color:#eaeaff}:host .dr-dropdown-item.item-disabled{background-color:#fff!important;color:#aeabac!important}\n"] }]
     }], null, { selected: [{
             type: Input
         }], disabled: [{

package/esm2022/lib/dr-inputs/button/button.component.mjs

@@ -55,11 +55,11 @@ export class DrButtonComponent {
             i0.ɵɵproperty("ngIf", ctx.isLoading);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.iconAfter);
-        } }, dependencies: [CommonModule, i1.NgIf], styles: ["[_nghost-%COMP%]{display:inline-block}.disabled[_nghost-%COMP%], .loading[_nghost-%COMP%]{pointer-events:none}[_nghost-%COMP%]   button[_ngcontent-%COMP%]{position:relative;display:flex;align-items:center;flex-wrap:nowrap;cursor:pointer;font-family:Poppins,sans-serif;font-weight:400;font-size:14px;font-style:normal;line-height:22px;border-radius:16px;padding:4px 16px;height:32px;border:1px solid}[_nghost-%COMP%]   button[_ngcontent-%COMP%]   .dr-button__spinner[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;background:inherit;border-radius:inherit}[_nghost-%COMP%]   button[_ngcontent-%COMP%]   .dr-button__spinner[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{animation-name:_ngcontent-%COMP%_rotate;animation-iteration-count:infinite;animation-duration:1s}.with-icon[_nghost-%COMP%]   button[_ngcontent-%COMP%]{padding-left:8px}.with-icon[_nghost-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]:first-child{margin-right:4px}.with-icon-after[_nghost-%COMP%]   button[_ngcontent-%COMP%]{padding-right:8px}.with-icon-after[_nghost-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]:last-child{margin-left:4px}.split-primary-first[_nghost-%COMP%]   button[_ngcontent-%COMP%], .split-secondary-first[_nghost-%COMP%]   button[_ngcontent-%COMP%]{border-bottom-right-radius:0;border-top-right-radius:0;padding-right:8px}.help[_nghost-%COMP%]   button[_ngcontent-%COMP%]{padding:4px 16px 4px 8px;color:#333;height:28px;border:none;min-width:84px}.help[_nghost-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{min-width:4px}.split-primary-last[_nghost-%COMP%]   button[_ngcontent-%COMP%], .split-secondary-last[_nghost-%COMP%]   button[_ngcontent-%COMP%]{border-bottom-left-radius:0;border-top-left-radius:0;padding-right:8px;padding-left:4px;border-left:none}.split-primary-last[_nghost-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], .split-secondary-last[_nghost-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{margin:0!important}.primary[_nghost-%COMP%]   button[_ngcontent-%COMP%], .split-primary-first[_nghost-%COMP%]   button[_ngcontent-%COMP%], .split-primary-last[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#fff;background:#4646ce;border-color:#4646ce}.primary[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover, .split-primary-first[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover, .split-primary-last[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover{background:linear-gradient(96.89deg,#25258c,#4646ce);border-color:linear-gradient(96.89deg,#25258c 0%,#4646ce 100%)}.primary.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .primary[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active, .split-primary-first.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .split-primary-first[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active, .split-primary-last.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .split-primary-last[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active{background:#25258c;border-color:#25258c}.primary.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%], .split-primary-first.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%], .split-primary-last.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}.split-primary-first[_nghost-%COMP%]   button[_ngcontent-%COMP%]{border-right-color:#dfe0e3}.split-primary-first.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]{border-right-color:#aeabac}.secondary[_nghost-%COMP%]   button[_ngcontent-%COMP%], .split-secondary-first[_nghost-%COMP%]   button[_ngcontent-%COMP%], .split-secondary-last[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#4646ce;background:#fff;border-color:#4646ce}.secondary[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover, .split-secondary-first[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover, .split-secondary-last[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover{background:#f5f5f5;box-shadow:0 4px 14px #0000001a}.secondary.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .secondary[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active, .split-secondary-first.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .split-secondary-first[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active, .split-secondary-last.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .split-secondary-last[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active{background:#eaeaff;box-shadow:none}.secondary.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%], .split-secondary-first.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%], .split-secondary-last.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#aeabac;border-color:#aeabac}.secondary-white[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#fff;background:transparent;border-color:#fff}.secondary-white[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover{background:transparent;box-shadow:0 4px 14px #0000001a}.secondary-white.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .secondary-white[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active{background:transparent;box-shadow:none}.secondary-white.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#aeabac;border-color:#aeabac}.split-secondary-first[_nghost-%COMP%]   button[_ngcontent-%COMP%]{border-right-color:#4646ce}.split-secondary-first.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]{border-right-color:#aeabac}.icon[_nghost-%COMP%]   button[_ngcontent-%COMP%], .icon-primary[_nghost-%COMP%]   button[_ngcontent-%COMP%], .icon-secondary[_nghost-%COMP%]   button[_ngcontent-%COMP%]{width:28px;height:28px;padding:0;justify-content:center}.icon[_nghost-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], .icon-primary[_nghost-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], .icon-secondary[_nghost-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{margin:0!important}.icon[_nghost-%COMP%]   button[_ngcontent-%COMP%]{background:transparent;border-color:transparent;color:#6d6e6f}.icon[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover{color:#333;background:#dfe0e3;border-color:#dfe0e3}.icon.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .icon[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active{color:#4646ce;background:#eaeaff;border-color:#eaeaff}.icon.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#aeabac;background:transparent;border-color:transparent}.icon-primary[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#fff;background:#4646ce;border-color:#4646ce}.icon-primary[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover{color:#fff;background:linear-gradient(96.89deg,#25258c,#4646ce);border-color:linear-gradient(96.89deg,#25258c 0%,#4646ce 100%)}.icon-primary.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .icon-primary[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active{color:#fff;background:#25258c;border-color:#25258c}.icon-primary.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}.icon-secondary[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#4646ce;background:#fff;border-color:#4646ce}.icon-secondary[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover{color:#4646ce;background:#f5f5f5;border-color:#4646ce}.icon-secondary.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .icon-secondary[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active{color:#4646ce;background:#eaeaff;border-color:#4646ce}.icon-secondary.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}.ghost[_nghost-%COMP%]   button[_ngcontent-%COMP%]{border-radius:4px;padding:4px;background:transparent;border-color:transparent;color:#6d6e6f}.ghost[_nghost-%COMP%]   button[_ngcontent-%COMP%]   .dr-button__spinner[_ngcontent-%COMP%]{color:#4646ce;background:#fff}.ghost[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover{color:#333;background:#f5f5f5;border-color:#f5f5f5}.ghost.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .ghost[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active{color:#4646ce;background:#eaeaff;border-color:#eaeaff}.ghost.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#aeabac;background:transparent;border-color:transparent}.selection[_nghost-%COMP%]   button[_ngcontent-%COMP%]{border-radius:6px;padding:4px 8px;background:#fff;border-color:#9ea1aa;color:#6d6e6f}.selection[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover{color:#6d6e6f;background:#f5f5f5;border-color:#4e566c}.selection.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .selection[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active{color:#6d6e6f;background:#eaeaff;border-color:#4646ce}.selection.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#aeabac;background:#f0f1f4;border-color:#aeabac}.highlight[_nghost-%COMP%]   button[_ngcontent-%COMP%]{border:none;background:none;color:#4646ce;padding:0 4px}.highlight[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover, .highlight.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .highlight[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active{text-decoration:underline}.highlight.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#aeabac}.dropdown[_nghost-%COMP%]   button[_ngcontent-%COMP%]{font-size:12px;border:1px solid #dfe0e3;border-radius:6px;padding:6px 8px;line-height:20px;color:#6d6e6f;background-color:#fff}.dropdown[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover{background-color:#f5f5f5}.dropdown.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .dropdown[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active{color:#4646ce}.dropdown.active[_nghost-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]:last-child, .dropdown[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active   i[_ngcontent-%COMP%]:last-child{color:#333}.dropdown.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]{background-color:#f0f1f4;color:#aeabac}.dropdown.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]:last-child{color:#aeabac}.danger[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#fff;background:#bf1d30;border-color:#bf1d30}.danger[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover{background:#981440;border-color:#981440}.danger.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .danger[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active{background:#680325;border-color:#680325}.danger.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}.ai-primary[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#fff;border:none;background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%)}.ai-primary[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover{background:linear-gradient(0deg,#4d4dcd66 0% 100%),linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%)}.ai-primary.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .ai-primary[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active{background:linear-gradient(0deg,#4d4dcd66 0% 100%),linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%)}.ai-primary.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}.ai-secondary[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#4646ce;border:none!important;z-index:1;background:linear-gradient(269.57deg,#6969ff -4.23%,#4eb7df 103.6%)!important}.ai-secondary[_nghost-%COMP%]   button[_ngcontent-%COMP%]:before{content:\"\";position:absolute;inset:1px;border-radius:15px;background-color:#fff;z-index:-1}.ai-secondary[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover{box-shadow:0 4px 14px #0000001a}.ai-secondary.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .ai-secondary[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active{box-shadow:none}.ai-secondary.active[_nghost-%COMP%]   button[_ngcontent-%COMP%]:before, .ai-secondary[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active:before{background:linear-gradient(270deg,#6969ff33 -4.23%,#4eb7df33 103.6%),#fff}.ai-secondary.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#aeabac;background:#f0f1f4!important;border:1px solid #aeabac!important}.ai-secondary.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]:before{display:none}@keyframes _ngcontent-%COMP%_rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}"] }); }
+        } }, dependencies: [CommonModule, i1.NgIf], styles: ["[_nghost-%COMP%]{display:inline-block}.disabled[_nghost-%COMP%], .loading[_nghost-%COMP%]{pointer-events:none}[_nghost-%COMP%]   button[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:400;position:relative;display:flex;align-items:center;flex-wrap:nowrap;cursor:pointer;border-radius:16px;padding:4px 16px;height:32px;border:1px solid}[_nghost-%COMP%]   button[_ngcontent-%COMP%]   .dr-button__spinner[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;background:inherit;border-radius:inherit}[_nghost-%COMP%]   button[_ngcontent-%COMP%]   .dr-button__spinner[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{animation-name:_ngcontent-%COMP%_rotate;animation-iteration-count:infinite;animation-duration:1s}.with-icon[_nghost-%COMP%]   button[_ngcontent-%COMP%]{padding-left:8px}.with-icon[_nghost-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]:first-child{margin-right:4px}.with-icon-after[_nghost-%COMP%]   button[_ngcontent-%COMP%]{padding-right:8px}.with-icon-after[_nghost-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]:last-child{margin-left:4px}.split-primary-first[_nghost-%COMP%]   button[_ngcontent-%COMP%], .split-secondary-first[_nghost-%COMP%]   button[_ngcontent-%COMP%]{border-bottom-right-radius:0;border-top-right-radius:0;padding-right:8px}.help[_nghost-%COMP%]   button[_ngcontent-%COMP%]{padding:4px 16px 4px 8px;color:#333;height:28px;border:none;min-width:84px}.help[_nghost-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{min-width:4px}.split-primary-last[_nghost-%COMP%]   button[_ngcontent-%COMP%], .split-secondary-last[_nghost-%COMP%]   button[_ngcontent-%COMP%]{border-bottom-left-radius:0;border-top-left-radius:0;padding-right:8px;padding-left:4px;border-left:none}.split-primary-last[_nghost-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], .split-secondary-last[_nghost-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{margin:0!important}.primary[_nghost-%COMP%]   button[_ngcontent-%COMP%], .split-primary-first[_nghost-%COMP%]   button[_ngcontent-%COMP%], .split-primary-last[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#fff;background:#4646ce;border-color:#4646ce}.primary[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover, .split-primary-first[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover, .split-primary-last[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover{background:linear-gradient(96.89deg,#25258c,#4646ce);border-color:linear-gradient(96.89deg,#25258c 0%,#4646ce 100%)}.primary.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .primary[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active, .split-primary-first.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .split-primary-first[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active, .split-primary-last.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .split-primary-last[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active{background:#25258c;border-color:#25258c}.primary.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%], .split-primary-first.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%], .split-primary-last.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}.split-primary-first[_nghost-%COMP%]   button[_ngcontent-%COMP%]{border-right-color:#dfe0e3}.split-primary-first.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]{border-right-color:#aeabac}.secondary[_nghost-%COMP%]   button[_ngcontent-%COMP%], .split-secondary-first[_nghost-%COMP%]   button[_ngcontent-%COMP%], .split-secondary-last[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#4646ce;background:#fff;border-color:#4646ce}.secondary[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover, .split-secondary-first[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover, .split-secondary-last[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover{background:#f5f5f5;box-shadow:0 4px 14px #0000001a}.secondary.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .secondary[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active, .split-secondary-first.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .split-secondary-first[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active, .split-secondary-last.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .split-secondary-last[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active{background:#eaeaff;box-shadow:none}.secondary.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%], .split-secondary-first.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%], .split-secondary-last.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#aeabac;border-color:#aeabac}.secondary-white[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#fff;background:transparent;border-color:#fff}.secondary-white[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover{background:transparent;box-shadow:0 4px 14px #0000001a}.secondary-white.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .secondary-white[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active{background:transparent;box-shadow:none}.secondary-white.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#aeabac;border-color:#aeabac}.split-secondary-first[_nghost-%COMP%]   button[_ngcontent-%COMP%]{border-right-color:#4646ce}.split-secondary-first.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]{border-right-color:#aeabac}.icon[_nghost-%COMP%]   button[_ngcontent-%COMP%], .icon-primary[_nghost-%COMP%]   button[_ngcontent-%COMP%], .icon-secondary[_nghost-%COMP%]   button[_ngcontent-%COMP%]{width:28px;height:28px;padding:0;justify-content:center}.icon[_nghost-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], .icon-primary[_nghost-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], .icon-secondary[_nghost-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{margin:0!important}.icon[_nghost-%COMP%]   button[_ngcontent-%COMP%]{background:transparent;border-color:transparent;color:#6d6e6f}.icon[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover{color:#333;background:#dfe0e3;border-color:#dfe0e3}.icon.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .icon[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active{color:#4646ce;background:#eaeaff;border-color:#eaeaff}.icon.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#aeabac;background:transparent;border-color:transparent}.icon-primary[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#fff;background:#4646ce;border-color:#4646ce}.icon-primary[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover{color:#fff;background:linear-gradient(96.89deg,#25258c,#4646ce);border-color:linear-gradient(96.89deg,#25258c 0%,#4646ce 100%)}.icon-primary.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .icon-primary[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active{color:#fff;background:#25258c;border-color:#25258c}.icon-primary.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}.icon-secondary[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#4646ce;background:#fff;border-color:#4646ce}.icon-secondary[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover{color:#4646ce;background:#f5f5f5;border-color:#4646ce}.icon-secondary.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .icon-secondary[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active{color:#4646ce;background:#eaeaff;border-color:#4646ce}.icon-secondary.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}.ghost[_nghost-%COMP%]   button[_ngcontent-%COMP%]{border-radius:4px;padding:4px;background:transparent;border-color:transparent;color:#6d6e6f}.ghost[_nghost-%COMP%]   button[_ngcontent-%COMP%]   .dr-button__spinner[_ngcontent-%COMP%]{color:#4646ce;background:#fff}.ghost[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover{color:#333;background:#f5f5f5;border-color:#f5f5f5}.ghost.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .ghost[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active{color:#4646ce;background:#eaeaff;border-color:#eaeaff}.ghost.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#aeabac;background:transparent;border-color:transparent}.selection[_nghost-%COMP%]   button[_ngcontent-%COMP%]{border-radius:6px;padding:4px 8px;background:#fff;border-color:#9ea1aa;color:#6d6e6f}.selection[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover{color:#6d6e6f;background:#f5f5f5;border-color:#4e566c}.selection.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .selection[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active{color:#6d6e6f;background:#eaeaff;border-color:#4646ce}.selection.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#aeabac;background:#f0f1f4;border-color:#aeabac}.highlight[_nghost-%COMP%]   button[_ngcontent-%COMP%]{border:none;background:none;color:#4646ce;padding:0 4px}.highlight[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover, .highlight.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .highlight[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active{text-decoration:underline}.highlight.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#aeabac}.dropdown[_nghost-%COMP%]   button[_ngcontent-%COMP%]{font-size:12px;line-height:16px;font-weight:400;border:1px solid #dfe0e3;border-radius:6px;padding:6px 8px;color:#6d6e6f;background-color:#fff}.dropdown[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover{background-color:#f5f5f5}.dropdown.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .dropdown[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active{color:#4646ce}.dropdown.active[_nghost-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]:last-child, .dropdown[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active   i[_ngcontent-%COMP%]:last-child{color:#333}.dropdown.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]{background-color:#f0f1f4;color:#aeabac}.dropdown.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]:last-child{color:#aeabac}.danger[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#fff;background:#bf1d30;border-color:#bf1d30}.danger[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover{background:#981440;border-color:#981440}.danger.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .danger[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active{background:#680325;border-color:#680325}.danger.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}.ai-primary[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#fff;border:none;background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%)}.ai-primary[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover{background:linear-gradient(0deg,#4d4dcd66 0% 100%),linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%)}.ai-primary.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .ai-primary[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active{background:linear-gradient(0deg,#4d4dcd66 0% 100%),linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%)}.ai-primary.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}.ai-secondary[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#4646ce;border:none!important;z-index:1;background:linear-gradient(269.57deg,#6969ff -4.23%,#4eb7df 103.6%)!important}.ai-secondary[_nghost-%COMP%]   button[_ngcontent-%COMP%]:before{content:\"\";position:absolute;inset:1px;border-radius:15px;background-color:#fff;z-index:-1}.ai-secondary[_nghost-%COMP%]   button[_ngcontent-%COMP%]:hover{box-shadow:0 4px 14px #0000001a}.ai-secondary.active[_nghost-%COMP%]   button[_ngcontent-%COMP%], .ai-secondary[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active{box-shadow:none}.ai-secondary.active[_nghost-%COMP%]   button[_ngcontent-%COMP%]:before, .ai-secondary[_nghost-%COMP%]   button[_ngcontent-%COMP%]:active:before{background:linear-gradient(270deg,#6969ff33 -4.23%,#4eb7df33 103.6%),#fff}.ai-secondary.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]{color:#aeabac;background:#f0f1f4!important;border:1px solid #aeabac!important}.ai-secondary.disabled[_nghost-%COMP%]   button[_ngcontent-%COMP%]:before{display:none}@keyframes _ngcontent-%COMP%_rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}"] }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrButtonComponent, [{
         type: Component,
-        args: [{ selector: 'dr-button', standalone: true, imports: [CommonModule], template: "<button [disabled]=\"disabled\">\n    <i *ngIf=\"icon\" class=\"dr-button__icon\" [class]=\"icon\" [style.font-size]=\"iconSize\" [style.color]=\"iconColor || 'inherit'\">\n    </i>\n    <ng-content></ng-content>\n    <div *ngIf=\"isLoading\" class=\"dr-button__spinner\">\n        <i [style.font-size]=\"iconSize\" class=\"dr-icon-load\"></i>\n    </div>\n    <i\n        *ngIf=\"iconAfter\"\n        class=\"dr-button__icon dr-button__icon--after\"\n        [class]=\"iconAfter\"\n        [style.font-size]=\"iconAfterSize\"\n        [style.color]=\"iconAfterColor || 'inherit'\">\n    </i>\n</button>\n", styles: [":host{display:inline-block}:host.disabled,:host.loading{pointer-events:none}:host button{position:relative;display:flex;align-items:center;flex-wrap:nowrap;cursor:pointer;font-family:Poppins,sans-serif;font-weight:400;font-size:14px;font-style:normal;line-height:22px;border-radius:16px;padding:4px 16px;height:32px;border:1px solid}:host button .dr-button__spinner{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;background:inherit;border-radius:inherit}:host button .dr-button__spinner i{animation-name:rotate;animation-iteration-count:infinite;animation-duration:1s}:host.with-icon button{padding-left:8px}:host.with-icon button i:first-child{margin-right:4px}:host.with-icon-after button{padding-right:8px}:host.with-icon-after button i:last-child{margin-left:4px}:host.split-primary-first button,:host.split-secondary-first button{border-bottom-right-radius:0;border-top-right-radius:0;padding-right:8px}:host.help button{padding:4px 16px 4px 8px;color:#333;height:28px;border:none;min-width:84px}:host.help button i{min-width:4px}:host.split-primary-last button,:host.split-secondary-last button{border-bottom-left-radius:0;border-top-left-radius:0;padding-right:8px;padding-left:4px;border-left:none}:host.split-primary-last button i,:host.split-secondary-last button i{margin:0!important}:host.primary button,:host.split-primary-first button,:host.split-primary-last button{color:#fff;background:#4646ce;border-color:#4646ce}:host.primary button:hover,:host.split-primary-first button:hover,:host.split-primary-last button:hover{background:linear-gradient(96.89deg,#25258c,#4646ce);border-color:linear-gradient(96.89deg,#25258c 0%,#4646ce 100%)}:host.primary.active button,:host.primary button:active,:host.split-primary-first.active button,:host.split-primary-first button:active,:host.split-primary-last.active button,:host.split-primary-last button:active{background:#25258c;border-color:#25258c}:host.primary.disabled button,:host.split-primary-first.disabled button,:host.split-primary-last.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}:host.split-primary-first button{border-right-color:#dfe0e3}:host.split-primary-first.disabled button{border-right-color:#aeabac}:host.secondary button,:host.split-secondary-first button,:host.split-secondary-last button{color:#4646ce;background:#fff;border-color:#4646ce}:host.secondary button:hover,:host.split-secondary-first button:hover,:host.split-secondary-last button:hover{background:#f5f5f5;box-shadow:0 4px 14px #0000001a}:host.secondary.active button,:host.secondary button:active,:host.split-secondary-first.active button,:host.split-secondary-first button:active,:host.split-secondary-last.active button,:host.split-secondary-last button:active{background:#eaeaff;box-shadow:none}:host.secondary.disabled button,:host.split-secondary-first.disabled button,:host.split-secondary-last.disabled button{color:#aeabac;border-color:#aeabac}:host.secondary-white button{color:#fff;background:transparent;border-color:#fff}:host.secondary-white button:hover{background:transparent;box-shadow:0 4px 14px #0000001a}:host.secondary-white.active button,:host.secondary-white button:active{background:transparent;box-shadow:none}:host.secondary-white.disabled button{color:#aeabac;border-color:#aeabac}:host.split-secondary-first button{border-right-color:#4646ce}:host.split-secondary-first.disabled button{border-right-color:#aeabac}:host.icon button,:host.icon-primary button,:host.icon-secondary button{width:28px;height:28px;padding:0;justify-content:center}:host.icon button i,:host.icon-primary button i,:host.icon-secondary button i{margin:0!important}:host.icon button{background:transparent;border-color:transparent;color:#6d6e6f}:host.icon button:hover{color:#333;background:#dfe0e3;border-color:#dfe0e3}:host.icon.active button,:host.icon button:active{color:#4646ce;background:#eaeaff;border-color:#eaeaff}:host.icon.disabled button{color:#aeabac;background:transparent;border-color:transparent}:host.icon-primary button{color:#fff;background:#4646ce;border-color:#4646ce}:host.icon-primary button:hover{color:#fff;background:linear-gradient(96.89deg,#25258c,#4646ce);border-color:linear-gradient(96.89deg,#25258c 0%,#4646ce 100%)}:host.icon-primary.active button,:host.icon-primary button:active{color:#fff;background:#25258c;border-color:#25258c}:host.icon-primary.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}:host.icon-secondary button{color:#4646ce;background:#fff;border-color:#4646ce}:host.icon-secondary button:hover{color:#4646ce;background:#f5f5f5;border-color:#4646ce}:host.icon-secondary.active button,:host.icon-secondary button:active{color:#4646ce;background:#eaeaff;border-color:#4646ce}:host.icon-secondary.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}:host.ghost button{border-radius:4px;padding:4px;background:transparent;border-color:transparent;color:#6d6e6f}:host.ghost button .dr-button__spinner{color:#4646ce;background:#fff}:host.ghost button:hover{color:#333;background:#f5f5f5;border-color:#f5f5f5}:host.ghost.active button,:host.ghost button:active{color:#4646ce;background:#eaeaff;border-color:#eaeaff}:host.ghost.disabled button{color:#aeabac;background:transparent;border-color:transparent}:host.selection button{border-radius:6px;padding:4px 8px;background:#fff;border-color:#9ea1aa;color:#6d6e6f}:host.selection button:hover{color:#6d6e6f;background:#f5f5f5;border-color:#4e566c}:host.selection.active button,:host.selection button:active{color:#6d6e6f;background:#eaeaff;border-color:#4646ce}:host.selection.disabled button{color:#aeabac;background:#f0f1f4;border-color:#aeabac}:host.highlight button{border:none;background:none;color:#4646ce;padding:0 4px}:host.highlight button:hover,:host.highlight.active button,:host.highlight button:active{text-decoration:underline}:host.highlight.disabled button{color:#aeabac}:host.dropdown button{font-size:12px;border:1px solid #dfe0e3;border-radius:6px;padding:6px 8px;line-height:20px;color:#6d6e6f;background-color:#fff}:host.dropdown button:hover{background-color:#f5f5f5}:host.dropdown.active button,:host.dropdown button:active{color:#4646ce}:host.dropdown.active button i:last-child,:host.dropdown button:active i:last-child{color:#333}:host.dropdown.disabled button{background-color:#f0f1f4;color:#aeabac}:host.dropdown.disabled button i:last-child{color:#aeabac}:host.danger button{color:#fff;background:#bf1d30;border-color:#bf1d30}:host.danger button:hover{background:#981440;border-color:#981440}:host.danger.active button,:host.danger button:active{background:#680325;border-color:#680325}:host.danger.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}:host.ai-primary button{color:#fff;border:none;background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%)}:host.ai-primary button:hover{background:linear-gradient(0deg,#4d4dcd66 0% 100%),linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%)}:host.ai-primary.active button,:host.ai-primary button:active{background:linear-gradient(0deg,#4d4dcd66 0% 100%),linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%)}:host.ai-primary.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}:host.ai-secondary button{color:#4646ce;border:none!important;z-index:1;background:linear-gradient(269.57deg,#6969ff -4.23%,#4eb7df 103.6%)!important}:host.ai-secondary button:before{content:\"\";position:absolute;inset:1px;border-radius:15px;background-color:#fff;z-index:-1}:host.ai-secondary button:hover{box-shadow:0 4px 14px #0000001a}:host.ai-secondary.active button,:host.ai-secondary button:active{box-shadow:none}:host.ai-secondary.active button:before,:host.ai-secondary button:active:before{background:linear-gradient(270deg,#6969ff33 -4.23%,#4eb7df33 103.6%),#fff}:host.ai-secondary.disabled button{color:#aeabac;background:#f0f1f4!important;border:1px solid #aeabac!important}:host.ai-secondary.disabled button:before{display:none}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
+        args: [{ selector: 'dr-button', standalone: true, imports: [CommonModule], template: "<button [disabled]=\"disabled\">\n    <i *ngIf=\"icon\" class=\"dr-button__icon\" [class]=\"icon\" [style.font-size]=\"iconSize\" [style.color]=\"iconColor || 'inherit'\">\n    </i>\n    <ng-content></ng-content>\n    <div *ngIf=\"isLoading\" class=\"dr-button__spinner\">\n        <i [style.font-size]=\"iconSize\" class=\"dr-icon-load\"></i>\n    </div>\n    <i\n        *ngIf=\"iconAfter\"\n        class=\"dr-button__icon dr-button__icon--after\"\n        [class]=\"iconAfter\"\n        [style.font-size]=\"iconAfterSize\"\n        [style.color]=\"iconAfterColor || 'inherit'\">\n    </i>\n</button>\n", styles: [":host{display:inline-block}:host.disabled,:host.loading{pointer-events:none}:host button{font-size:14px;line-height:24px;font-weight:400;position:relative;display:flex;align-items:center;flex-wrap:nowrap;cursor:pointer;border-radius:16px;padding:4px 16px;height:32px;border:1px solid}:host button .dr-button__spinner{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;background:inherit;border-radius:inherit}:host button .dr-button__spinner i{animation-name:rotate;animation-iteration-count:infinite;animation-duration:1s}:host.with-icon button{padding-left:8px}:host.with-icon button i:first-child{margin-right:4px}:host.with-icon-after button{padding-right:8px}:host.with-icon-after button i:last-child{margin-left:4px}:host.split-primary-first button,:host.split-secondary-first button{border-bottom-right-radius:0;border-top-right-radius:0;padding-right:8px}:host.help button{padding:4px 16px 4px 8px;color:#333;height:28px;border:none;min-width:84px}:host.help button i{min-width:4px}:host.split-primary-last button,:host.split-secondary-last button{border-bottom-left-radius:0;border-top-left-radius:0;padding-right:8px;padding-left:4px;border-left:none}:host.split-primary-last button i,:host.split-secondary-last button i{margin:0!important}:host.primary button,:host.split-primary-first button,:host.split-primary-last button{color:#fff;background:#4646ce;border-color:#4646ce}:host.primary button:hover,:host.split-primary-first button:hover,:host.split-primary-last button:hover{background:linear-gradient(96.89deg,#25258c,#4646ce);border-color:linear-gradient(96.89deg,#25258c 0%,#4646ce 100%)}:host.primary.active button,:host.primary button:active,:host.split-primary-first.active button,:host.split-primary-first button:active,:host.split-primary-last.active button,:host.split-primary-last button:active{background:#25258c;border-color:#25258c}:host.primary.disabled button,:host.split-primary-first.disabled button,:host.split-primary-last.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}:host.split-primary-first button{border-right-color:#dfe0e3}:host.split-primary-first.disabled button{border-right-color:#aeabac}:host.secondary button,:host.split-secondary-first button,:host.split-secondary-last button{color:#4646ce;background:#fff;border-color:#4646ce}:host.secondary button:hover,:host.split-secondary-first button:hover,:host.split-secondary-last button:hover{background:#f5f5f5;box-shadow:0 4px 14px #0000001a}:host.secondary.active button,:host.secondary button:active,:host.split-secondary-first.active button,:host.split-secondary-first button:active,:host.split-secondary-last.active button,:host.split-secondary-last button:active{background:#eaeaff;box-shadow:none}:host.secondary.disabled button,:host.split-secondary-first.disabled button,:host.split-secondary-last.disabled button{color:#aeabac;border-color:#aeabac}:host.secondary-white button{color:#fff;background:transparent;border-color:#fff}:host.secondary-white button:hover{background:transparent;box-shadow:0 4px 14px #0000001a}:host.secondary-white.active button,:host.secondary-white button:active{background:transparent;box-shadow:none}:host.secondary-white.disabled button{color:#aeabac;border-color:#aeabac}:host.split-secondary-first button{border-right-color:#4646ce}:host.split-secondary-first.disabled button{border-right-color:#aeabac}:host.icon button,:host.icon-primary button,:host.icon-secondary button{width:28px;height:28px;padding:0;justify-content:center}:host.icon button i,:host.icon-primary button i,:host.icon-secondary button i{margin:0!important}:host.icon button{background:transparent;border-color:transparent;color:#6d6e6f}:host.icon button:hover{color:#333;background:#dfe0e3;border-color:#dfe0e3}:host.icon.active button,:host.icon button:active{color:#4646ce;background:#eaeaff;border-color:#eaeaff}:host.icon.disabled button{color:#aeabac;background:transparent;border-color:transparent}:host.icon-primary button{color:#fff;background:#4646ce;border-color:#4646ce}:host.icon-primary button:hover{color:#fff;background:linear-gradient(96.89deg,#25258c,#4646ce);border-color:linear-gradient(96.89deg,#25258c 0%,#4646ce 100%)}:host.icon-primary.active button,:host.icon-primary button:active{color:#fff;background:#25258c;border-color:#25258c}:host.icon-primary.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}:host.icon-secondary button{color:#4646ce;background:#fff;border-color:#4646ce}:host.icon-secondary button:hover{color:#4646ce;background:#f5f5f5;border-color:#4646ce}:host.icon-secondary.active button,:host.icon-secondary button:active{color:#4646ce;background:#eaeaff;border-color:#4646ce}:host.icon-secondary.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}:host.ghost button{border-radius:4px;padding:4px;background:transparent;border-color:transparent;color:#6d6e6f}:host.ghost button .dr-button__spinner{color:#4646ce;background:#fff}:host.ghost button:hover{color:#333;background:#f5f5f5;border-color:#f5f5f5}:host.ghost.active button,:host.ghost button:active{color:#4646ce;background:#eaeaff;border-color:#eaeaff}:host.ghost.disabled button{color:#aeabac;background:transparent;border-color:transparent}:host.selection button{border-radius:6px;padding:4px 8px;background:#fff;border-color:#9ea1aa;color:#6d6e6f}:host.selection button:hover{color:#6d6e6f;background:#f5f5f5;border-color:#4e566c}:host.selection.active button,:host.selection button:active{color:#6d6e6f;background:#eaeaff;border-color:#4646ce}:host.selection.disabled button{color:#aeabac;background:#f0f1f4;border-color:#aeabac}:host.highlight button{border:none;background:none;color:#4646ce;padding:0 4px}:host.highlight button:hover,:host.highlight.active button,:host.highlight button:active{text-decoration:underline}:host.highlight.disabled button{color:#aeabac}:host.dropdown button{font-size:12px;line-height:16px;font-weight:400;border:1px solid #dfe0e3;border-radius:6px;padding:6px 8px;color:#6d6e6f;background-color:#fff}:host.dropdown button:hover{background-color:#f5f5f5}:host.dropdown.active button,:host.dropdown button:active{color:#4646ce}:host.dropdown.active button i:last-child,:host.dropdown button:active i:last-child{color:#333}:host.dropdown.disabled button{background-color:#f0f1f4;color:#aeabac}:host.dropdown.disabled button i:last-child{color:#aeabac}:host.danger button{color:#fff;background:#bf1d30;border-color:#bf1d30}:host.danger button:hover{background:#981440;border-color:#981440}:host.danger.active button,:host.danger button:active{background:#680325;border-color:#680325}:host.danger.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}:host.ai-primary button{color:#fff;border:none;background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%)}:host.ai-primary button:hover{background:linear-gradient(0deg,#4d4dcd66 0% 100%),linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%)}:host.ai-primary.active button,:host.ai-primary button:active{background:linear-gradient(0deg,#4d4dcd66 0% 100%),linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%)}:host.ai-primary.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}:host.ai-secondary button{color:#4646ce;border:none!important;z-index:1;background:linear-gradient(269.57deg,#6969ff -4.23%,#4eb7df 103.6%)!important}:host.ai-secondary button:before{content:\"\";position:absolute;inset:1px;border-radius:15px;background-color:#fff;z-index:-1}:host.ai-secondary button:hover{box-shadow:0 4px 14px #0000001a}:host.ai-secondary.active button,:host.ai-secondary button:active{box-shadow:none}:host.ai-secondary.active button:before,:host.ai-secondary button:active:before{background:linear-gradient(270deg,#6969ff33 -4.23%,#4eb7df33 103.6%),#fff}:host.ai-secondary.disabled button{color:#aeabac;background:#f0f1f4!important;border:1px solid #aeabac!important}:host.ai-secondary.disabled button:before{display:none}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
     }], null, { theme: [{
             type: Input
         }, {

package/esm2022/lib/dr-inputs/checkbox/checkbox.component.mjs

@@ -77,11 +77,11 @@ export class CheckboxComponent {
             i0.ɵɵclassMap(ctx.icon);
             i0.ɵɵclassProp("indeterminate", ctx.indeterminate);
             i0.ɵɵproperty("drTooltip", ctx.tooltip);
-        } }, dependencies: [i1.DrTooltipDirective], styles: ["input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]{vertical-align:middle;line-height:30px}input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%], input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before{box-sizing:content-box!important;-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}input[_ngcontent-%COMP%]{visibility:hidden;position:absolute;width:0}label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]{position:relative;z-index:19;display:inline-block;margin:0 5px 0 0;line-height:17px;min-height:14px;min-width:14px}.text-nowrap[_nghost-%COMP%]   label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis;line-height:20px}label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:hover{cursor:pointer}label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before{content:\"\";font-size:14px;border-radius:0;display:inline-block;text-align:center;vertical-align:middle;padding:1px;min-height:12px;line-height:12px;min-width:12px;margin-right:5px;border:1.5px solid #8f929e;background-color:#fff;font-weight:400;margin-top:-1px}label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before, label[_ngcontent-%COMP%]:hover   input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before{background-color:#fff;border-color:#8f929e;color:#4646ce;border-radius:2px}label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:checked + span[_ngcontent-%COMP%]:before, label[_ngcontent-%COMP%]:hover   input[_ngcontent-%COMP%]:checked + span[_ngcontent-%COMP%]:before{content:url('data:image/svg+xml; utf8, <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M1 5L4.5 8.5L11 1.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> </svg>');background:#4646ce;border-color:#4646ce;color:#fff}label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:checked + span.cross[_ngcontent-%COMP%]:before, label[_ngcontent-%COMP%]:hover   input[_ngcontent-%COMP%]:checked + span.cross[_ngcontent-%COMP%]:before{content:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.91786 4.99992L9.03356 1.88386C9.11927 1.79808 9.16654 1.68365 9.16668 1.56162C9.16668 1.43952 9.1194 1.32495 9.03356 1.23931L8.7605 0.966323C8.67466 0.880342 8.56026 0.833252 8.43811 0.833252C8.31615 0.833252 8.20169 0.880342 8.11585 0.966323L5.00016 4.08218L1.88431 0.966323C1.79861 0.880342 1.68407 0.833252 1.56199 0.833252C1.44004 0.833252 1.32559 0.880342 1.23988 0.966323L0.966677 1.23931C0.788899 1.4171 0.788899 1.70628 0.966677 1.88386L4.08245 4.99992L0.966677 8.11584C0.880904 8.20175 0.833707 8.31619 0.833707 8.43822C0.833707 8.56025 0.880904 8.67468 0.966677 8.76053L1.23981 9.03351C1.32551 9.11943 1.44003 9.16658 1.56191 9.16658C1.684 9.16658 1.79853 9.11943 1.88424 9.03351L5.00008 5.91759L8.11578 9.03351C8.20162 9.11943 8.31608 9.16658 8.43803 9.16658C8.56005 9.16658 8.67459 9.11943 8.76043 9.03351L9.03349 8.76053C9.11919 8.67475 9.16646 8.56025 9.16646 8.43822C9.16646 8.31619 9.11919 8.20175 9.03349 8.11591L5.91786 4.99992Z\" fill=\"white\"/></svg>')}label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] + span.indeterminate[_ngcontent-%COMP%]:before, label[_ngcontent-%COMP%]:hover   input[_ngcontent-%COMP%] + span.indeterminate[_ngcontent-%COMP%]:before{content:url('data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 2\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.25 1C0.25 0.585786 0.585786 0.25 1 0.25L11 0.250001C11.4142 0.250001 11.75 0.585787 11.75 1C11.75 1.41421 11.4142 1.75 11 1.75L1 1.75C0.585786 1.75 0.25 1.41421 0.25 1Z\" fill=\"white\"/></svg>');background:#4646ce;border-color:#4646ce;color:#fff}label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:disabled + span[_ngcontent-%COMP%]{color:#8f929e}label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:disabled + span[_ngcontent-%COMP%]:before{border-color:#dfe0e3;pointer-events:none}label[_ngcontent-%COMP%]   input[disabled][_ngcontent-%COMP%]:checked + span[_ngcontent-%COMP%]:before{background:#8f929e;border-color:#8f929e;pointer-events:none}[_nghost-%COMP%]{font-family:Poppins,sans-serif;font-style:normal}[_nghost-%COMP%]   label[_ngcontent-%COMP%]{position:relative}[_nghost-%COMP%]   label[_ngcontent-%COMP%]:hover:after{content:\"\";width:24px;height:24px;background:#f2f2fb;border-radius:50%;position:absolute;left:-4px;top:.5px}.small[_nghost-%COMP%]{color:#333;font-size:14px}.small[_nghost-%COMP%]   label[_ngcontent-%COMP%]:after, .small[_nghost-%COMP%]   label[_ngcontent-%COMP%]:hover:after{width:20px;height:20px;left:-3px;top:1.5px}.small[_nghost-%COMP%]   label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%], .small[_nghost-%COMP%]   label[_ngcontent-%COMP%]:hover   input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]{min-height:10px;min-width:10px}.small[_nghost-%COMP%]   label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before, .small[_nghost-%COMP%]   label[_ngcontent-%COMP%]:hover   input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before{height:10px;width:10px;min-height:10px;min-width:10px;line-height:10px;margin-right:8px}.small[_nghost-%COMP%]   label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before, .small[_nghost-%COMP%]   label[_ngcontent-%COMP%]:hover   input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before{content:\"\";background-position:center;background-repeat:no-repeat;background-size:10px 10px}.small[_nghost-%COMP%]   label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] + span.indeterminate[_ngcontent-%COMP%]:before, .small[_nghost-%COMP%]   label[_ngcontent-%COMP%]:hover   input[_ngcontent-%COMP%] + span.indeterminate[_ngcontent-%COMP%]:before{background-image:url('data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 2\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.25 1C0.25 0.585786 0.585786 0.25 1 0.25L11 0.250001C11.4142 0.250001 11.75 0.585787 11.75 1C11.75 1.41421 11.4142 1.75 11 1.75L1 1.75C0.585786 1.75 0.25 1.41421 0.25 1Z\" fill=\"white\"/></svg>')}.small[_nghost-%COMP%]   label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:checked + span[_ngcontent-%COMP%]:before, .small[_nghost-%COMP%]   label[_ngcontent-%COMP%]:hover   input[_ngcontent-%COMP%]:checked + span[_ngcontent-%COMP%]:before{background-image:url('data:image/svg+xml; utf8, <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M1 5L4.5 8.5L11 1.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> </svg>')}.small[_nghost-%COMP%]   label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:checked + span.cross[_ngcontent-%COMP%]:before, .small[_nghost-%COMP%]   label[_ngcontent-%COMP%]:hover   input[_ngcontent-%COMP%]:checked + span.cross[_ngcontent-%COMP%]:before{background-image:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.91786 4.99992L9.03356 1.88386C9.11927 1.79808 9.16654 1.68365 9.16668 1.56162C9.16668 1.43952 9.1194 1.32495 9.03356 1.23931L8.7605 0.966323C8.67466 0.880342 8.56026 0.833252 8.43811 0.833252C8.31615 0.833252 8.20169 0.880342 8.11585 0.966323L5.00016 4.08218L1.88431 0.966323C1.79861 0.880342 1.68407 0.833252 1.56199 0.833252C1.44004 0.833252 1.32559 0.880342 1.23988 0.966323L0.966677 1.23931C0.788899 1.4171 0.788899 1.70628 0.966677 1.88386L4.08245 4.99992L0.966677 8.11584C0.880904 8.20175 0.833707 8.31619 0.833707 8.43822C0.833707 8.56025 0.880904 8.67468 0.966677 8.76053L1.23981 9.03351C1.32551 9.11943 1.44003 9.16658 1.56191 9.16658C1.684 9.16658 1.79853 9.11943 1.88424 9.03351L5.00008 5.91759L8.11578 9.03351C8.20162 9.11943 8.31608 9.16658 8.43803 9.16658C8.56005 9.16658 8.67459 9.11943 8.76043 9.03351L9.03349 8.76053C9.11919 8.67475 9.16646 8.56025 9.16646 8.43822C9.16646 8.31619 9.11919 8.20175 9.03349 8.11591L5.91786 4.99992Z\" fill=\"white\"/></svg>')}.disabled[_nghost-%COMP%]   label[_ngcontent-%COMP%]:hover:after{display:none}"], changeDetection: 0 }); }
+        } }, dependencies: [i1.DrTooltipDirective], styles: ["input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]{vertical-align:middle;line-height:30px}input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%], input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before{box-sizing:content-box!important;-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}input[_ngcontent-%COMP%]{visibility:hidden;position:absolute;width:0}label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]{position:relative;z-index:19;display:inline-block;margin:0 5px 0 0;line-height:17px;min-height:14px;min-width:14px}.text-nowrap[_nghost-%COMP%]   label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis;line-height:16px}label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:hover{cursor:pointer}label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before{content:\"\";font-size:14px;border-radius:0;display:inline-block;text-align:center;vertical-align:middle;padding:1px;min-height:12px;line-height:12px;min-width:12px;margin-right:5px;border:1.5px solid #8f929e;background-color:#fff;font-weight:400;margin-top:-1px}label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before, label[_ngcontent-%COMP%]:hover   input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before{background-color:#fff;border-color:#8f929e;color:#4646ce;border-radius:2px}label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:checked + span[_ngcontent-%COMP%]:before, label[_ngcontent-%COMP%]:hover   input[_ngcontent-%COMP%]:checked + span[_ngcontent-%COMP%]:before{content:url('data:image/svg+xml; utf8, <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M1 5L4.5 8.5L11 1.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> </svg>');background:#4646ce;border-color:#4646ce;color:#fff}label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:checked + span.cross[_ngcontent-%COMP%]:before, label[_ngcontent-%COMP%]:hover   input[_ngcontent-%COMP%]:checked + span.cross[_ngcontent-%COMP%]:before{content:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.91786 4.99992L9.03356 1.88386C9.11927 1.79808 9.16654 1.68365 9.16668 1.56162C9.16668 1.43952 9.1194 1.32495 9.03356 1.23931L8.7605 0.966323C8.67466 0.880342 8.56026 0.833252 8.43811 0.833252C8.31615 0.833252 8.20169 0.880342 8.11585 0.966323L5.00016 4.08218L1.88431 0.966323C1.79861 0.880342 1.68407 0.833252 1.56199 0.833252C1.44004 0.833252 1.32559 0.880342 1.23988 0.966323L0.966677 1.23931C0.788899 1.4171 0.788899 1.70628 0.966677 1.88386L4.08245 4.99992L0.966677 8.11584C0.880904 8.20175 0.833707 8.31619 0.833707 8.43822C0.833707 8.56025 0.880904 8.67468 0.966677 8.76053L1.23981 9.03351C1.32551 9.11943 1.44003 9.16658 1.56191 9.16658C1.684 9.16658 1.79853 9.11943 1.88424 9.03351L5.00008 5.91759L8.11578 9.03351C8.20162 9.11943 8.31608 9.16658 8.43803 9.16658C8.56005 9.16658 8.67459 9.11943 8.76043 9.03351L9.03349 8.76053C9.11919 8.67475 9.16646 8.56025 9.16646 8.43822C9.16646 8.31619 9.11919 8.20175 9.03349 8.11591L5.91786 4.99992Z\" fill=\"white\"/></svg>')}label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] + span.indeterminate[_ngcontent-%COMP%]:before, label[_ngcontent-%COMP%]:hover   input[_ngcontent-%COMP%] + span.indeterminate[_ngcontent-%COMP%]:before{content:url('data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 2\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.25 1C0.25 0.585786 0.585786 0.25 1 0.25L11 0.250001C11.4142 0.250001 11.75 0.585787 11.75 1C11.75 1.41421 11.4142 1.75 11 1.75L1 1.75C0.585786 1.75 0.25 1.41421 0.25 1Z\" fill=\"white\"/></svg>');background:#4646ce;border-color:#4646ce;color:#fff}label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:disabled + span[_ngcontent-%COMP%]{color:#8f929e}label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:disabled + span[_ngcontent-%COMP%]:before{border-color:#dfe0e3;pointer-events:none}label[_ngcontent-%COMP%]   input[disabled][_ngcontent-%COMP%]:checked + span[_ngcontent-%COMP%]:before{background:#8f929e;border-color:#8f929e;pointer-events:none}[_nghost-%COMP%]{font-family:Poppins,sans-serif;font-style:normal}[_nghost-%COMP%]   label[_ngcontent-%COMP%]{position:relative}[_nghost-%COMP%]   label[_ngcontent-%COMP%]:hover:after{content:\"\";width:24px;height:24px;background:#f2f2fb;border-radius:50%;position:absolute;left:-4px;top:.5px}.small[_nghost-%COMP%]{color:#333;font-size:14px}.small[_nghost-%COMP%]   label[_ngcontent-%COMP%]:after, .small[_nghost-%COMP%]   label[_ngcontent-%COMP%]:hover:after{width:20px;height:20px;left:-3px;top:1.5px}.small[_nghost-%COMP%]   label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%], .small[_nghost-%COMP%]   label[_ngcontent-%COMP%]:hover   input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]{min-height:10px;min-width:10px}.small[_nghost-%COMP%]   label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before, .small[_nghost-%COMP%]   label[_ngcontent-%COMP%]:hover   input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before{height:10px;width:10px;min-height:10px;min-width:10px;line-height:10px;margin-right:8px}.small[_nghost-%COMP%]   label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before, .small[_nghost-%COMP%]   label[_ngcontent-%COMP%]:hover   input[_ngcontent-%COMP%] + span[_ngcontent-%COMP%]:before{content:\"\";background-position:center;background-repeat:no-repeat;background-size:10px 10px}.small[_nghost-%COMP%]   label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] + span.indeterminate[_ngcontent-%COMP%]:before, .small[_nghost-%COMP%]   label[_ngcontent-%COMP%]:hover   input[_ngcontent-%COMP%] + span.indeterminate[_ngcontent-%COMP%]:before{background-image:url('data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 2\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.25 1C0.25 0.585786 0.585786 0.25 1 0.25L11 0.250001C11.4142 0.250001 11.75 0.585787 11.75 1C11.75 1.41421 11.4142 1.75 11 1.75L1 1.75C0.585786 1.75 0.25 1.41421 0.25 1Z\" fill=\"white\"/></svg>')}.small[_nghost-%COMP%]   label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:checked + span[_ngcontent-%COMP%]:before, .small[_nghost-%COMP%]   label[_ngcontent-%COMP%]:hover   input[_ngcontent-%COMP%]:checked + span[_ngcontent-%COMP%]:before{background-image:url('data:image/svg+xml; utf8, <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M1 5L4.5 8.5L11 1.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> </svg>')}.small[_nghost-%COMP%]   label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:checked + span.cross[_ngcontent-%COMP%]:before, .small[_nghost-%COMP%]   label[_ngcontent-%COMP%]:hover   input[_ngcontent-%COMP%]:checked + span.cross[_ngcontent-%COMP%]:before{background-image:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.91786 4.99992L9.03356 1.88386C9.11927 1.79808 9.16654 1.68365 9.16668 1.56162C9.16668 1.43952 9.1194 1.32495 9.03356 1.23931L8.7605 0.966323C8.67466 0.880342 8.56026 0.833252 8.43811 0.833252C8.31615 0.833252 8.20169 0.880342 8.11585 0.966323L5.00016 4.08218L1.88431 0.966323C1.79861 0.880342 1.68407 0.833252 1.56199 0.833252C1.44004 0.833252 1.32559 0.880342 1.23988 0.966323L0.966677 1.23931C0.788899 1.4171 0.788899 1.70628 0.966677 1.88386L4.08245 4.99992L0.966677 8.11584C0.880904 8.20175 0.833707 8.31619 0.833707 8.43822C0.833707 8.56025 0.880904 8.67468 0.966677 8.76053L1.23981 9.03351C1.32551 9.11943 1.44003 9.16658 1.56191 9.16658C1.684 9.16658 1.79853 9.11943 1.88424 9.03351L5.00008 5.91759L8.11578 9.03351C8.20162 9.11943 8.31608 9.16658 8.43803 9.16658C8.56005 9.16658 8.67459 9.11943 8.76043 9.03351L9.03349 8.76053C9.11919 8.67475 9.16646 8.56025 9.16646 8.43822C9.16646 8.31619 9.11919 8.20175 9.03349 8.11591L5.91786 4.99992Z\" fill=\"white\"/></svg>')}.disabled[_nghost-%COMP%]   label[_ngcontent-%COMP%]:hover:after{display:none}"], changeDetection: 0 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CheckboxComponent, [{
         type: Component,
-        args: [{ selector: 'dr-checkbox', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<label>\n    <input\n        type=\"checkbox\"\n        [attr.id]=\"id\"\n        [attr.data-test]=\"checkedStatus ? 'checked' : 'unchecked'\"\n        [checked]=\"checkedStatus\"\n        [disabled]=\"disabled\"\n        (change)=\"setValue($event)\"\n        (click)=\"$event.stopPropagation()\" />\n    <span #checkboxContent [class]=\"icon\" [class.indeterminate]=\"indeterminate\" [drTooltip]=\"tooltip\">\n        <ng-content></ng-content>\n    </span>\n</label>\n", styles: ["input+span{vertical-align:middle;line-height:30px}input+span,input+span:before{box-sizing:content-box!important;-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}input{visibility:hidden;position:absolute;width:0}label input+span{position:relative;z-index:19;display:inline-block;margin:0 5px 0 0;line-height:17px;min-height:14px;min-width:14px}:host.text-nowrap label input+span{white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis;line-height:20px}label input+span:hover{cursor:pointer}label input+span:before{content:\"\";font-size:14px;border-radius:0;display:inline-block;text-align:center;vertical-align:middle;padding:1px;min-height:12px;line-height:12px;min-width:12px;margin-right:5px;border:1.5px solid #8f929e;background-color:#fff;font-weight:400;margin-top:-1px}label input+span:before,label:hover input+span:before{background-color:#fff;border-color:#8f929e;color:#4646ce;border-radius:2px}label input:checked+span:before,label:hover input:checked+span:before{content:url('data:image/svg+xml; utf8, <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M1 5L4.5 8.5L11 1.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> </svg>');background:#4646ce;border-color:#4646ce;color:#fff}label input:checked+span.cross:before,label:hover input:checked+span.cross:before{content:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.91786 4.99992L9.03356 1.88386C9.11927 1.79808 9.16654 1.68365 9.16668 1.56162C9.16668 1.43952 9.1194 1.32495 9.03356 1.23931L8.7605 0.966323C8.67466 0.880342 8.56026 0.833252 8.43811 0.833252C8.31615 0.833252 8.20169 0.880342 8.11585 0.966323L5.00016 4.08218L1.88431 0.966323C1.79861 0.880342 1.68407 0.833252 1.56199 0.833252C1.44004 0.833252 1.32559 0.880342 1.23988 0.966323L0.966677 1.23931C0.788899 1.4171 0.788899 1.70628 0.966677 1.88386L4.08245 4.99992L0.966677 8.11584C0.880904 8.20175 0.833707 8.31619 0.833707 8.43822C0.833707 8.56025 0.880904 8.67468 0.966677 8.76053L1.23981 9.03351C1.32551 9.11943 1.44003 9.16658 1.56191 9.16658C1.684 9.16658 1.79853 9.11943 1.88424 9.03351L5.00008 5.91759L8.11578 9.03351C8.20162 9.11943 8.31608 9.16658 8.43803 9.16658C8.56005 9.16658 8.67459 9.11943 8.76043 9.03351L9.03349 8.76053C9.11919 8.67475 9.16646 8.56025 9.16646 8.43822C9.16646 8.31619 9.11919 8.20175 9.03349 8.11591L5.91786 4.99992Z\" fill=\"white\"/></svg>')}label input+span.indeterminate:before,label:hover input+span.indeterminate:before{content:url('data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 2\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.25 1C0.25 0.585786 0.585786 0.25 1 0.25L11 0.250001C11.4142 0.250001 11.75 0.585787 11.75 1C11.75 1.41421 11.4142 1.75 11 1.75L1 1.75C0.585786 1.75 0.25 1.41421 0.25 1Z\" fill=\"white\"/></svg>');background:#4646ce;border-color:#4646ce;color:#fff}label input:disabled+span{color:#8f929e}label input:disabled+span:before{border-color:#dfe0e3;pointer-events:none}label input[disabled]:checked+span:before{background:#8f929e;border-color:#8f929e;pointer-events:none}:host{font-family:Poppins,sans-serif;font-style:normal}:host label{position:relative}:host label:hover:after{content:\"\";width:24px;height:24px;background:#f2f2fb;border-radius:50%;position:absolute;left:-4px;top:.5px}:host.small{color:#333;font-size:14px}:host.small label:after,:host.small label:hover:after{width:20px;height:20px;left:-3px;top:1.5px}:host.small label input+span,:host.small label:hover input+span{min-height:10px;min-width:10px}:host.small label input+span:before,:host.small label:hover input+span:before{height:10px;width:10px;min-height:10px;min-width:10px;line-height:10px;margin-right:8px}:host.small label input+span:before,:host.small label:hover input+span:before{content:\"\";background-position:center;background-repeat:no-repeat;background-size:10px 10px}:host.small label input+span.indeterminate:before,:host.small label:hover input+span.indeterminate:before{background-image:url('data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 2\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.25 1C0.25 0.585786 0.585786 0.25 1 0.25L11 0.250001C11.4142 0.250001 11.75 0.585787 11.75 1C11.75 1.41421 11.4142 1.75 11 1.75L1 1.75C0.585786 1.75 0.25 1.41421 0.25 1Z\" fill=\"white\"/></svg>')}:host.small label input:checked+span:before,:host.small label:hover input:checked+span:before{background-image:url('data:image/svg+xml; utf8, <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M1 5L4.5 8.5L11 1.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> </svg>')}:host.small label input:checked+span.cross:before,:host.small label:hover input:checked+span.cross:before{background-image:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.91786 4.99992L9.03356 1.88386C9.11927 1.79808 9.16654 1.68365 9.16668 1.56162C9.16668 1.43952 9.1194 1.32495 9.03356 1.23931L8.7605 0.966323C8.67466 0.880342 8.56026 0.833252 8.43811 0.833252C8.31615 0.833252 8.20169 0.880342 8.11585 0.966323L5.00016 4.08218L1.88431 0.966323C1.79861 0.880342 1.68407 0.833252 1.56199 0.833252C1.44004 0.833252 1.32559 0.880342 1.23988 0.966323L0.966677 1.23931C0.788899 1.4171 0.788899 1.70628 0.966677 1.88386L4.08245 4.99992L0.966677 8.11584C0.880904 8.20175 0.833707 8.31619 0.833707 8.43822C0.833707 8.56025 0.880904 8.67468 0.966677 8.76053L1.23981 9.03351C1.32551 9.11943 1.44003 9.16658 1.56191 9.16658C1.684 9.16658 1.79853 9.11943 1.88424 9.03351L5.00008 5.91759L8.11578 9.03351C8.20162 9.11943 8.31608 9.16658 8.43803 9.16658C8.56005 9.16658 8.67459 9.11943 8.76043 9.03351L9.03349 8.76053C9.11919 8.67475 9.16646 8.56025 9.16646 8.43822C9.16646 8.31619 9.11919 8.20175 9.03349 8.11591L5.91786 4.99992Z\" fill=\"white\"/></svg>')}:host.disabled label:hover:after{display:none}\n"] }]
+        args: [{ selector: 'dr-checkbox', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<label>\n    <input\n        type=\"checkbox\"\n        [attr.id]=\"id\"\n        [attr.data-test]=\"checkedStatus ? 'checked' : 'unchecked'\"\n        [checked]=\"checkedStatus\"\n        [disabled]=\"disabled\"\n        (change)=\"setValue($event)\"\n        (click)=\"$event.stopPropagation()\" />\n    <span #checkboxContent [class]=\"icon\" [class.indeterminate]=\"indeterminate\" [drTooltip]=\"tooltip\">\n        <ng-content></ng-content>\n    </span>\n</label>\n", styles: ["input+span{vertical-align:middle;line-height:30px}input+span,input+span:before{box-sizing:content-box!important;-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}input{visibility:hidden;position:absolute;width:0}label input+span{position:relative;z-index:19;display:inline-block;margin:0 5px 0 0;line-height:17px;min-height:14px;min-width:14px}:host.text-nowrap label input+span{white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis;line-height:16px}label input+span:hover{cursor:pointer}label input+span:before{content:\"\";font-size:14px;border-radius:0;display:inline-block;text-align:center;vertical-align:middle;padding:1px;min-height:12px;line-height:12px;min-width:12px;margin-right:5px;border:1.5px solid #8f929e;background-color:#fff;font-weight:400;margin-top:-1px}label input+span:before,label:hover input+span:before{background-color:#fff;border-color:#8f929e;color:#4646ce;border-radius:2px}label input:checked+span:before,label:hover input:checked+span:before{content:url('data:image/svg+xml; utf8, <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M1 5L4.5 8.5L11 1.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> </svg>');background:#4646ce;border-color:#4646ce;color:#fff}label input:checked+span.cross:before,label:hover input:checked+span.cross:before{content:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.91786 4.99992L9.03356 1.88386C9.11927 1.79808 9.16654 1.68365 9.16668 1.56162C9.16668 1.43952 9.1194 1.32495 9.03356 1.23931L8.7605 0.966323C8.67466 0.880342 8.56026 0.833252 8.43811 0.833252C8.31615 0.833252 8.20169 0.880342 8.11585 0.966323L5.00016 4.08218L1.88431 0.966323C1.79861 0.880342 1.68407 0.833252 1.56199 0.833252C1.44004 0.833252 1.32559 0.880342 1.23988 0.966323L0.966677 1.23931C0.788899 1.4171 0.788899 1.70628 0.966677 1.88386L4.08245 4.99992L0.966677 8.11584C0.880904 8.20175 0.833707 8.31619 0.833707 8.43822C0.833707 8.56025 0.880904 8.67468 0.966677 8.76053L1.23981 9.03351C1.32551 9.11943 1.44003 9.16658 1.56191 9.16658C1.684 9.16658 1.79853 9.11943 1.88424 9.03351L5.00008 5.91759L8.11578 9.03351C8.20162 9.11943 8.31608 9.16658 8.43803 9.16658C8.56005 9.16658 8.67459 9.11943 8.76043 9.03351L9.03349 8.76053C9.11919 8.67475 9.16646 8.56025 9.16646 8.43822C9.16646 8.31619 9.11919 8.20175 9.03349 8.11591L5.91786 4.99992Z\" fill=\"white\"/></svg>')}label input+span.indeterminate:before,label:hover input+span.indeterminate:before{content:url('data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 2\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.25 1C0.25 0.585786 0.585786 0.25 1 0.25L11 0.250001C11.4142 0.250001 11.75 0.585787 11.75 1C11.75 1.41421 11.4142 1.75 11 1.75L1 1.75C0.585786 1.75 0.25 1.41421 0.25 1Z\" fill=\"white\"/></svg>');background:#4646ce;border-color:#4646ce;color:#fff}label input:disabled+span{color:#8f929e}label input:disabled+span:before{border-color:#dfe0e3;pointer-events:none}label input[disabled]:checked+span:before{background:#8f929e;border-color:#8f929e;pointer-events:none}:host{font-family:Poppins,sans-serif;font-style:normal}:host label{position:relative}:host label:hover:after{content:\"\";width:24px;height:24px;background:#f2f2fb;border-radius:50%;position:absolute;left:-4px;top:.5px}:host.small{color:#333;font-size:14px}:host.small label:after,:host.small label:hover:after{width:20px;height:20px;left:-3px;top:1.5px}:host.small label input+span,:host.small label:hover input+span{min-height:10px;min-width:10px}:host.small label input+span:before,:host.small label:hover input+span:before{height:10px;width:10px;min-height:10px;min-width:10px;line-height:10px;margin-right:8px}:host.small label input+span:before,:host.small label:hover input+span:before{content:\"\";background-position:center;background-repeat:no-repeat;background-size:10px 10px}:host.small label input+span.indeterminate:before,:host.small label:hover input+span.indeterminate:before{background-image:url('data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 2\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.25 1C0.25 0.585786 0.585786 0.25 1 0.25L11 0.250001C11.4142 0.250001 11.75 0.585787 11.75 1C11.75 1.41421 11.4142 1.75 11 1.75L1 1.75C0.585786 1.75 0.25 1.41421 0.25 1Z\" fill=\"white\"/></svg>')}:host.small label input:checked+span:before,:host.small label:hover input:checked+span:before{background-image:url('data:image/svg+xml; utf8, <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M1 5L4.5 8.5L11 1.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> </svg>')}:host.small label input:checked+span.cross:before,:host.small label:hover input:checked+span.cross:before{background-image:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.91786 4.99992L9.03356 1.88386C9.11927 1.79808 9.16654 1.68365 9.16668 1.56162C9.16668 1.43952 9.1194 1.32495 9.03356 1.23931L8.7605 0.966323C8.67466 0.880342 8.56026 0.833252 8.43811 0.833252C8.31615 0.833252 8.20169 0.880342 8.11585 0.966323L5.00016 4.08218L1.88431 0.966323C1.79861 0.880342 1.68407 0.833252 1.56199 0.833252C1.44004 0.833252 1.32559 0.880342 1.23988 0.966323L0.966677 1.23931C0.788899 1.4171 0.788899 1.70628 0.966677 1.88386L4.08245 4.99992L0.966677 8.11584C0.880904 8.20175 0.833707 8.31619 0.833707 8.43822C0.833707 8.56025 0.880904 8.67468 0.966677 8.76053L1.23981 9.03351C1.32551 9.11943 1.44003 9.16658 1.56191 9.16658C1.684 9.16658 1.79853 9.11943 1.88424 9.03351L5.00008 5.91759L8.11578 9.03351C8.20162 9.11943 8.31608 9.16658 8.43803 9.16658C8.56005 9.16658 8.67459 9.11943 8.76043 9.03351L9.03349 8.76053C9.11919 8.67475 9.16646 8.56025 9.16646 8.43822C9.16646 8.31619 9.11919 8.20175 9.03349 8.11591L5.91786 4.99992Z\" fill=\"white\"/></svg>')}:host.disabled label:hover:after{display:none}\n"] }]
     }], function () { return [{ type: i0.ChangeDetectorRef }]; }, { id: [{
             type: Input
         }], hostId: [{

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

@@ -123,11 +123,11 @@ export class DrDatePickerRangeComponent {
             i0.ɵɵproperty("ngIf", ctx.labelTo);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngModel", ctx.valueTo)("format", ctx.format)("periodPosition", ctx.periodPositionTo)("placeholder", ctx.placeholderTo)("min", ctx.valueFrom)("disabled", ctx._disabled || ctx.disabledTo);
-        } }, dependencies: [i1.NgControlStatus, i1.NgModel, i2.NgIf, i3.DrDatePickerComponent], styles: ["[_nghost-%COMP%]{display:flex;width:100%}.column[_nghost-%COMP%]{flex-direction:column}.column[_nghost-%COMP%]   .date-picker-range__from[_ngcontent-%COMP%]{margin-right:0}[_nghost-%COMP%]   .date-picker-range__from[_ngcontent-%COMP%], [_nghost-%COMP%]   .date-picker-range__to[_ngcontent-%COMP%]{display:flex;flex-direction:column}[_nghost-%COMP%]   .date-picker-range__from__label[_ngcontent-%COMP%], [_nghost-%COMP%]   .date-picker-range__to__label[_ngcontent-%COMP%]{font-size:14px;font-weight:400;line-height:22px;margin-bottom:4px}[_nghost-%COMP%]   .date-picker-range__from[_ngcontent-%COMP%]{margin-right:24px}"], changeDetection: 0 }); }
+        } }, dependencies: [i1.NgControlStatus, i1.NgModel, i2.NgIf, i3.DrDatePickerComponent], styles: ["[_nghost-%COMP%]{display:flex;width:100%}.column[_nghost-%COMP%]{flex-direction:column}.column[_nghost-%COMP%]   .date-picker-range__from[_ngcontent-%COMP%]{margin-right:0}[_nghost-%COMP%]   .date-picker-range__from[_ngcontent-%COMP%], [_nghost-%COMP%]   .date-picker-range__to[_ngcontent-%COMP%]{display:flex;flex-direction:column}[_nghost-%COMP%]   .date-picker-range__from__label[_ngcontent-%COMP%], [_nghost-%COMP%]   .date-picker-range__to__label[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:400;margin-bottom:4px}[_nghost-%COMP%]   .date-picker-range__from[_ngcontent-%COMP%]{margin-right:24px}"], changeDetection: 0 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrDatePickerRangeComponent, [{
         type: Component,
-        args: [{ selector: 'dr-date-picker-range', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: DrDatePickerRangeComponent, multi: true }], template: "<div class=\"date-picker-range__from\">\n    <span *ngIf=\"labelFrom\" class=\"date-picker-range__from__label\">{{ labelFrom }}</span>\n    <dr-date-picker\n        [(ngModel)]=\"valueFrom\"\n        [format]=\"format\"\n        [periodPosition]=\"periodPositionFrom\"\n        [placeholder]=\"placeholderFrom\"\n        [max]=\"valueTo\"\n        [disabled]=\"_disabled || disabledFrom\">\n    </dr-date-picker>\n</div>\n<div class=\"date-picker-range__to\">\n    <span *ngIf=\"labelTo\" class=\"date-picker-range__to__label\">{{ labelTo }}</span>\n    <dr-date-picker\n        [(ngModel)]=\"valueTo\"\n        [format]=\"format\"\n        [periodPosition]=\"periodPositionTo\"\n        [placeholder]=\"placeholderTo\"\n        [min]=\"valueFrom\"\n        [disabled]=\"_disabled || disabledTo\">\n    </dr-date-picker>\n</div>\n", styles: [":host{display:flex;width:100%}:host.column{flex-direction:column}:host.column .date-picker-range__from{margin-right:0}:host .date-picker-range__from,:host .date-picker-range__to{display:flex;flex-direction:column}:host .date-picker-range__from__label,:host .date-picker-range__to__label{font-size:14px;font-weight:400;line-height:22px;margin-bottom:4px}:host .date-picker-range__from{margin-right:24px}\n"] }]
+        args: [{ selector: 'dr-date-picker-range', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: DrDatePickerRangeComponent, multi: true }], template: "<div class=\"date-picker-range__from\">\n    <span *ngIf=\"labelFrom\" class=\"date-picker-range__from__label\">{{ labelFrom }}</span>\n    <dr-date-picker\n        [(ngModel)]=\"valueFrom\"\n        [format]=\"format\"\n        [periodPosition]=\"periodPositionFrom\"\n        [placeholder]=\"placeholderFrom\"\n        [max]=\"valueTo\"\n        [disabled]=\"_disabled || disabledFrom\">\n    </dr-date-picker>\n</div>\n<div class=\"date-picker-range__to\">\n    <span *ngIf=\"labelTo\" class=\"date-picker-range__to__label\">{{ labelTo }}</span>\n    <dr-date-picker\n        [(ngModel)]=\"valueTo\"\n        [format]=\"format\"\n        [periodPosition]=\"periodPositionTo\"\n        [placeholder]=\"placeholderTo\"\n        [min]=\"valueFrom\"\n        [disabled]=\"_disabled || disabledTo\">\n    </dr-date-picker>\n</div>\n", styles: [":host{display:flex;width:100%}:host.column{flex-direction:column}:host.column .date-picker-range__from{margin-right:0}:host .date-picker-range__from,:host .date-picker-range__to{display:flex;flex-direction:column}:host .date-picker-range__from__label,:host .date-picker-range__to__label{font-size:14px;line-height:24px;font-weight:400;margin-bottom:4px}:host .date-picker-range__from{margin-right:24px}\n"] }]
     }], function () { return [{ type: i0.ChangeDetectorRef }]; }, { format: [{
             type: Input
         }], periodPositionFrom: [{