@datarailsshared/datarailsshared 1.3.14 → 1.3.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/styles/img/spinner.gif +0 -0
- package/bundles/datarailsshared-datarailsshared.umd.js +33 -29
- package/bundles/datarailsshared-datarailsshared.umd.js.map +1 -1
- package/datarailsshared-datarailsshared-1.3.15.tgz +0 -0
- package/datarailsshared-datarailsshared.metadata.json +1 -1
- package/esm2015/lib/dr-inputs/button/button.component.js +4 -4
- package/esm2015/lib/dr-inputs/dr-input/dr-input.component.js +1 -1
- package/esm2015/lib/dr-popover/dr-popover.component.js +5 -26
- package/esm2015/lib/dr-popover/dr-popover.directive.js +29 -4
- package/esm2015/lib/dr-tabs/dr-tabs.component.js +1 -1
- package/fesm2015/datarailsshared-datarailsshared.js +33 -29
- package/fesm2015/datarailsshared-datarailsshared.js.map +1 -1
- package/lib/dr-popover/dr-popover.component.d.ts +1 -5
- package/lib/dr-popover/dr-popover.directive.d.ts +6 -2
- package/package.json +1 -1
- package/datarailsshared-datarailsshared-1.3.14.tgz +0 -0
|
Binary file
|
|
@@ -1419,7 +1419,7 @@
|
|
|
1419
1419
|
multi: true
|
|
1420
1420
|
}],
|
|
1421
1421
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1422
|
-
styles: [":host{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;font-size:14px;font-family:\"
|
|
1422
|
+
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"]
|
|
1423
1423
|
},] }
|
|
1424
1424
|
];
|
|
1425
1425
|
DrInputComponent.ctorParameters = function () { return [
|
|
@@ -2008,8 +2008,8 @@
|
|
|
2008
2008
|
DrButtonComponent.decorators = [
|
|
2009
2009
|
{ type: i0.Component, args: [{
|
|
2010
2010
|
selector: 'dr-button',
|
|
2011
|
-
template: "<button (click)=\"onClick($event)\" [disabled]=\"disabled\" [attr.is-loading]=\"isLoading\" [attr.bold]=\"isBold\"\r\n
|
|
2012
|
-
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
|
|
2011
|
+
template: "<button (click)=\"onClick($event)\" [disabled]=\"disabled\" [attr.is-loading]=\"isLoading\" [attr.bold]=\"isBold\"\r\n [attr.icon]=\"!!icon\" [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>\r\n",
|
|
2012
|
+
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]){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]{background:#F0F1F4;color:#727583;border:none;cursor:default}: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]){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]:active{background:#25258C}:host button[theme][theme~=primary][disabled]{background:#F0F1F4;color:#727583;border:none;cursor:default}: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]){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]:active{background:#740e1a}:host button[theme][theme~=danger][disabled]{background:#F0F1F4;color:#727583;border:none;cursor:default}: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]){color:#4646ce;background:#F2F2FB;border-radius:4px}:host button[theme][theme~=ghost][disabled]{color:#727583;cursor:default}:host button[theme][theme~=text-link]{background:none;border:none;color:#0b5af9;text-decoration:underline}:host button[theme][theme~=text-link][disabled]{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]{color:#bcbcbc;background:#E5E6EA;cursor:default}: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]{color:#bcbcbc;background:#E5E6EA;border:none;cursor:default}: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]{color:#bcbcbc;border:none;cursor:default}:host button[theme][theme~=icon][disabled]:hover,:host button[theme][theme~=icon][disabled]: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"]
|
|
2013
2013
|
},] }
|
|
2014
2014
|
];
|
|
2015
2015
|
DrButtonComponent.ctorParameters = function () { return []; };
|
|
@@ -2286,30 +2286,13 @@
|
|
|
2286
2286
|
}());
|
|
2287
2287
|
|
|
2288
2288
|
var DrPopoverComponent = /** @class */ (function () {
|
|
2289
|
-
function DrPopoverComponent(cdr, componentFactoryResolver, viewContainerRef
|
|
2289
|
+
function DrPopoverComponent(cdr, componentFactoryResolver, viewContainerRef) {
|
|
2290
2290
|
this.cdr = cdr;
|
|
2291
2291
|
this.componentFactoryResolver = componentFactoryResolver;
|
|
2292
2292
|
this.viewContainerRef = viewContainerRef;
|
|
2293
|
-
this.elementRef = elementRef;
|
|
2294
|
-
this.popoverRef = popoverRef;
|
|
2295
2293
|
this.class = '';
|
|
2296
2294
|
this.isContentTemplate = false;
|
|
2297
2295
|
}
|
|
2298
|
-
DrPopoverComponent.prototype.clickOutside = function (e) {
|
|
2299
|
-
var isTargetHost = this.hostRef instanceof i0.ElementRef && (this.hostRef.nativeElement === e.target || this.hostRef.nativeElement.contains(e.target));
|
|
2300
|
-
var isTargetInPopover = this.elementRef.nativeElement.contains(e.target);
|
|
2301
|
-
var isTargetInDatepicker = e.target.closest('mat-datepicker-popup');
|
|
2302
|
-
var isTargetInSelect = e.target.closest('ng-dropdown-panel');
|
|
2303
|
-
var isTargetInDatepickerContent = e.target.closest('mat-datepicker-content');
|
|
2304
|
-
if (!isTargetHost
|
|
2305
|
-
&& !isTargetInPopover
|
|
2306
|
-
&& !isTargetInDatepicker
|
|
2307
|
-
&& !isTargetInSelect
|
|
2308
|
-
&& !isTargetInDatepickerContent
|
|
2309
|
-
&& !this.manualClosing) {
|
|
2310
|
-
this.popoverRef.close();
|
|
2311
|
-
}
|
|
2312
|
-
};
|
|
2313
2296
|
DrPopoverComponent.prototype.ngOnInit = function () {
|
|
2314
2297
|
this.isContentTemplate = this.content instanceof i0.TemplateRef;
|
|
2315
2298
|
if (!this.isContentTemplate) {
|
|
@@ -2335,9 +2318,7 @@
|
|
|
2335
2318
|
DrPopoverComponent.ctorParameters = function () { return [
|
|
2336
2319
|
{ type: i0.ChangeDetectorRef },
|
|
2337
2320
|
{ type: i0.ComponentFactoryResolver },
|
|
2338
|
-
{ type: i0.ViewContainerRef }
|
|
2339
|
-
{ type: i0.ElementRef },
|
|
2340
|
-
{ type: DrPopoverRef }
|
|
2321
|
+
{ type: i0.ViewContainerRef }
|
|
2341
2322
|
]; };
|
|
2342
2323
|
DrPopoverComponent.propDecorators = {
|
|
2343
2324
|
content: [{ type: i0.Input }],
|
|
@@ -2345,8 +2326,7 @@
|
|
|
2345
2326
|
class: [{ type: i0.Input }],
|
|
2346
2327
|
hostRef: [{ type: i0.Input }],
|
|
2347
2328
|
manualClosing: [{ type: i0.Input }],
|
|
2348
|
-
popoverContainer: [{ type: i0.ViewChild, args: ['popoverContainer', { read: i0.ElementRef, static: true },] }]
|
|
2349
|
-
clickOutside: [{ type: i0.HostListener, args: ['document:mouseup', ['$event'],] }]
|
|
2329
|
+
popoverContainer: [{ type: i0.ViewChild, args: ['popoverContainer', { read: i0.ElementRef, static: true },] }]
|
|
2350
2330
|
};
|
|
2351
2331
|
|
|
2352
2332
|
var DEFAULT_CONFIG = {
|
|
@@ -2431,9 +2411,11 @@
|
|
|
2431
2411
|
]; };
|
|
2432
2412
|
|
|
2433
2413
|
var DrPopoverDirective = /** @class */ (function () {
|
|
2434
|
-
function DrPopoverDirective(elementRef, drPopoverService) {
|
|
2414
|
+
function DrPopoverDirective(elementRef, renderer, drPopoverService, document) {
|
|
2435
2415
|
this.elementRef = elementRef;
|
|
2416
|
+
this.renderer = renderer;
|
|
2436
2417
|
this.drPopoverService = drPopoverService;
|
|
2418
|
+
this.document = document;
|
|
2437
2419
|
this.contentContext = {};
|
|
2438
2420
|
this.position = 'bottom';
|
|
2439
2421
|
this.class = '';
|
|
@@ -2451,11 +2433,30 @@
|
|
|
2451
2433
|
}
|
|
2452
2434
|
};
|
|
2453
2435
|
DrPopoverDirective.prototype.closePopover = function (res) {
|
|
2436
|
+
if (this.clickOutsideEvent) {
|
|
2437
|
+
this.clickOutsideEvent();
|
|
2438
|
+
}
|
|
2454
2439
|
if (this.popoverRef) {
|
|
2455
2440
|
this.popoverRef.close(res);
|
|
2456
2441
|
this.popoverRef = null;
|
|
2457
2442
|
}
|
|
2458
2443
|
};
|
|
2444
|
+
DrPopoverDirective.prototype.clickOutside = function (e) {
|
|
2445
|
+
var _a, _b, _c;
|
|
2446
|
+
var isTargetHost = this.elementRef instanceof i0.ElementRef && (this.elementRef.nativeElement === e.target || this.elementRef.nativeElement.contains(e.target));
|
|
2447
|
+
var isTargetInPopover = (_c = (_b = (_a = this.popoverRef) === null || _a === void 0 ? void 0 : _a.componentRef) === null || _b === void 0 ? void 0 : _b.location) === null || _c === void 0 ? void 0 : _c.nativeElement.contains(e.target);
|
|
2448
|
+
var isTargetInDatepicker = e.target.closest('mat-datepicker-popup');
|
|
2449
|
+
var isTargetInSelect = e.target.closest('ng-dropdown-panel');
|
|
2450
|
+
var isTargetInDatepickerContent = e.target.closest('mat-datepicker-content');
|
|
2451
|
+
if (!isTargetHost
|
|
2452
|
+
&& !isTargetInPopover
|
|
2453
|
+
&& !isTargetInDatepicker
|
|
2454
|
+
&& !isTargetInSelect
|
|
2455
|
+
&& !isTargetInDatepickerContent
|
|
2456
|
+
&& !this.manualClosing) {
|
|
2457
|
+
this.popoverRef.close();
|
|
2458
|
+
}
|
|
2459
|
+
};
|
|
2459
2460
|
DrPopoverDirective.prototype.renderPopover = function () {
|
|
2460
2461
|
var _this = this;
|
|
2461
2462
|
var popoverRef = this.popoverRef = this.drPopoverService.open(this.content, {
|
|
@@ -2471,6 +2472,7 @@
|
|
|
2471
2472
|
_this.popoverClose.emit(res);
|
|
2472
2473
|
_this.showStateChange.emit({ isShown: !!_this.popoverRef });
|
|
2473
2474
|
});
|
|
2475
|
+
this.clickOutsideEvent = this.renderer.listen(this.document, 'click', this.clickOutside.bind(this));
|
|
2474
2476
|
};
|
|
2475
2477
|
DrPopoverDirective.prototype.ngOnDestroy = function () {
|
|
2476
2478
|
this.closePopover();
|
|
@@ -2484,7 +2486,9 @@
|
|
|
2484
2486
|
];
|
|
2485
2487
|
DrPopoverDirective.ctorParameters = function () { return [
|
|
2486
2488
|
{ type: i0.ElementRef },
|
|
2487
|
-
{ type:
|
|
2489
|
+
{ type: i0.Renderer2 },
|
|
2490
|
+
{ type: DrPopoverService },
|
|
2491
|
+
{ type: undefined, decorators: [{ type: i0.Inject, args: [common.DOCUMENT,] }] }
|
|
2488
2492
|
]; };
|
|
2489
2493
|
DrPopoverDirective.propDecorators = {
|
|
2490
2494
|
content: [{ type: i0.Input, args: ['drPopover',] }],
|
|
@@ -2829,7 +2833,7 @@
|
|
|
2829
2833
|
{ type: i0.Component, args: [{
|
|
2830
2834
|
selector: 'dr-tabs',
|
|
2831
2835
|
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",
|
|
2832
|
-
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:\"
|
|
2836
|
+
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"]
|
|
2833
2837
|
},] }
|
|
2834
2838
|
];
|
|
2835
2839
|
DrTabsComponent.ctorParameters = function () { return []; };
|