@datarailsshared/datarailsshared 1.3.10 → 1.3.13-dev

package/fesm2015/datarailsshared-datarailsshared.js

@@ -1,14 +1,15 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ViewEncapsulation, Input, Output, ChangeDetectionStrategy, ChangeDetectorRef, forwardRef, ElementRef, Renderer2, HostBinding, ContentChild, TemplateRef, Directive, HostListener, ComponentFactoryResolver, ViewContainerRef, Inject, ViewChild, Optional, Injector, Injectable, Pipe, NgModule } from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, Input, Output, ChangeDetectionStrategy, ChangeDetectorRef, forwardRef, ElementRef, Renderer2, HostBinding, ContentChild, TemplateRef, Directive, HostListener, ComponentFactoryResolver, ViewContainerRef, Inject, ViewChild, Optional, Injector, Injectable, Pipe, ContentChildren, NgModule } from '@angular/core';
 import { FormControl, NG_VALUE_ACCESSOR, NgControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { DateAdapter, MAT_DATE_LOCALE, MAT_DATE_FORMATS, MatNativeDateModule } from '@angular/material/core';
 import { MomentDateAdapter, MAT_MOMENT_DATE_ADAPTER_OPTIONS, MatMomentDateModule } from '@angular/material-moment-adapter';
 import * as momentImported from 'moment';
+import { noop as noop$1, Subject } from 'rxjs';
 import { transition, style, animate, trigger } from '@angular/animations';
+import * as i1 from '@angular/cdk/overlay';
 import { Overlay, OverlayPositionBuilder, OverlayConfig } from '@angular/cdk/overlay';
 import { ComponentPortal } from '@angular/cdk/portal';
 import { DOCUMENT, CommonModule } from '@angular/common';
-import { Subject } from 'rxjs';
 import { first } from 'rxjs/operators';
 import { MatDatepickerModule } from '@angular/material/datepicker';
 import { MatFormFieldModule } from '@angular/material/form-field';
@@ -17,6 +18,7 @@ import { MatSelectModule } from '@angular/material/select';
 import { MatButtonToggleModule } from '@angular/material/button-toggle';
 import { NgSelectModule } from '@ng-select/ng-select';
 import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatTabsModule } from '@angular/material/tabs';
 
 // import {*} from ""
 class DateTagComponent {
@@ -820,7 +822,7 @@ RadioButtonComponent.decorators = [
                 ],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 encapsulation: ViewEncapsulation.ShadowDom,
-                styles: ["label input[type=radio].radiobox+span{vertical-align:middle;line-height:20px}input+span,input+span:after,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:18px;height:18px}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}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;height:12px;line-height:13px;min-width:12px;margin-right:5px;border:1px solid #C3C4CE;background-color:#fff;font-weight:normal;margin-top:-1px}label input+span:before{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}label input:checked+span:before,label:hover input:checked+span:before{background:white;border-color:#579bf2;color:#579bf2}label input:checked+span:before,label:hover input:checked+span:before{font-family:\"DataRails\"!important;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\"><circle cx=\"5\" cy=\"5\" r=\"4.5\" fill=\"%23579BF2\"/></svg> ');color:#579bf2}label input:disabled+span:before{border-color:#bcbcbc}label input[disabled]:checked+span: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\"><circle cx=\"5\" cy=\"5\" r=\"4.5\" fill=\"%23BCBCBC\"/></svg> ');border-color:#bcbcbc}label span:hover:before{border-color:#85889c}\n"]
+                styles: ["label input[type=radio].radiobox+span{vertical-align:middle;line-height:20px}input+span,input+span:after,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:18px;height:18px}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}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;height:12px;line-height:13px;width:12px;margin-right:5px;border:1px solid #C3C4CE;background-color:#fff;font-weight:normal;margin-top:-1px}label input+span:before{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}label input:checked+span:before,label:hover input:checked+span:before{background:white;border-color:#579bf2;color:#579bf2}label input:checked+span:before,label:hover input:checked+span:before{font-family:\"DataRails\"!important;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\"><circle cx=\"5\" cy=\"5\" r=\"4.5\" fill=\"%23579BF2\"/></svg> ');background-repeat:no-repeat;background-position:center;color:#579bf2}label input:disabled+span:before{border-color:#bcbcbc}label input[disabled]:checked+span: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\"><circle cx=\"5\" cy=\"5\" r=\"4.5\" fill=\"%23BCBCBC\"/></svg> ');border-color:#bcbcbc}label span:hover:before{border-color:#85889c}\n"]
             },] }
 ];
 RadioButtonComponent.ctorParameters = () => [
@@ -891,7 +893,7 @@ class DrInputComponent {
         this.readonly = false;
         this.clearable = false;
         this.blur = new EventEmitter();
-        this.value = null;
+        this.innerValue = null;
         this._disabled = null;
         this._elementClass = [];
         this._buttonOptions = {
@@ -904,6 +906,8 @@ class DrInputComponent {
         this.searchHandler = new EventEmitter();
         this.buttonHandler = new EventEmitter();
         this.tabindex = -1;
+        this.onChangeCallback = noop$1;
+        this.onTouchedCallback = noop$1;
         this.onChange = () => { };
         this.onTouched = () => { };
     }
@@ -939,6 +943,16 @@ class DrInputComponent {
     set(val) {
         this._elementClass = val.split(' ');
     }
+    get value() {
+        return this.innerValue;
+    }
+    set value(v) {
+        if (v !== this.innerValue) {
+            this.innerValue = v;
+            this.onChangeCallback(v);
+        }
+        this.cdr.markForCheck();
+    }
     ngAfterViewInit() {
         if (this.clearable) {
             this._elementClass.push('clearable');
@@ -954,15 +968,17 @@ class DrInputComponent {
         }
     }
     registerOnChange(fn) {
-        this.onChange = fn;
+        this.onChangeCallback = fn;
     }
     registerOnTouched(fn) {
-        this.onTouched = fn;
+        this.onTouchedCallback = fn;
     }
     writeValue(value) {
-        this.value = value;
-        this.updateChanges();
-        this.cdr.markForCheck();
+        if (value !== this.innerValue) {
+            this.innerValue = value;
+            this.updateChanges();
+            this.cdr.markForCheck();
+        }
     }
     updateChanges() {
         this.onChange(this.value);
@@ -1002,7 +1018,7 @@ DrInputComponent.decorators = [
                         multi: true
                     }],
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;font-size:14px;font-family:\"Nunito Sans\",sans-serif;border:1px solid #C3C4CE;border-radius:6px;color:#85889c;padding:0 8px;overflow:hidden;outline:none}:host:hover{border-color:#85889c}:host:focus-within{border-color:#21b8f1!important;color:#151b3f}:host.disabled{pointer-events:none;border:none;color:#85889c;background:#E5E6EA}:host.ng-valid.ng-dirty{border-color:#03a678}:host.ng-invalid.ng-dirty:not(:focus-within){border-color:#de2833!important}:host.ng-untouched.ng-valid{border-color:#c3c4ce}:host input{display:flex;flex-grow:1;height:100%;border:none;padding:4px 0;text-align:left}:host input:disabled{border:none;color:#85889c;background:transparent}:host input::-webkit-search-decoration,:host input::-webkit-search-cancel-button,:host input::-webkit-search-results-button,:host input::-webkit-search-results-decoration{-webkit-appearance:none}:host .clear-icon{visibility:hidden}:host.clearable .clear-icon,:host.ng-touched.ng-invalid .clear-icon{visibility:visible;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.91783 5.00001L9.03353 1.88395C9.11924 1.79818 9.16651 1.68374 9.16665 1.56171C9.16665 1.43962 9.11937 1.32504 9.03353 1.2394L8.76047 0.966415C8.67463 0.880433 8.56023 0.833344 8.43808 0.833344C8.31612 0.833344 8.20166 0.880433 8.11582 0.966415L5.00013 4.08227L1.88428 0.966415C1.79858 0.880433 1.68404 0.833344 1.56196 0.833344C1.44001 0.833344 1.32556 0.880433 1.23985 0.966415L0.966646 1.2394C0.788869 1.41719 0.788869 1.70637 0.966646 1.88395L4.08242 5.00001L0.966646 8.11593C0.880873 8.20184 0.833677 8.31628 0.833677 8.43831C0.833677 8.56034 0.880873 8.67478 0.966646 8.76062L1.23978 9.03361C1.32548 9.11952 1.44 9.16668 1.56188 9.16668C1.68397 9.16668 1.7985 9.11952 1.88421 9.03361L5.00005 5.91769L8.11575 9.03361C8.20159 9.11952 8.31605 9.16668 8.438 9.16668H8.43815C8.56017 9.16668 8.67456 9.11952 8.7604 9.03361L9.03346 8.76062C9.11916 8.67484 9.16643 8.56034 9.16643 8.43831C9.16643 8.31628 9.11916 8.20184 9.03346 8.116L5.91783 5.00001Z\" fill=\"%2351566F\"/></svg> ');margin:auto 8px;cursor:pointer}:host span+span,:host span+img{margin-left:0}:host.search-type{padding:0 16px;border-radius:16px}:host.search-type.ng-valid{border-color:#c3c4ce}:host.search-type .search-icon{content:url('data:image/svg+xml; utf8, <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11.5816 10.2097C11.4878 10.1157 11.3605 10.0629 11.2277 10.0629H10.8175C10.7473 10.0629 10.6799 10.035 10.6303 9.98534C10.5322 9.88724 10.527 9.73044 10.6132 9.62178C11.4154 8.6112 11.8925 7.33534 11.8925 5.94625C11.8925 2.66209 9.23042 0 5.94625 0C2.66209 0 0 2.66209 0 5.94625C0 9.23042 2.66209 11.8925 5.94625 11.8925C7.33523 11.8925 8.611 11.4155 9.62155 10.6172C9.7304 10.5312 9.88711 10.5366 9.9852 10.6347C10.0349 10.6845 10.0629 10.7519 10.0629 10.8223V11.2277C10.0629 11.3605 10.1157 11.4878 10.2097 11.5816L14.2834 15.6472C14.4787 15.8421 14.795 15.8419 14.9901 15.6468L15.6468 14.9901C15.8419 14.795 15.8421 14.4787 15.6472 14.2834L11.5816 10.2097ZM5.94625 10.0629C3.67296 10.0629 1.82962 8.21955 1.82962 5.94625C1.82962 3.67296 3.67296 1.82962 5.94625 1.82962C8.21955 1.82962 10.0629 3.67296 10.0629 5.94625C10.0629 8.21955 8.21955 10.0629 5.94625 10.0629Z\" fill=\"%23BCBCBC\"/></svg> ');margin:auto 0 auto 8px;cursor:pointer}:host.with-button{padding-right:0}:host.with-button button{color:#0061ff;background:#F6F7F8;height:100%;width:auto;padding:0 8px;display:flex;align-items:center;border:none;border-left:1px solid #C3C4CE}:host ::ng-deep img[prefixIcon],:host ::ng-deep img[suffixIcon],:host ::ng-deep i[prefixIcon],:host ::ng-deep i[suffixIcon]{position:relative;margin:auto 8px}:host ::ng-deep img[prefixIcon],:host ::ng-deep i[prefixIcon]{margin-left:0}:host ::ng-deep img[suffixIcon],:host ::ng-deep i[suffixIcon]{margin-right:0}\n"]
+                styles: [":host{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;font-size:14px;font-family:\"Poppins\",sans-serif;border:1px solid #C3C4CE;border-radius:6px;color:#85889c;padding:0 8px;overflow:hidden;outline:none}:host:hover{border-color:#85889c}:host:focus-within{border-color:#21b8f1!important;color:#151b3f}:host.disabled{pointer-events:none;border:none;color:#85889c;background:#E5E6EA}:host.ng-valid.ng-dirty{border-color:#03a678}:host.ng-invalid.ng-dirty:not(:focus-within){border-color:#de2833!important}:host.ng-untouched.ng-valid{border-color:#c3c4ce}:host input{display:flex;flex-grow:1;height:100%;border:none;padding:4px 0;text-align:left}:host input:disabled{border:none;color:#85889c;background:transparent}:host input::-webkit-search-decoration,:host input::-webkit-search-cancel-button,:host input::-webkit-search-results-button,:host input::-webkit-search-results-decoration{-webkit-appearance:none}:host .clear-icon{visibility:hidden}:host.clearable .clear-icon,:host.ng-touched.ng-invalid .clear-icon{visibility:visible;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.91783 5.00001L9.03353 1.88395C9.11924 1.79818 9.16651 1.68374 9.16665 1.56171C9.16665 1.43962 9.11937 1.32504 9.03353 1.2394L8.76047 0.966415C8.67463 0.880433 8.56023 0.833344 8.43808 0.833344C8.31612 0.833344 8.20166 0.880433 8.11582 0.966415L5.00013 4.08227L1.88428 0.966415C1.79858 0.880433 1.68404 0.833344 1.56196 0.833344C1.44001 0.833344 1.32556 0.880433 1.23985 0.966415L0.966646 1.2394C0.788869 1.41719 0.788869 1.70637 0.966646 1.88395L4.08242 5.00001L0.966646 8.11593C0.880873 8.20184 0.833677 8.31628 0.833677 8.43831C0.833677 8.56034 0.880873 8.67478 0.966646 8.76062L1.23978 9.03361C1.32548 9.11952 1.44 9.16668 1.56188 9.16668C1.68397 9.16668 1.7985 9.11952 1.88421 9.03361L5.00005 5.91769L8.11575 9.03361C8.20159 9.11952 8.31605 9.16668 8.438 9.16668H8.43815C8.56017 9.16668 8.67456 9.11952 8.7604 9.03361L9.03346 8.76062C9.11916 8.67484 9.16643 8.56034 9.16643 8.43831C9.16643 8.31628 9.11916 8.20184 9.03346 8.116L5.91783 5.00001Z\" fill=\"%2351566F\"/></svg> ');margin:auto 8px;cursor:pointer}:host span+span,:host span+img{margin-left:0}:host.search-type{padding:0 16px;border-radius:16px}:host.search-type.ng-valid{border-color:#c3c4ce}:host.search-type .search-icon{content:url('data:image/svg+xml; utf8, <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11.5816 10.2097C11.4878 10.1157 11.3605 10.0629 11.2277 10.0629H10.8175C10.7473 10.0629 10.6799 10.035 10.6303 9.98534C10.5322 9.88724 10.527 9.73044 10.6132 9.62178C11.4154 8.6112 11.8925 7.33534 11.8925 5.94625C11.8925 2.66209 9.23042 0 5.94625 0C2.66209 0 0 2.66209 0 5.94625C0 9.23042 2.66209 11.8925 5.94625 11.8925C7.33523 11.8925 8.611 11.4155 9.62155 10.6172C9.7304 10.5312 9.88711 10.5366 9.9852 10.6347C10.0349 10.6845 10.0629 10.7519 10.0629 10.8223V11.2277C10.0629 11.3605 10.1157 11.4878 10.2097 11.5816L14.2834 15.6472C14.4787 15.8421 14.795 15.8419 14.9901 15.6468L15.6468 14.9901C15.8419 14.795 15.8421 14.4787 15.6472 14.2834L11.5816 10.2097ZM5.94625 10.0629C3.67296 10.0629 1.82962 8.21955 1.82962 5.94625C1.82962 3.67296 3.67296 1.82962 5.94625 1.82962C8.21955 1.82962 10.0629 3.67296 10.0629 5.94625C10.0629 8.21955 8.21955 10.0629 5.94625 10.0629Z\" fill=\"%23BCBCBC\"/></svg> ');margin:auto 0 auto 8px;cursor:pointer}:host.with-button{padding-right:0}:host.with-button button{color:#0061ff;background:#F6F7F8;height:100%;width:auto;padding:0 8px;display:flex;align-items:center;border:none;border-left:1px solid #C3C4CE}:host ::ng-deep img[prefixIcon],:host ::ng-deep img[suffixIcon],:host ::ng-deep i[prefixIcon],:host ::ng-deep i[suffixIcon]{position:relative;margin:auto 8px}:host ::ng-deep img[prefixIcon],:host ::ng-deep i[prefixIcon]{margin-left:0}:host ::ng-deep img[suffixIcon],:host ::ng-deep i[suffixIcon]{margin-right:0}\n"]
             },] }
 ];
 DrInputComponent.ctorParameters = () => [
@@ -1494,14 +1510,16 @@ class DrButtonComponent {
         this.click = new EventEmitter();
     }
     onClick($event) {
+        $event.preventDefault();
+        $event.stopPropagation();
         this.click.emit($event);
     }
 }
 DrButtonComponent.decorators = [
     { type: Component, args: [{
                 selector: 'dr-button',
-                template: "<button (click)=\"onClick($event)\" [attr.disabled]=\"disabled\" [attr.is-loading]=\"isLoading\" [attr.bold]=\"isBold\"\r\n    [attr.icon]=\"icon ? true : false\" [attr.theme]=\"theme\">\r\n    <ng-container *ngIf=\"!isLoading\">\r\n        <i *ngIf=\"icon\" class=\"dr\" [ngClass]=\"icon\"></i>\r\n        <ng-content></ng-content>\r\n    </ng-container>\r\n    <i *ngIf=\"isLoading\" class=\"dr dr-spinner\"></i>\r\n</button>",
-                styles: [":host{display:inline-block}:host button[theme]{cursor:pointer;border-radius:16px;padding:5px 16px;font-family:\"Poppins\";font-style:normal;font-weight:400;font-size:14px;line-height:22px;color:#4e566c;border:1px solid #7F7FDD;display:flex;justify-content:space-between;align-items:center;height:32px}:host button[theme] .dr{padding:0;margin-left:5.35px;margin-right:8.64px}:host button[theme] .dr-spinner{animation-name:rotate;animation-iteration-count:infinite;animation-duration:1s}@keyframes rotate{0%{transform:rotate()}to{transform:rotate(360deg)}}:host button[theme][theme~=secondary]{padding:5px 16px;background:#FFFFFF;border-radius:16px;min-width:90px}:host button[theme][theme~=secondary]:hover:not([disabled=\"true\"]){color:#4e566c;transition:.2ms ease-in all;background:#F2F2FB;box-shadow:0 4px 14px #0000001a;border:1px solid #4646CE;border-radius:16px}:host button[theme][theme~=secondary]:active{box-shadow:none;background:#F2F2FB}:host button[theme][theme~=secondary][disabled=true]{background:#F0F1F4;color:#727583;border:none}:host button[theme][theme~=secondary][is-loading=true]{justify-content:center;padding:5px 16px}:host button[theme][theme~=primary]{background:#4646CE;color:#fff;border:none;min-width:90px}:host button[theme][theme~=primary]:hover:not([disabled=\"true\"]){transition:.2ms ease-in all;background:linear-gradient(96.89deg,#25258C 0%,#4646CE 100%);box-shadow:0 4px 14px #0000001a;border-radius:16px;border:none}:host button[theme][theme~=primary]:hover[disabled=false]{border:none}:host button[theme][theme~=primary]:active{background:#25258C}:host button[theme][theme~=primary][disabled=true]{background:#F0F1F4;color:#727583;border:none}:host button[theme][theme~=primary][is-loading=true]{justify-content:center;padding:5px 16px}:host button[theme][theme~=ghost]{background:none;border:none;color:#151b3f;padding:4px 8px}:host button[theme][theme~=ghost] .dr{margin-left:4.5px;margin-right:12.5px}:host button[theme][theme~=ghost]:hover:not([disabled=\"true\"]){color:#4646ce;background:#F2F2FB;border-radius:4px}:host button[theme][theme~=ghost][disabled=true]{color:#727583}:host button[theme][theme~=text-link]{background:none;border:none;color:#0b5af9;text-decoration:underline}:host button[theme][theme~=text-link][disabled=true]{color:#727583}:host button[theme][theme~=primary-icon]{padding:8px;width:28px;height:28px;justify-content:center;color:#fff;background:#4646CE;border:none}:host button[theme][theme~=primary-icon]:hover,:host button[theme][theme~=primary-icon]:active{background:linear-gradient(96.89deg,#131318 0%,#4646CE 100%)}:host button[theme][theme~=primary-icon][disabled=true]{color:#bcbcbc;background:#E5E6EA}:host button[theme][theme~=primary-icon] .dr{margin:0}:host button[theme][theme~=secondary-icon]{background:white;padding:8px;width:28px;height:28px;justify-content:center;color:#4e566c;border:1px solid #7F7FDD}:host button[theme][theme~=secondary-icon]:hover,:host button[theme][theme~=secondary-icon]:active{color:#4646ce;background:#F2F2FB}:host button[theme][theme~=secondary-icon][disabled=true]{color:#bcbcbc;background:#E5E6EA;border:none}:host button[theme][theme~=secondary-icon] .dr{margin:0}:host button[theme][theme~=icon]{background:none;padding:8px;width:28px;height:28px;justify-content:center;color:#4e566c;border:none}:host button[theme][theme~=icon]:hover,:host button[theme][theme~=icon]:active{background:#F0F3FC;color:#4646ce}:host button[theme][theme~=icon][disabled=true]{color:#bcbcbc;border:none}:host button[theme][theme~=icon][disabled=true]:hover,:host button[theme][theme~=icon][disabled=true]:active{background:none}:host button[theme][theme~=icon] .dr{margin:0}:host button[theme][bold=true]{font-weight:600}:host button[theme][icon=true]{padding-left:8px}:host button[theme][icon=false]{justify-content:center}\n"]
+                template: "<button (click)=\"onClick($event)\" [disabled]=\"disabled\" [attr.is-loading]=\"isLoading\" [attr.bold]=\"isBold\"\r\n    [attr.icon]=\"icon ? true : false\" [attr.theme]=\"theme\">\r\n    <ng-container *ngIf=\"!isLoading\">\r\n        <i *ngIf=\"icon\" class=\"dr\" [ngClass]=\"icon\" [style.color]=\"iconColor || 'inherit'\"></i>\r\n        <ng-content></ng-content>\r\n    </ng-container>\r\n    <i *ngIf=\"isLoading\" class=\"dr dr-spinner\"></i>\r\n</button>",
+                styles: [":host{display:inline-block}:host button[theme]{cursor:pointer;border-radius:16px;padding:5px 16px;font-family:\"Poppins\";font-style:normal;font-weight:400;font-size:14px;line-height:22px;color:#4e566c;border:1px solid #7F7FDD;display:flex;justify-content:space-between;align-items:center;height:32px}:host button[theme] .dr{padding:0;margin-left:5.35px;margin-right:8.64px}:host button[theme] .dr-spinner{animation-name:rotate;animation-iteration-count:infinite;animation-duration:1s}@keyframes rotate{0%{transform:rotate()}to{transform:rotate(360deg)}}:host button[theme][theme~=secondary]{padding:5px 16px;background:#FFFFFF;border-radius:16px;min-width:90px}:host button[theme][theme~=secondary]:hover:not([disabled=\"true\"]){color:#4e566c;transition:.2ms ease-in all;background:#F2F2FB;box-shadow:0 4px 14px #0000001a;border:1px solid #4646CE;border-radius:16px}:host button[theme][theme~=secondary]:active{box-shadow:none;background:#F2F2FB}:host button[theme][theme~=secondary][disabled=true]{background:#F0F1F4;color:#727583;border:none}:host button[theme][theme~=secondary][is-loading=true]{justify-content:center;padding:5px 16px}:host button[theme][theme~=primary]{background:#4646CE;color:#fff;border:none;min-width:90px}:host button[theme][theme~=primary]:hover:not([disabled=\"true\"]){transition:.2ms ease-in all;background:linear-gradient(96.89deg,#25258C 0%,#4646CE 100%);box-shadow:0 4px 14px #0000001a;border-radius:16px;border:none}:host button[theme][theme~=primary]:hover[disabled=false]{border:none}:host button[theme][theme~=primary]:active{background:#25258C}:host button[theme][theme~=primary][disabled=true]{background:#F0F1F4;color:#727583;border:none}:host button[theme][theme~=primary][is-loading=true]{justify-content:center;padding:5px 16px}:host button[theme][theme~=danger]{background:#BF1D30;color:#fff;border:none;min-width:90px}:host button[theme][theme~=danger]:hover:not([disabled=\"true\"]){transition:.2ms ease-in all;background:linear-gradient(96.89deg,#740e1a 0%,#BF1D30 100%);box-shadow:0 4px 14px #0000001a;border-radius:16px;border:none}:host button[theme][theme~=danger]:hover[disabled=false]{border:none}:host button[theme][theme~=danger]:active{background:#740e1a}:host button[theme][theme~=danger][disabled=true]{background:#F0F1F4;color:#727583;border:none}:host button[theme][theme~=danger][is-loading=true]{justify-content:center;padding:5px 16px}:host button[theme][theme~=ghost]{background:none;border:none;color:#151b3f;padding:4px 8px}:host button[theme][theme~=ghost] .dr{margin-left:4.5px;margin-right:12.5px}:host button[theme][theme~=ghost]:hover:not([disabled=\"true\"]){color:#4646ce;background:#F2F2FB;border-radius:4px}:host button[theme][theme~=ghost][disabled=true]{color:#727583}:host button[theme][theme~=text-link]{background:none;border:none;color:#0b5af9;text-decoration:underline}:host button[theme][theme~=text-link][disabled=true]{color:#727583}:host button[theme][theme~=primary-icon]{padding:8px;width:28px;height:28px;justify-content:center;color:#fff;background:#4646CE;border:none}:host button[theme][theme~=primary-icon]:hover,:host button[theme][theme~=primary-icon]:active{background:linear-gradient(96.89deg,#131318 0%,#4646CE 100%)}:host button[theme][theme~=primary-icon][disabled=true]{color:#bcbcbc;background:#E5E6EA}:host button[theme][theme~=primary-icon] .dr{margin:0}:host button[theme][theme~=secondary-icon]{background:white;padding:8px;width:28px;height:28px;justify-content:center;color:#4e566c;border:1px solid #7F7FDD}:host button[theme][theme~=secondary-icon]:hover,:host button[theme][theme~=secondary-icon]:active{color:#4646ce;background:#F2F2FB}:host button[theme][theme~=secondary-icon][disabled=true]{color:#bcbcbc;background:#E5E6EA;border:none}:host button[theme][theme~=secondary-icon] .dr{margin:0}:host button[theme][theme~=icon]{background:none;padding:8px;width:28px;height:28px;justify-content:center;color:#4e566c;border:none}:host button[theme][theme~=icon]:hover,:host button[theme][theme~=icon]:active{background:#F0F3FC;color:#4646ce}:host button[theme][theme~=icon][disabled=true]{color:#bcbcbc;border:none}:host button[theme][theme~=icon][disabled=true]:hover,:host button[theme][theme~=icon][disabled=true]:active{background:none}:host button[theme][theme~=icon] .dr{margin:0}:host button[theme][bold=true]{font-weight:600}:host button[theme][icon=true]{padding-left:8px}:host button[theme][icon=false]{justify-content:center}\n"]
             },] }
 ];
 DrButtonComponent.ctorParameters = () => [];
@@ -1512,6 +1530,7 @@ DrButtonComponent.propDecorators = {
     icon: [{ type: Input }],
     isBold: [{ type: Input }],
     isLoading: [{ type: Input }],
+    iconColor: [{ type: Input }],
     click: [{ type: Output }]
 };
 //  Examples:
@@ -1519,6 +1538,7 @@ DrButtonComponent.propDecorators = {
 <dr-button [icon]="'dr-icon-arrow-down'">hello</dr-button>
 <dr-button [icon]="'dr-icon-refresh'" [theme]="'primary-icon'"></dr-button>
 <dr-button [icon]="'dr-icon-refresh'" [isDisabled]="true" [theme]="'primary-icon'"></dr-button>
+<dr-button [theme]="'secondary'" [icon]="'dr-icon-excel'" [iconColor]="'#03A678'"></dr-button>
 
 <dr-button [icon]="'dr-icon-refresh'" [theme]="'secondary-icon'"></dr-button>
 <dr-button [icon]="'dr-icon-share'" [isDisabled]="true" [theme]="'secondary-icon'"></dr-button>
@@ -1731,7 +1751,12 @@ class DrPopoverRef {
     constructor(overlayRef) {
         this.overlayRef = overlayRef;
         this.onClose$ = new Subject();
+        // FIXME: this decision was made because of the incompatible rxjs version
+        /**
+         * Correct type is @type {Observable<any>}
+         */
         this.onClose = this.onClose$.asObservable();
+        this.onBackdropClick = this.overlayRef.backdropClick();
     }
     close(res) {
         this.overlayRef.detach();
@@ -1751,30 +1776,30 @@ class DrPopoverComponent {
         this.class = '';
         this.isContentTemplate = false;
     }
-    set popoverContainer(template) {
-        this.isContentTemplate = this.content instanceof TemplateRef;
-        if (!this.isContentTemplate) {
-            this.componentRef = this.viewContainerRef.createComponent(this.componentFactoryResolver.resolveComponentFactory(this.content));
-            Object.assign(this.componentRef.instance, this.contentContext);
-            template.nativeElement.appendChild(this.componentRef.location.nativeElement);
-        }
-        else {
-            this.contentContext.closePopover = this.popoverRef.close.bind(this.popoverRef);
-        }
-        this.cdr.detectChanges();
-    }
     clickOutside(e) {
-        const isTargetHost = this.hostRef.nativeElement === e.target || this.hostRef.nativeElement.contains(e.target);
+        const isTargetHost = this.hostRef instanceof ElementRef && (this.hostRef.nativeElement === e.target || this.hostRef.nativeElement.contains(e.target));
         const isTargetInPopover = this.elementRef.nativeElement.contains(e.target);
         const isTargetInDatepicker = e.target.closest('mat-datepicker-popup');
         const isTargetInSelect = e.target.closest('ng-dropdown-panel');
+        const isTargetInDatepickerContent = e.target.closest('mat-datepicker-content');
         if (!isTargetHost
             && !isTargetInPopover
             && !isTargetInDatepicker
-            && !isTargetInSelect) {
+            && !isTargetInSelect
+            && !isTargetInDatepickerContent
+            && !this.manualClosing) {
             this.popoverRef.close();
         }
     }
+    ngOnInit() {
+        this.isContentTemplate = this.content instanceof TemplateRef;
+        if (!this.isContentTemplate) {
+            this.componentRef = this.viewContainerRef.createComponent(this.componentFactoryResolver.resolveComponentFactory(this.content));
+            Object.assign(this.componentRef.instance, this.contentContext);
+            this.popoverContainer.nativeElement.appendChild(this.componentRef.location.nativeElement);
+        }
+        this.cdr.detectChanges();
+    }
 }
 DrPopoverComponent.decorators = [
     { type: Component, args: [{
@@ -1783,7 +1808,8 @@ DrPopoverComponent.decorators = [
                 animations: [
                     trigger('popover', POPUP_ANIMATION),
                 ],
-                styles: [".dr-popover{display:flex;background:#fff;border:1px solid #E5E5E5;border-radius:5px;box-sizing:border-box;box-shadow:0 4px 14px #0003;font-size:12px;color:#545a6b;max-height:100vh;max-width:100vw;overflow:auto}\n"]
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [".dr-popover{display:flex;background:#fff;border:1px solid #E5E5E5;border-radius:5px;box-sizing:border-box;box-shadow:0 4px 14px #0003;font-size:12px;color:#545a6b;max-height:100vh;max-width:100vw;overflow:auto}::ng-deep .dr-popover-transparent-backdrop{background-color:transparent}\n"]
             },] }
 ];
 DrPopoverComponent.ctorParameters = () => [
@@ -1798,16 +1824,94 @@ DrPopoverComponent.propDecorators = {
     contentContext: [{ type: Input }],
     class: [{ type: Input }],
     hostRef: [{ type: Input }],
-    popoverContainer: [{ type: ViewChild, args: ['popoverContainer', { read: ElementRef },] }],
+    manualClosing: [{ type: Input }],
+    popoverContainer: [{ type: ViewChild, args: ['popoverContainer', { read: ElementRef, static: true },] }],
     clickOutside: [{ type: HostListener, args: ['document:mouseup', ['$event'],] }]
 };
 
-class DrPopoverDirective {
-    constructor(overlay, overlayPositionBuilder, elementRef, injector) {
+const DEFAULT_CONFIG = {
+    hasBackdrop: false,
+    closeOnBackdropClick: false,
+    backdropClass: 'dr-popover-transparent-backdrop',
+};
+const DEFAULT_MODEL = {
+    position: 'bottom',
+    class: '',
+    overlayConfig: {},
+    manualClosing: false,
+};
+
+class DrPopoverService {
+    constructor(overlay, overlayPositionBuilder, injector) {
         this.overlay = overlay;
         this.overlayPositionBuilder = overlayPositionBuilder;
-        this.elementRef = elementRef;
         this.injector = injector;
+    }
+    open(content, popoverModel) {
+        if (!content)
+            return;
+        const model = Object.assign(Object.assign({}, DEFAULT_MODEL), popoverModel);
+        const overlayRef = this.createOverlay(model);
+        const popoverRef = new DrPopoverRef(overlayRef);
+        this.attachOverlayContainer(content, model, overlayRef, popoverRef);
+        this.registerCloseListeners(model, overlayRef, popoverRef);
+        return popoverRef;
+    }
+    attachOverlayContainer(content, { contentContext, position, class: elementClass, manualClosing, hostRef }, overlayRef, popoverRef) {
+        const componentPortal = new ComponentPortal(DrPopoverComponent, null, this.createInjector(popoverRef));
+        const contentRef = overlayRef.attach(componentPortal);
+        popoverRef.componentRef = contentRef;
+        contentRef.instance.content = content;
+        contentRef.instance.contentContext = Object.assign(Object.assign({}, contentContext), { closePopover: popoverRef.close.bind(popoverRef) });
+        contentRef.instance.class = elementClass + ' ' + position;
+        contentRef.instance.manualClosing = manualClosing;
+        contentRef.instance.hostRef = hostRef;
+    }
+    createOverlay(popoverModel) {
+        const overlayConfig = this.getOverlayConfig(popoverModel);
+        return this.overlay.create(overlayConfig);
+    }
+    getOverlayConfig(popoverModel) {
+        const config = Object.assign(Object.assign({}, DEFAULT_CONFIG), popoverModel.overlayConfig || {});
+        const positionStrategy = this.overlayPositionBuilder
+            .flexibleConnectedTo(popoverModel.hostRef)
+            .withPositions([POPUP_POSITIONS[popoverModel.position]]);
+        const overlayConfig = new OverlayConfig(Object.assign({ scrollStrategy: this.overlay.scrollStrategies.noop(), positionStrategy }, config));
+        return overlayConfig;
+    }
+    createInjector(popoverRef) {
+        const injectionTokens = [
+            { provide: DrPopoverRef, useValue: popoverRef },
+        ];
+        return Injector.create({ providers: injectionTokens, parent: this.injector });
+    }
+    registerCloseListeners(popoverModel, overlayRef, popoverRef) {
+        const config = popoverModel.overlayConfig || {};
+        const targetElement = popoverModel.targetElement;
+        if ((config === null || config === void 0 ? void 0 : config.closeOnBackdropClick) && (config === null || config === void 0 ? void 0 : config.hasBackdrop)) {
+            overlayRef.backdropClick().subscribe(() => popoverRef.close());
+        }
+        if (targetElement) {
+            targetElement.addEventListener('mouseup', () => popoverRef.close(), { once: true });
+        }
+    }
+}
+DrPopoverService.ɵprov = i0.ɵɵdefineInjectable({ factory: function DrPopoverService_Factory() { return new DrPopoverService(i0.ɵɵinject(i1.Overlay), i0.ɵɵinject(i1.OverlayPositionBuilder), i0.ɵɵinject(i0.INJECTOR)); }, token: DrPopoverService, providedIn: "root" });
+DrPopoverService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root',
+            },] }
+];
+DrPopoverService.ctorParameters = () => [
+    { type: Overlay },
+    { type: OverlayPositionBuilder },
+    { type: Injector }
+];
+
+class DrPopoverDirective {
+    constructor(elementRef, drPopoverService) {
+        this.elementRef = elementRef;
+        this.drPopoverService = drPopoverService;
         this.contentContext = {};
         this.position = 'bottom';
         this.class = '';
@@ -1815,77 +1919,38 @@ class DrPopoverDirective {
         this.popoverClose = new EventEmitter();
         this.showStateChange = new EventEmitter();
     }
-    show() {
-        var _a;
-        if (this.overlayRef) {
-            this.destroyPopover();
+    togglePopover() {
+        if (this.popoverRef) {
+            this.closePopover();
         }
         else {
             this.renderPopover();
-            this.showStateChange.emit({ isShown: (_a = this.overlayRef) === null || _a === void 0 ? void 0 : _a.hasAttached() });
+            this.showStateChange.emit({ isShown: !!this.popoverRef });
         }
     }
-    renderPopover() {
-        var _a;
-        if (((_a = this.overlayRef) === null || _a === void 0 ? void 0 : _a.hasAttached()) || !this.content)
-            return;
-        this.overlayRef = this.createOverlay(this.overlayConfig || {});
-        this.drPopoverRef = new DrPopoverRef(this.overlayRef);
-        this.drPopoverRef.onClose.pipe(first()).subscribe((res) => {
-            var _a;
-            this.destroyPopover();
-            this.popoverClose.emit(res);
-            this.showStateChange.emit({ isShown: !!((_a = this.overlayRef) === null || _a === void 0 ? void 0 : _a.hasAttached()) });
-        });
-        this.attachOverlayContainer();
-    }
-    destroyPopover() {
-        if (this.overlayRef) {
-            this.overlayRef.dispose();
-            this.overlayRef = null;
-        }
-        if (this.contentRef) {
-            this.contentRef.destroy();
-            this.contentRef = null;
-        }
-        if (this.drPopoverRef) {
-            this.drPopoverRef.close();
-            this.drPopoverRef = null;
+    closePopover(res) {
+        if (this.popoverRef) {
+            this.popoverRef.close(res);
+            this.popoverRef = null;
         }
     }
-    attachOverlayContainer() {
-        const componentPortal = new ComponentPortal(DrPopoverComponent, null, this.createInjector(this.drPopoverRef));
-        this.contentRef = this.overlayRef.attach(componentPortal);
-        this.drPopoverRef.componentRef = this.contentRef;
-        this.contentRef.instance.content = this.content;
-        this.contentRef.instance.contentContext = this.contentContext;
-        this.contentRef.instance.class = this.class + ' ' + this.position;
-        this.contentRef.instance.hostRef = this.elementRef;
-    }
-    createOverlay(config) {
-        const overlayConfig = this.getOverlayConfig(config);
-        return this.overlay.create(overlayConfig);
-    }
-    getOverlayConfig(config) {
-        const positionStrategy = this.overlayPositionBuilder
-            .flexibleConnectedTo(this.elementRef)
-            .withPositions([POPUP_POSITIONS[this.position]]);
-        const overlayConfig = new OverlayConfig({
-            hasBackdrop: false,
-            panelClass: config === null || config === void 0 ? void 0 : config.panelClass,
-            scrollStrategy: this.overlay.scrollStrategies.noop(),
-            positionStrategy,
+    renderPopover() {
+        const popoverRef = this.popoverRef = this.drPopoverService.open(this.content, {
+            hostRef: this.elementRef,
+            overlayConfig: this.overlayConfig,
+            class: this.class,
+            manualClosing: this.manualClosing,
+            position: this.position,
+            contentContext: this.contentContext,
+        });
+        popoverRef.onClose.pipe(first()).subscribe((res) => {
+            this.closePopover();
+            this.popoverClose.emit(res);
+            this.showStateChange.emit({ isShown: !!this.popoverRef });
         });
-        return overlayConfig;
-    }
-    createInjector(previewOverlayRef) {
-        const injectionTokens = [
-            { provide: DrPopoverRef, useValue: previewOverlayRef },
-        ];
-        return Injector.create({ providers: injectionTokens, parent: this.injector });
     }
     ngOnDestroy() {
-        this.destroyPopover();
+        this.closePopover();
     }
 }
 DrPopoverDirective.decorators = [
@@ -1894,10 +1959,8 @@ DrPopoverDirective.decorators = [
             },] }
 ];
 DrPopoverDirective.ctorParameters = () => [
-    { type: Overlay },
-    { type: OverlayPositionBuilder },
     { type: ElementRef },
-    { type: Injector }
+    { type: DrPopoverService }
 ];
 DrPopoverDirective.propDecorators = {
     content: [{ type: Input, args: ['drPopover',] }],
@@ -1905,9 +1968,10 @@ DrPopoverDirective.propDecorators = {
     position: [{ type: Input, args: ['drPopoverPosition',] }],
     class: [{ type: Input, args: ['drPopoverClass',] }],
     overlayConfig: [{ type: Input, args: ['drPopoverOverlayConfig',] }],
+    manualClosing: [{ type: Input, args: ['drPopoverManualClosing',] }],
     popoverClose: [{ type: Output, args: ['drPopoverClose',] }],
     showStateChange: [{ type: Output, args: ['drPopoverShowStateChange',] }],
-    show: [{ type: HostListener, args: ['click',] }]
+    togglePopover: [{ type: HostListener, args: ['click',] }]
 };
 
 class DrDropdownService {
@@ -2180,6 +2244,53 @@ DrDropdownItemShowPipe.decorators = [
             },] }
 ];
 
+class DrTabComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+DrTabComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'dr-tab',
+                template: `
+      <ng-template>
+          <ng-content></ng-content>
+      </ng-template>
+       `
+            },] }
+];
+DrTabComponent.ctorParameters = () => [];
+DrTabComponent.propDecorators = {
+    label: [{ type: Input }],
+    disabled: [{ type: Input }],
+    contentTemplate: [{ type: ViewChild, args: [TemplateRef,] }]
+};
+
+class DrTabsComponent {
+    constructor() {
+        this.selectedTab = 0;
+        this.selectedTabChange = new EventEmitter();
+    }
+    selectedIndexChange($event) {
+        this.selectedTab = $event;
+        this.selectedTabChange.emit($event);
+    }
+}
+DrTabsComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'dr-tabs',
+                template: "<mat-tab-group disableRipple [selectedIndex]=\"selectedTab\"\r\n               (selectedIndexChange)=\"selectedIndexChange($event)\"\r\n               [class.with-radio]=\"withRadio\">\r\n  <mat-tab *ngFor=\"let tab of tabsContentList; let index = index\" label=\"{{tab.label}}\" [disabled]=\"tab.disabled\" >\r\n    <ng-container *ngIf=\"withRadio\">\r\n      <ng-template mat-tab-label>\r\n        <dr-radio-button [value]=\"index\"\r\n                         [(ngModel)]=\"selectedTab\">\r\n        </dr-radio-button>\r\n        {{tab.label}}\r\n      </ng-template>\r\n    </ng-container>\r\n\r\n    <ng-container *ngTemplateOutlet=\"tab.contentTemplate\" ></ng-container>\r\n  </mat-tab>\r\n</mat-tab-group>\r\n",
+                styles: [":host{width:100%}:host ::ng-deep .mat-tab-group,:host ::ng-deep .mat-tab-body-wrapper{height:100%}:host ::ng-deep .mat-tab-nav-bar,:host ::ng-deep .mat-tab-header{border-bottom:1px solid #D5DAE5}:host ::ng-deep .mat-tab-labels{padding:0 17px}:host ::ng-deep .mat-tab-label{padding:0 8px;min-width:0;height:38px;opacity:1}:host ::ng-deep .mat-tab-label:not(:last-child){margin-right:21px}:host ::ng-deep .mat-tab-label-active .mat-tab-label-content{color:#579bf2;font-weight:700}:host ::ng-deep .mat-tab-label-content{font-weight:400;font-size:14px;line-height:22px;color:#51566f;font-family:\"Poppins\",sans-serif}:host ::ng-deep .mat-ink-bar{height:3px;border-radius:5px;background-color:#579bf2!important}:host ::ng-deep .with-radio .mat-tab-labels{padding:0;margin-bottom:8px}:host ::ng-deep .with-radio .mat-tab-label{padding:8px 16px;min-width:0;flex-grow:1;justify-content:start;height:38px;opacity:1}:host ::ng-deep .with-radio .mat-tab-label:not(:last-child){margin-right:8px}:host ::ng-deep .with-radio .mat-tab-label-active{background:#F6F7F8;border-radius:3px}:host ::ng-deep .with-radio .mat-tab-label-active .mat-tab-label-content{color:#0c142b;font-weight:600}:host ::ng-deep .with-radio .mat-ink-bar{display:none!important}\n"]
+            },] }
+];
+DrTabsComponent.ctorParameters = () => [];
+DrTabsComponent.propDecorators = {
+    selectedTab: [{ type: Input }],
+    withRadio: [{ type: Input }],
+    selectedTabChange: [{ type: Output }],
+    tabsContentList: [{ type: ContentChildren, args: [DrTabComponent,] }]
+};
+
 const components$2 = [DateTagComponent,
     DayTagComponent,
     WeekTagComponent,
@@ -2366,11 +2477,34 @@ DrDropdownModule.decorators = [
             },] }
 ];
 
+class DrTabsModule {
+}
+DrTabsModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    MatTabsModule,
+                    FormsModule,
+                    ReactiveFormsModule,
+                    DrInputsModule
+                ],
+                exports: [
+                    DrTabsComponent,
+                    DrTabComponent
+                ],
+                providers: [],
+                declarations: [
+                    DrTabsComponent,
+                    DrTabComponent
+                ],
+            },] }
+];
+
 /* components */
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AnyTagComponent, CheckboxComponent, DateTagComponent, DateTagModule, DayTagComponent, DrAvatarComponent, DrAvatarModule, DrButtonComponent, DrDatePickerComponent, DrDatePickerFormatDirective, DrDropdownComponent, DrDropdownDirective, DrDropdownItemShowPipe, DrDropdownModule, DrDropdownPositionDirective, DrDropdownService, DrInputComponent, DrInputsModule, DrPopoverComponent, DrPopoverDirective, DrPopoverModule, DrPopoverRef, DrSelectComponent, DrSpinnerComponent, DrSpinnerDirective, DrSpinnerModule, DrTagComponent, DrTagModule, DrToggleComponent, DrTooltipDirective, DrTooltipModule, ForecastTagComponent, ISpinnerOptions, ListTagComponent, ListTagModule, MonthTagComponent, QuarterTagComponent, RadioButtonComponent, TooltipComponent, WeekTagComponent, YearTagComponent, components$2 as ɵa, POPUP_ANIMATION as ɵb, CustomDateFormat as ɵc };
+export { AnyTagComponent, CheckboxComponent, DateTagComponent, DateTagModule, DayTagComponent, DrAvatarComponent, DrAvatarModule, DrButtonComponent, DrDatePickerComponent, DrDatePickerFormatDirective, DrDropdownComponent, DrDropdownDirective, DrDropdownItemShowPipe, DrDropdownModule, DrDropdownPositionDirective, DrDropdownService, DrInputComponent, DrInputsModule, DrPopoverComponent, DrPopoverDirective, DrPopoverModule, DrPopoverRef, DrPopoverService, DrSelectComponent, DrSpinnerComponent, DrSpinnerDirective, DrSpinnerModule, DrTabComponent, DrTabsComponent, DrTabsModule, DrTagComponent, DrTagModule, DrToggleComponent, DrTooltipDirective, DrTooltipModule, ForecastTagComponent, ISpinnerOptions, ListTagComponent, ListTagModule, MonthTagComponent, QuarterTagComponent, RadioButtonComponent, TooltipComponent, WeekTagComponent, YearTagComponent, components$2 as ɵa, POPUP_ANIMATION as ɵb, CustomDateFormat as ɵc };
 //# sourceMappingURL=datarailsshared-datarailsshared.js.map