@datarailsshared/datarailsshared 1.3.29 → 1.3.32
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/bundles/datarailsshared-datarailsshared.umd.js +372 -11
- package/bundles/datarailsshared-datarailsshared.umd.js.map +1 -1
- package/datarailsshared-datarailsshared-1.3.32.tgz +0 -0
- package/datarailsshared-datarailsshared.metadata.json +1 -1
- package/esm2015/lib/dr-accordion/accordion-item-body.component.js +57 -0
- package/esm2015/lib/dr-accordion/accordion-item-header.component.js +79 -0
- package/esm2015/lib/dr-accordion/accordion-item.component.js +123 -0
- package/esm2015/lib/dr-accordion/accordion.component.js +43 -0
- package/esm2015/lib/dr-accordion/accordion.module.js +23 -0
- package/esm2015/lib/dr-dropdown/dr-dropdown.component.js +1 -1
- package/esm2015/lib/dr-inputs/button/button.component.js +2 -2
- package/esm2015/lib/dr-inputs/checkbox/checkbox.component.js +1 -1
- package/esm2015/lib/dr-inputs/dr-input/dr-input.component.js +18 -3
- package/esm2015/lib/dr-inputs/dr-select/dr-select.component.js +1 -1
- package/esm2015/lib/dr-inputs/dr-toggle/dr-toggle.component.js +1 -1
- package/esm2015/lib/dr-inputs/radio-button/radio-button.component.js +1 -1
- package/esm2015/lib/dr-inputs/radio-button/radio-group.component.js +2 -2
- package/esm2015/lib/dr-tabs/dr-tab.component.js +1 -1
- package/esm2015/lib/dr-tabs/dr-tabs.component.js +4 -3
- package/esm2015/lib/dr-tabs/dr-tabs.module.js +2 -2
- package/esm2015/public-api.js +6 -1
- package/fesm2015/datarailsshared-datarailsshared.js +333 -14
- package/fesm2015/datarailsshared-datarailsshared.js.map +1 -1
- package/lib/dr-accordion/accordion-item-body.component.d.ts +11 -0
- package/lib/dr-accordion/accordion-item-header.component.d.ts +16 -0
- package/lib/dr-accordion/accordion-item.component.d.ts +53 -0
- package/lib/dr-accordion/accordion.component.d.ts +19 -0
- package/lib/dr-accordion/accordion.module.d.ts +2 -0
- package/lib/dr-inputs/button/button.component.d.ts +1 -1
- package/lib/dr-inputs/dr-input/dr-input.component.d.ts +3 -1
- package/lib/dr-tabs/dr-tab.component.d.ts +1 -1
- package/lib/dr-tabs/dr-tabs.component.d.ts +1 -0
- package/package.json +1 -1
- package/public-api.d.ts +5 -0
- package/datarailsshared-datarailsshared-1.3.29.tgz +0 -0
|
@@ -1213,7 +1213,7 @@
|
|
|
1213
1213
|
}
|
|
1214
1214
|
],
|
|
1215
1215
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1216
|
-
styles: [":host{display:flex;line-height:22px}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 #
|
|
1216
|
+
styles: [":host{display:flex;line-height:22px}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 #8F929E;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:#FFFFFF;border-color:#4646ce;color:#4646ce}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=\"%234646CE\"/></svg> ');background-repeat:no-repeat;background-position:center;color:#4646ce}label input:disabled+span:before{border-color:#8f929e}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=\"%238F929E\"/></svg> ');border-color:#8f929e}label span:hover:before{border-color:#4e566c}\n"]
|
|
1217
1217
|
},] }
|
|
1218
1218
|
];
|
|
1219
1219
|
RadioButtonComponent.ctorParameters = function () { return [
|
|
@@ -1271,7 +1271,7 @@
|
|
|
1271
1271
|
});
|
|
1272
1272
|
RadioGroupComponent.prototype.ngAfterContentInit = function () {
|
|
1273
1273
|
var _this = this;
|
|
1274
|
-
// In case option 'name' isn't set on
|
|
1274
|
+
// In case option 'name' isn't set on dr-radio component,
|
|
1275
1275
|
// we need to set it's name right away, so it won't overlap with options
|
|
1276
1276
|
// without names from other radio groups. Otherwise they all would have
|
|
1277
1277
|
// same name and will be considered as options from one group so only the
|
|
@@ -1452,7 +1452,7 @@
|
|
|
1452
1452
|
{ provide: forms.NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }
|
|
1453
1453
|
],
|
|
1454
1454
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1455
|
-
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}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 #
|
|
1455
|
+
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}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:normal;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:before{border-color:#dfe0e3;pointer-events:none}label input[disabled]:checked+span:before{background:#8F929E;border-color:#8f929e;pointer-events:none}label input:not([disabled])+span:hover:after{content:\"\";width:28px;height:28px;background:#F2F2FB;border-radius:50%;position:absolute;left:-6px;top:-5px;z-index:-1}\n"]
|
|
1456
1456
|
},] }
|
|
1457
1457
|
];
|
|
1458
1458
|
CheckboxComponent.ctorParameters = function () { return [
|
|
@@ -1471,10 +1471,10 @@
|
|
|
1471
1471
|
this.elementRef = elementRef;
|
|
1472
1472
|
this.renderer = renderer;
|
|
1473
1473
|
this.cdr = cdr;
|
|
1474
|
+
this._clearable = false;
|
|
1474
1475
|
this.type = 'string';
|
|
1475
1476
|
this.placeholder = '';
|
|
1476
1477
|
this.readonly = false;
|
|
1477
|
-
this.clearable = false;
|
|
1478
1478
|
this.blur = new i0.EventEmitter();
|
|
1479
1479
|
this.innerValue = null;
|
|
1480
1480
|
this._disabled = null;
|
|
@@ -1529,6 +1529,20 @@
|
|
|
1529
1529
|
enumerable: false,
|
|
1530
1530
|
configurable: true
|
|
1531
1531
|
});
|
|
1532
|
+
Object.defineProperty(DrInputComponent.prototype, "clearable", {
|
|
1533
|
+
set: function (val) {
|
|
1534
|
+
this._clearable = !!val;
|
|
1535
|
+
if (this._clearable) {
|
|
1536
|
+
this._elementClass.push('clearable');
|
|
1537
|
+
}
|
|
1538
|
+
else {
|
|
1539
|
+
this._elementClass = this._elementClass.filter(function (item) { return item !== 'clearable'; });
|
|
1540
|
+
}
|
|
1541
|
+
this.cdr.markForCheck();
|
|
1542
|
+
},
|
|
1543
|
+
enumerable: false,
|
|
1544
|
+
configurable: true
|
|
1545
|
+
});
|
|
1532
1546
|
Object.defineProperty(DrInputComponent.prototype, "elementClass", {
|
|
1533
1547
|
get: function () {
|
|
1534
1548
|
return this._elementClass.join(' ');
|
|
@@ -1607,12 +1621,17 @@
|
|
|
1607
1621
|
this.globalListenFunc();
|
|
1608
1622
|
}
|
|
1609
1623
|
};
|
|
1624
|
+
DrInputComponent.prototype.onClear = function ($event) {
|
|
1625
|
+
$event.preventDefault();
|
|
1626
|
+
$event.stopPropagation();
|
|
1627
|
+
this.value = null;
|
|
1628
|
+
};
|
|
1610
1629
|
return DrInputComponent;
|
|
1611
1630
|
}());
|
|
1612
1631
|
DrInputComponent.decorators = [
|
|
1613
1632
|
{ type: i0.Component, args: [{
|
|
1614
1633
|
selector: 'dr-input',
|
|
1615
|
-
template: "<ng-content select=\"[prefixIcon]\"></ng-content>\r\n<input [(ngModel)]=\"value\"\r\n (ngModelChange)=\"updateChanges()\"\r\n (blur)=\"blur.emit(value); onTouched()\"\r\n [disabled]=\"_disabled\"\r\n [readonly]=\"readonly\"\r\n [type]=\"type\"\r\n [placeholder]=\"placeholder\"\r\n [name]=\"name\"\r\n [min]=\"min\"\r\n [step]=\"step\"\r\n>\r\n<span class=\"clear-icon\" (click)=\"
|
|
1634
|
+
template: "<ng-content select=\"[prefixIcon]\"></ng-content>\r\n<input [(ngModel)]=\"value\"\r\n (ngModelChange)=\"updateChanges()\"\r\n (blur)=\"blur.emit(value); onTouched()\"\r\n [disabled]=\"_disabled\"\r\n [readonly]=\"readonly\"\r\n [type]=\"type\"\r\n [placeholder]=\"placeholder\"\r\n [name]=\"name\"\r\n [min]=\"min\"\r\n [step]=\"step\"\r\n>\r\n<span class=\"clear-icon\" (click)=\"onClear($event)\"></span>\r\n<span *ngIf=\"type === 'search'\" class=\"search-icon\" (click)=\"onSearchClicked($event)\"></span>\r\n<ng-content select=\"[suffixIcon]\"></ng-content>\r\n<button *ngIf=\"_buttonOptions.show || (_buttonOptions.showOnFocus && _buttonOptions.focusSet)\"\r\n (click)=\"onButtonClicked($event)\">\r\n {{_buttonOptions.text}}\r\n</button>\r\n",
|
|
1616
1635
|
providers: [{
|
|
1617
1636
|
provide: forms.NG_VALUE_ACCESSOR,
|
|
1618
1637
|
useExisting: i0.forwardRef(function () { return DrInputComponent; }),
|
|
@@ -1718,7 +1737,7 @@
|
|
|
1718
1737
|
useExisting: DrSelectComponent,
|
|
1719
1738
|
multi: true
|
|
1720
1739
|
}],
|
|
1721
|
-
styles: [":host{width:100%;height:32px}:host.no-left-border-radius ::ng-deep ng-select.ng-select .ng-select-container{border-bottom-left-radius:0!important;border-top-left-radius:0!important}:host.no-right-border-radius ::ng-deep ng-select.ng-select .ng-select-container{border-bottom-right-radius:0!important;border-top-right-radius:0!important}:host.no-right-border ::ng-deep ng-select.ng-select .ng-select-container{border-right:none!important}:host.no-left-border ::ng-deep ng-select.ng-select .ng-select-container{border-left:none!important}:host ::ng-deep ng-select.ng-select .ng-select-container{min-height:32px;height:32px;width:100%;border-radius:6px!important;border:1px solid #C3C4CE;box-shadow:none!important}:host ::ng-deep ng-select.ng-select .ng-select-container:hover{border-color:#85889c}:host ::ng-deep ng-select.ng-select .ng-select-container:focus-within{border-color:#21b8f1}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-input{top:0!important;line-height:30px;padding:0 50px 0 8px!important;color:#151b3f;font-size:14px;font-weight:400}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-value-container{padding:0 0 0 8px;height:100%;overflow:auto}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-value-container .ng-
|
|
1740
|
+
styles: [":host{width:100%;height:32px}:host.no-left-border-radius ::ng-deep ng-select.ng-select .ng-select-container{border-bottom-left-radius:0!important;border-top-left-radius:0!important}:host.no-right-border-radius ::ng-deep ng-select.ng-select .ng-select-container{border-bottom-right-radius:0!important;border-top-right-radius:0!important}:host.no-right-border ::ng-deep ng-select.ng-select .ng-select-container{border-right:none!important}:host.no-left-border ::ng-deep ng-select.ng-select .ng-select-container{border-left:none!important}:host ::ng-deep ng-select.ng-select .ng-select-container{min-height:32px;height:32px;width:100%;border-radius:6px!important;border:1px solid #C3C4CE;box-shadow:none!important}:host ::ng-deep ng-select.ng-select .ng-select-container:hover{border-color:#85889c}:host ::ng-deep ng-select.ng-select .ng-select-container:focus-within{border-color:#21b8f1}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-input{top:0!important;line-height:30px;padding:0 50px 0 8px!important;color:#151b3f;font-size:14px;font-weight:400}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-value-container{padding:0 0 0 8px;height:100%;overflow:auto}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-value-container .ng-input{padding:0 0 0 3px!important}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container{max-height:58px;height:100%}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container{max-height:58px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{color:#151a41;height:24px;padding:2px 8px;font-size:12px;margin:2px 2px 2px 0;background:#E5E6EA;display:flex;flex-direction:row-reverse;align-items:center;border-radius:12px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-label{line-height:20px;padding:0!important}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon{border:none!important;padding:0 0 0 9px!important;color:#51566f;font-size:16px;font-weight:bold}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon,:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon:hover{background:transparent!important}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within{background:#E5E6EA!important;border:1px solid #E5E6EA!important}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-value,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover .ng-value,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within .ng-value{color:#bcbcbc!important}:host ::ng-deep ng-select.ng-select.ng-select-single.ng-invalid.ng-touched .ng-select-container,:host ::ng-deep ng-select.ng-select.ng-select-multiple.ng-invalid.ng-touched .ng-select-container{border-color:#de2833}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select{border:1px solid #DBDEE3;border-radius:6px!important;margin-top:8px!important;overflow:hidden}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option:empty{display:none}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option{display:flex;align-items:center;min-height:36px;padding:8px 12px;font-size:14px;line-height:22px}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option>.ng-option-label{text-overflow:ellipsis;overflow:hidden}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-marked{background:#fff}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{background:#F3F7FF;color:#151b3f}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected span,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked span{font-weight:normal!important}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option:hover,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected:hover,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked:hover{background:#F6F7F8}\n"]
|
|
1722
1741
|
},] }
|
|
1723
1742
|
];
|
|
1724
1743
|
DrSelectComponent.ctorParameters = function () { return [
|
|
@@ -2098,7 +2117,7 @@
|
|
|
2098
2117
|
{ provide: forms.NG_VALUE_ACCESSOR, useExisting: DrToggleComponent, multi: true }
|
|
2099
2118
|
],
|
|
2100
2119
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
2101
|
-
styles: [":host{display:flex;justify-content:space-between;align-items:center}:host.toggle-label-alignment{justify-content:start}:host .toggle-container.disabled{pointer-events:none}:host .toggle-container.disabled .toggle-body{background-color:#8f9bb329!important}:host .toggle-container.disabled .toggle-body i{background:rgba(143,155,179,.24)!important}:host .toggle-container.success input:checked+span.toggle-body{background-color:#03a678}:host .toggle-container input{display:none}:host .toggle-container input:checked+span.toggle-body>i,:host .toggle-container input:checked+span.toggle-body:active>i{margin-left:16px}:host .toggle-container input:checked+span.toggle-body{background-color:#
|
|
2120
|
+
styles: [":host{display:flex;justify-content:space-between;align-items:center}:host.toggle-label-alignment{justify-content:start}:host .toggle-container.disabled{pointer-events:none}:host .toggle-container.disabled .toggle-body{background-color:#8f9bb329!important}:host .toggle-container.disabled .toggle-body i{background:rgba(143,155,179,.24)!important}:host .toggle-container.success input:checked+span.toggle-body{background-color:#03a678}:host .toggle-container input{display:none}:host .toggle-container input:checked+span.toggle-body>i,:host .toggle-container input:checked+span.toggle-body:active>i{margin-left:16px}:host .toggle-container input:checked+span.toggle-body{background-color:#4646ce}:host .toggle-container .toggle-body{cursor:pointer;display:block;width:30px;height:16px;margin:7px auto;border-radius:15px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;background-color:#8f929e;line-height:1}:host .toggle-container .toggle-body:active{background-color:#a6b9cb}:host .toggle-container .toggle-body-wrapper{display:flex;flex-direction:column}:host .toggle-container .toggle-body i{height:12px;width:12px;background:#fff;display:inline-block;border-radius:100px;margin-top:2px;margin-left:1.5px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;pointer-events:none}\n"]
|
|
2102
2121
|
},] }
|
|
2103
2122
|
];
|
|
2104
2123
|
DrToggleComponent.ctorParameters = function () { return [
|
|
@@ -2314,7 +2333,7 @@
|
|
|
2314
2333
|
{ type: i0.Component, args: [{
|
|
2315
2334
|
selector: 'dr-button',
|
|
2316
2335
|
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\" [class]=\"icon\" [style.color]=\"iconColor || 'inherit'\"></i>\r\n <ng-content></ng-content>\r\n <i *ngIf=\"theme === 'dropdown'\" class=\"dr-icon-arrow-down\"></i>\r\n </ng-container>\r\n <i *ngIf=\"_isLoading\" class=\"dr dr-spinner dr-icon-load\"></i>\r\n</button>\r\n",
|
|
2317
|
-
styles: [":host{display:inline-block}:host.disabled,:host.loading{pointer-events:none}: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~=split-secondary-first],:host button[theme][theme~=split-secondary-last],:host button[theme][theme~=secondary]{padding:5px 16px;background:#FFFFFF;border-radius:16px;min-width:90px}:host button[theme][theme~=split-secondary-first]:hover:not([disabled]),:host button[theme][theme~=split-secondary-last]:hover:not([disabled]),: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}:host button[theme][theme~=split-secondary-first]:active,:host button[theme][theme~=split-secondary-last]:active,:host button[theme][theme~=secondary]:active{box-shadow:none;background:#F2F2FB}:host button[theme][theme~=split-secondary-first][disabled],:host button[theme][theme~=split-secondary-last][disabled],:host button[theme][theme~=secondary][disabled]{background:#F0F1F4;color:#727583;border:none;cursor:default;pointer-events:none}:host button[theme][theme~=split-secondary-first][is-loading=true],:host button[theme][theme~=split-secondary-last][is-loading=true],:host button[theme][theme~=secondary][is-loading=true]{justify-content:center;padding:5px 16px;pointer-events:none}:host button[theme][theme~=split-primary-first],:host button[theme][theme~=split-primary-last],:host button[theme][theme~=primary]{background:#4646CE;color:#fff;border:none;min-width:90px}:host button[theme][theme~=split-primary-first]:hover:not([disabled]),:host button[theme][theme~=split-primary-last]:hover:not([disabled]),: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:none}:host button[theme][theme~=split-primary-first]:active,:host button[theme][theme~=split-primary-last]:active,:host button[theme][theme~=primary]:active{background:#25258C}:host button[theme][theme~=split-primary-first][disabled],:host button[theme][theme~=split-primary-last][disabled],:host button[theme][theme~=primary][disabled]{background:#F0F1F4;color:#727583;border:none;cursor:default;pointer-events:none}:host button[theme][theme~=split-primary-first][is-loading=true],:host button[theme][theme~=split-primary-last][is-loading=true],:host button[theme][theme~=primary][is-loading=true]{justify-content:center;padding:5px 16px;pointer-events:none}:host button[theme][theme~=split-primary-first] .dr,:host button[theme][theme~=split-primary-last] .dr,:host button[theme][theme~=primary] .dr{margin:0}:host button[theme][theme~=split-secondary-first],:host button[theme][theme~=split-secondary-first]:hover,:host button[theme][theme~=split-primary-first],:host button[theme][theme~=split-primary-first]:hover{min-width:unset;border-bottom-right-radius:0;border-top-right-radius:0;padding-left:10px;padding-right:8px}:host button[theme][theme~=split-secondary-first][icon=true],:host button[theme][theme~=split-secondary-first]:hover[icon=true],:host button[theme][theme~=split-primary-first][icon=true],:host button[theme][theme~=split-primary-first]:hover[icon=true]{padding-left:6px;padding-right:2px}:host button[theme][theme~=split-primary-first],:host button[theme][theme~=split-primary-first]:hover{border-right:1px solid #fff!important}:host button[theme][theme~=split-secondary-first],:host button[theme][theme~=split-secondary-first]:hover{border-right:none!important}:host button[theme][theme~=split-secondary-last],:host button[theme][theme~=split-secondary-last]:hover,:host button[theme][theme~=split-primary-last],:host button[theme][theme~=split-primary-last]:hover{min-width:unset;border-bottom-left-radius:0;border-top-left-radius:0;padding-left:8px;padding-right:10px}:host button[theme][theme~=split-secondary-last][icon=true],:host button[theme][theme~=split-secondary-last]:hover[icon=true],:host button[theme][theme~=split-primary-last][icon=true],:host button[theme][theme~=split-primary-last]:hover[icon=true]{padding-left:2px;padding-right:6px}:host button[theme][theme~=split-secondary-last] .dr,:host button[theme][theme~=split-secondary-last]:hover .dr,:host button[theme][theme~=split-primary-last] .dr,:host button[theme][theme~=split-primary-last]:hover .dr{margin:0}:host button[theme][theme~=split-primary-last],:host button[theme][theme~=split-primary-last]:hover{border-left:none}:host button[theme][theme~=split-secondary-last],:host button[theme][theme~=split-secondary-last]:hover{margin-left:-1px}: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;pointer-events:none}:host button[theme][theme~=danger][is-loading=true]{justify-content:center;padding:5px 16px;pointer-events:none}: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;pointer-events:none}:host button[theme][theme~=text-link]{background:none;border:none;color:#0b5af9}:host button[theme][theme~=text-link][disabled]{color:#727583;pointer-events:none}: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;pointer-events:none}: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;pointer-events: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]{color:#bcbcbc;border:none;cursor:default;pointer-events:none}: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][theme~=dropdown]{padding:0 8px;background:#FFFFFF;border-radius:6px;border:1px solid #C3C4CE;min-width:unset;box-shadow:none}:host button[theme][theme~=dropdown]:hover{border-color:#85889c}:host button[theme][theme~=dropdown]:active{border-color:#4646ce}:host button[theme][theme~=dropdown] i:first-child{margin-right:3px}:host button[theme][theme~=dropdown] i:last-child{margin-left:3px}: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"]
|
|
2336
|
+
styles: [":host{display:inline-block}:host.disabled,:host.loading{pointer-events:none}: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~=split-secondary-first],:host button[theme][theme~=split-secondary-last],:host button[theme][theme~=secondary]{padding:5px 16px;background:#FFFFFF;border-radius:16px;min-width:90px}:host button[theme][theme~=split-secondary-first]:hover:not([disabled]),:host button[theme][theme~=split-secondary-last]:hover:not([disabled]),: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}:host button[theme][theme~=split-secondary-first]:active,:host button[theme][theme~=split-secondary-last]:active,:host button[theme][theme~=secondary]:active{box-shadow:none;background:#F2F2FB}:host button[theme][theme~=split-secondary-first][disabled],:host button[theme][theme~=split-secondary-last][disabled],:host button[theme][theme~=secondary][disabled]{background:#F0F1F4;color:#727583;border:none;cursor:default;pointer-events:none}:host button[theme][theme~=split-secondary-first][is-loading=true],:host button[theme][theme~=split-secondary-last][is-loading=true],:host button[theme][theme~=secondary][is-loading=true]{justify-content:center;padding:5px 16px;pointer-events:none}:host button[theme][theme~=split-primary-first],:host button[theme][theme~=split-primary-last],:host button[theme][theme~=primary]{background:#4646CE;color:#fff;border:none;min-width:90px}:host button[theme][theme~=split-primary-first]:hover:not([disabled]),:host button[theme][theme~=split-primary-last]:hover:not([disabled]),: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:none}:host button[theme][theme~=split-primary-first]:active,:host button[theme][theme~=split-primary-last]:active,:host button[theme][theme~=primary]:active{background:#25258C}:host button[theme][theme~=split-primary-first][disabled],:host button[theme][theme~=split-primary-last][disabled],:host button[theme][theme~=primary][disabled]{background:#F0F1F4;color:#727583;border:none;cursor:default;pointer-events:none}:host button[theme][theme~=split-primary-first][is-loading=true],:host button[theme][theme~=split-primary-last][is-loading=true],:host button[theme][theme~=primary][is-loading=true]{justify-content:center;padding:5px 16px;pointer-events:none}:host button[theme][theme~=split-primary-first] .dr,:host button[theme][theme~=split-primary-last] .dr,:host button[theme][theme~=primary] .dr{margin:0}:host button[theme][theme~=split-secondary-first],:host button[theme][theme~=split-secondary-first]:hover,:host button[theme][theme~=split-primary-first],:host button[theme][theme~=split-primary-first]:hover{min-width:unset;border-bottom-right-radius:0;border-top-right-radius:0;padding-left:10px;padding-right:8px}:host button[theme][theme~=split-secondary-first][icon=true],:host button[theme][theme~=split-secondary-first]:hover[icon=true],:host button[theme][theme~=split-primary-first][icon=true],:host button[theme][theme~=split-primary-first]:hover[icon=true]{padding-left:6px;padding-right:2px}:host button[theme][theme~=split-primary-first],:host button[theme][theme~=split-primary-first]:hover{border-right:1px solid #fff!important}:host button[theme][theme~=split-secondary-first],:host button[theme][theme~=split-secondary-first]:hover{border-right:none!important}:host button[theme][theme~=split-secondary-last],:host button[theme][theme~=split-secondary-last]:hover,:host button[theme][theme~=split-primary-last],:host button[theme][theme~=split-primary-last]:hover{min-width:unset;border-bottom-left-radius:0;border-top-left-radius:0;padding-left:8px;padding-right:10px}:host button[theme][theme~=split-secondary-last][icon=true],:host button[theme][theme~=split-secondary-last]:hover[icon=true],:host button[theme][theme~=split-primary-last][icon=true],:host button[theme][theme~=split-primary-last]:hover[icon=true]{padding-left:2px;padding-right:6px}:host button[theme][theme~=split-secondary-last] .dr,:host button[theme][theme~=split-secondary-last]:hover .dr,:host button[theme][theme~=split-primary-last] .dr,:host button[theme][theme~=split-primary-last]:hover .dr{margin:0}:host button[theme][theme~=split-primary-last],:host button[theme][theme~=split-primary-last]:hover{border-left:none}:host button[theme][theme~=split-secondary-last],:host button[theme][theme~=split-secondary-last]:hover{margin-left:-1px}: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;pointer-events:none}:host button[theme][theme~=danger][is-loading=true]{justify-content:center;padding:5px 16px;pointer-events:none}: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;pointer-events:none}:host button[theme][theme~=text-link]{background:none;border:none;color:#0b5af9}:host button[theme][theme~=text-link][disabled]{color:#727583;pointer-events:none}: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;pointer-events:none}: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;pointer-events:none}:host button[theme][theme~=secondary-icon] .dr{margin:0}:host button[theme][theme~=simple-text]{color:#0c142b;border:none;background:none}:host button[theme][theme~=simple-text] .dr{margin:0 8px 0 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;pointer-events:none}: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][theme~=dropdown]{padding:0 8px;background:#FFFFFF;border-radius:6px;border:1px solid #C3C4CE;min-width:unset;box-shadow:none}:host button[theme][theme~=dropdown]:hover{border-color:#85889c}:host button[theme][theme~=dropdown]:active{border-color:#4646ce}:host button[theme][theme~=dropdown] i:first-child{margin-right:3px}:host button[theme][theme~=dropdown] i:last-child{margin-left:3px}: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"]
|
|
2318
2337
|
},] }
|
|
2319
2338
|
];
|
|
2320
2339
|
DrButtonComponent.ctorParameters = function () { return []; };
|
|
@@ -2987,7 +3006,7 @@
|
|
|
2987
3006
|
selector: 'dr-dropdown',
|
|
2988
3007
|
template: "<div #menuContainer\r\n (clickOutside)=\"onClickedOutside()\"\r\n [drDropdownPosition]=\"option\"\r\n [position]=\"position\"\r\n [class]=\"containerClass\"\r\n class=\"dr-dropdown\">\r\n <div class=\"dr-dropdown__container\">\r\n <div *ngFor=\"let act of list | drDropdownItemShowPipe\"\r\n (click)=\"action(act)\"\r\n [drTooltip]=\"tooltipToShow(act)\"\r\n [drTooltipPosition]=\"'top'\"\r\n [drTooltipOptions]=\"{ withoutArrow: true }\"\r\n class=\"dr-dropdown__container__item\"\r\n [class.item-disabled]=\"disabled(act)\"\r\n [class.item-selected]=\"selected(act)\">\r\n <i *ngIf=\"act.icon\" [class]=\"act.icon\"></i>\r\n <span class=\"dr-dropdown__container__item__text\">{{act.title}}</span>\r\n <i *ngFor=\"let actionIcon of act.actionIcons\"\r\n [class]=\"actionIcon.icon\"\r\n [class.showOnHover]=\"actionIcon.showOnHover\"\r\n (click)=\"onActionIconClick($event, actionIcon, act.data)\"></i>\r\n <i *ngIf=\"act.children?.length\" class=\"dr-icon-arrow-right\"></i>\r\n <dr-dropdown *ngIf=\"act.children?.length\" [options]=\"act.childOptions\"></dr-dropdown>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
2989
3008
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
2990
|
-
styles: ["::ng-deep .dr-dropdown__container__item .dr-dropdown{visibility:hidden}::ng-deep .dr-dropdown__container__item:hover .dr-dropdown{visibility:visible}.dr-dropdown{position:absolute;z-index:-1;top:0;left:0;width:auto}.dr-dropdown__container{display:flex;flex-direction:column;background:#fff;border-radius:4px;box-shadow:0 4px 8px 1px #00000040;padding:8px 0;overflow-y:auto;max-height:60vh}.dr-dropdown__container__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}.dr-dropdown__container__item:hover{background-color:#f6f7f8}.dr-dropdown__container__item:hover .showOnHover{visibility:visible}.dr-dropdown__container__item.item-selected{background:#F3F7FF}.dr-dropdown__container__item.item-disabled{color:#bcbcbc;pointer-events:none}.dr-dropdown__container__item i:first-child{margin-right:8px}.dr-dropdown__container__item__text{margin-right:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dr-dropdown__container__item i,.dr-dropdown__container__item__text{color:#151b3f}.dr-dropdown__container__item .showOnHover{visibility:hidden}.dr-dropdown.content-top{transform:translate(-50%,-100%)}.dr-dropdown.content-top-left{transform:translate(-100%,-100%)}.dr-dropdown.content-bottom{transform:translate(-50%,50%)}.dr-dropdown.content-bottom-left{transform:translate(-90%,35%)}.dr-dropdown.content-bottom-right{transform:translateY(45%)}.dr-dropdown.content-left{transform:translate(-100%)}.dr-dropdown.content-left-center{transform:translate(-100%,-50%)}.dr-dropdown.content-right{transform:translate(5%)}\n"]
|
|
3009
|
+
styles: ["::ng-deep .dr-dropdown__container__item .dr-dropdown{visibility:hidden}::ng-deep .dr-dropdown__container__item:hover .dr-dropdown{visibility:visible}.dr-dropdown{position:absolute;z-index:-1;top:0;left:0;width:auto}.dr-dropdown__container{display:flex;flex-direction:column;background:#fff;border-radius:4px;box-shadow:0 4px 8px 1px #00000040;padding:8px 0;overflow-y:auto;max-height:60vh}.dr-dropdown__container__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}.dr-dropdown__container__item:hover{background-color:#f6f7f8}.dr-dropdown__container__item:hover .showOnHover{visibility:visible}.dr-dropdown__container__item.item-selected{background:#F3F7FF}.dr-dropdown__container__item.item-disabled,.dr-dropdown__container__item.item-disabled i,.dr-dropdown__container__item.item-disabled .dr-dropdown__container__item__text{color:#bcbcbc;pointer-events:none}.dr-dropdown__container__item i:first-child{margin-right:8px}.dr-dropdown__container__item__text{margin-right:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dr-dropdown__container__item i,.dr-dropdown__container__item__text{color:#151b3f}.dr-dropdown__container__item .showOnHover{visibility:hidden}.dr-dropdown.content-top{transform:translate(-50%,-100%)}.dr-dropdown.content-top-left{transform:translate(-100%,-100%)}.dr-dropdown.content-bottom{transform:translate(-50%,50%)}.dr-dropdown.content-bottom-left{transform:translate(-90%,35%)}.dr-dropdown.content-bottom-right{transform:translateY(45%)}.dr-dropdown.content-left{transform:translate(-100%)}.dr-dropdown.content-left-center{transform:translate(-100%,-50%)}.dr-dropdown.content-right{transform:translate(5%)}\n"]
|
|
2991
3010
|
},] }
|
|
2992
3011
|
];
|
|
2993
3012
|
DrDropdownComponent.ctorParameters = function () { return [
|
|
@@ -3209,18 +3228,335 @@
|
|
|
3209
3228
|
DrTabsComponent.decorators = [
|
|
3210
3229
|
{ type: i0.Component, args: [{
|
|
3211
3230
|
selector: 'dr-tabs',
|
|
3212
|
-
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",
|
|
3213
|
-
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"]
|
|
3231
|
+
template: "<mat-tab-group disableRipple [selectedIndex]=\"selectedTab\"\r\n (selectedIndexChange)=\"selectedIndexChange($event)\"\r\n [class.with-radio]=\"withRadio\"\r\n [class.vertical]=\"vertical\"\r\n [animationDuration]=\" vertical ? '0ms' : '500ms'\">\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",
|
|
3232
|
+
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}:host ::ng-deep .vertical.mat-tab-group{flex-direction:row}:host ::ng-deep .vertical .mat-tab-header{border-bottom:none}:host ::ng-deep .vertical .mat-tab-labels{flex-direction:column;padding:0;border-right:1px solid #D5DAE5}:host ::ng-deep .vertical .mat-ink-bar{display:none!important}:host ::ng-deep .vertical .mat-tab-label{border-bottom:1px solid #D5DAE5;margin:0!important}:host ::ng-deep .vertical .mat-tab-label:before{content:\"\";width:2px;height:100%;display:flex;position:absolute;top:0;left:0}:host ::ng-deep .vertical .mat-tab-label-active{background-color:#f3f7ff}:host ::ng-deep .vertical .mat-tab-label-active:before{background-color:#151a41}:host ::ng-deep .vertical .mat-tab-label-active .mat-tab-label-content{font-weight:normal;color:#151a41}:host ::ng-deep .vertical .mat-tab-body-wrapper{width:100%;padding:16px}\n"]
|
|
3214
3233
|
},] }
|
|
3215
3234
|
];
|
|
3216
3235
|
DrTabsComponent.ctorParameters = function () { return []; };
|
|
3217
3236
|
DrTabsComponent.propDecorators = {
|
|
3218
3237
|
selectedTab: [{ type: i0.Input }],
|
|
3219
3238
|
withRadio: [{ type: i0.Input }],
|
|
3239
|
+
vertical: [{ type: i0.Input }],
|
|
3220
3240
|
selectedTabChange: [{ type: i0.Output }],
|
|
3221
3241
|
tabsContentList: [{ type: i0.ContentChildren, args: [DrTabComponent,] }]
|
|
3222
3242
|
};
|
|
3223
3243
|
|
|
3244
|
+
var DrAccordionComponent = /** @class */ (function () {
|
|
3245
|
+
function DrAccordionComponent() {
|
|
3246
|
+
this.openCloseItems = new rxjs.Subject();
|
|
3247
|
+
this.multiValue = false;
|
|
3248
|
+
}
|
|
3249
|
+
Object.defineProperty(DrAccordionComponent.prototype, "multi", {
|
|
3250
|
+
/**
|
|
3251
|
+
* Allow multiple items to be expanded at the same time.
|
|
3252
|
+
*/
|
|
3253
|
+
get: function () {
|
|
3254
|
+
return this.multiValue;
|
|
3255
|
+
},
|
|
3256
|
+
set: function (val) {
|
|
3257
|
+
this.multiValue = !!val;
|
|
3258
|
+
},
|
|
3259
|
+
enumerable: false,
|
|
3260
|
+
configurable: true
|
|
3261
|
+
});
|
|
3262
|
+
/**
|
|
3263
|
+
* Opens all enabled accordion items.
|
|
3264
|
+
*/
|
|
3265
|
+
DrAccordionComponent.prototype.openAll = function () {
|
|
3266
|
+
if (this.multi) {
|
|
3267
|
+
this.openCloseItems.next(false);
|
|
3268
|
+
}
|
|
3269
|
+
};
|
|
3270
|
+
/**
|
|
3271
|
+
* Closes all enabled accordion items.
|
|
3272
|
+
*/
|
|
3273
|
+
DrAccordionComponent.prototype.closeAll = function () {
|
|
3274
|
+
this.openCloseItems.next(true);
|
|
3275
|
+
};
|
|
3276
|
+
return DrAccordionComponent;
|
|
3277
|
+
}());
|
|
3278
|
+
DrAccordionComponent.decorators = [
|
|
3279
|
+
{ type: i0.Component, args: [{
|
|
3280
|
+
selector: 'dr-accordion',
|
|
3281
|
+
template: '<ng-content select="dr-accordion-item"></ng-content>',
|
|
3282
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
3283
|
+
styles: [":host{display:block;box-shadow:#2c33491a 0 5px 10px}\n"]
|
|
3284
|
+
},] }
|
|
3285
|
+
];
|
|
3286
|
+
DrAccordionComponent.propDecorators = {
|
|
3287
|
+
multi: [{ type: i0.Input, args: ['multi',] }]
|
|
3288
|
+
};
|
|
3289
|
+
|
|
3290
|
+
var DrAccordionItemComponent = /** @class */ (function () {
|
|
3291
|
+
function DrAccordionItemComponent(accordion, cd) {
|
|
3292
|
+
this.accordion = accordion;
|
|
3293
|
+
this.cd = cd;
|
|
3294
|
+
/**
|
|
3295
|
+
* Emits whenever the expanded state of the accordion changes.
|
|
3296
|
+
* Primarily used to facilitate two-way binding.
|
|
3297
|
+
*/
|
|
3298
|
+
this.collapsedChange = new i0.EventEmitter();
|
|
3299
|
+
this.accordionItemInvalidate = new rxjs.Subject();
|
|
3300
|
+
this.collapsedValue = true;
|
|
3301
|
+
this.disabledValue = false;
|
|
3302
|
+
this.destroy$ = new rxjs.Subject();
|
|
3303
|
+
}
|
|
3304
|
+
Object.defineProperty(DrAccordionItemComponent.prototype, "collapsed", {
|
|
3305
|
+
/**
|
|
3306
|
+
* Item is collapse (`true` by default)
|
|
3307
|
+
* @type {boolean}
|
|
3308
|
+
*/
|
|
3309
|
+
get: function () {
|
|
3310
|
+
return this.collapsedValue;
|
|
3311
|
+
},
|
|
3312
|
+
set: function (val) {
|
|
3313
|
+
this.collapsedValue = !!val;
|
|
3314
|
+
this.collapsedChange.emit(this.collapsedValue);
|
|
3315
|
+
this.invalidate();
|
|
3316
|
+
},
|
|
3317
|
+
enumerable: false,
|
|
3318
|
+
configurable: true
|
|
3319
|
+
});
|
|
3320
|
+
Object.defineProperty(DrAccordionItemComponent.prototype, "expanded", {
|
|
3321
|
+
/**
|
|
3322
|
+
* Item is expanded (`false` by default)
|
|
3323
|
+
*/
|
|
3324
|
+
get: function () {
|
|
3325
|
+
return !this.collapsed;
|
|
3326
|
+
},
|
|
3327
|
+
set: function (val) {
|
|
3328
|
+
this.collapsedValue = !val;
|
|
3329
|
+
},
|
|
3330
|
+
enumerable: false,
|
|
3331
|
+
configurable: true
|
|
3332
|
+
});
|
|
3333
|
+
Object.defineProperty(DrAccordionItemComponent.prototype, "disabled", {
|
|
3334
|
+
/**
|
|
3335
|
+
* Item is disabled and cannot be opened.
|
|
3336
|
+
* @type {boolean}
|
|
3337
|
+
*/
|
|
3338
|
+
get: function () {
|
|
3339
|
+
return this.disabledValue;
|
|
3340
|
+
},
|
|
3341
|
+
set: function (val) {
|
|
3342
|
+
this.disabledValue = !!val;
|
|
3343
|
+
this.invalidate();
|
|
3344
|
+
},
|
|
3345
|
+
enumerable: false,
|
|
3346
|
+
configurable: true
|
|
3347
|
+
});
|
|
3348
|
+
/**
|
|
3349
|
+
* Open/close the item
|
|
3350
|
+
*/
|
|
3351
|
+
DrAccordionItemComponent.prototype.toggle = function () {
|
|
3352
|
+
if (!this.disabled) {
|
|
3353
|
+
// we need this temporary variable as `openCloseItems.next` will change current value we need to save
|
|
3354
|
+
var willSet = !this.collapsed;
|
|
3355
|
+
if (!this.accordion.multi) {
|
|
3356
|
+
this.accordion.openCloseItems.next(true);
|
|
3357
|
+
}
|
|
3358
|
+
this.collapsed = willSet;
|
|
3359
|
+
}
|
|
3360
|
+
};
|
|
3361
|
+
/**
|
|
3362
|
+
* Open the item.
|
|
3363
|
+
*/
|
|
3364
|
+
DrAccordionItemComponent.prototype.open = function () {
|
|
3365
|
+
if (!this.disabled) {
|
|
3366
|
+
this.collapsed = false;
|
|
3367
|
+
}
|
|
3368
|
+
};
|
|
3369
|
+
/**
|
|
3370
|
+
* Collapse the item.
|
|
3371
|
+
*/
|
|
3372
|
+
DrAccordionItemComponent.prototype.close = function () {
|
|
3373
|
+
if (!this.disabled) {
|
|
3374
|
+
this.collapsed = true;
|
|
3375
|
+
}
|
|
3376
|
+
};
|
|
3377
|
+
DrAccordionItemComponent.prototype.ngOnInit = function () {
|
|
3378
|
+
var _this = this;
|
|
3379
|
+
this.accordion.openCloseItems
|
|
3380
|
+
.pipe(operators.takeUntil(this.destroy$))
|
|
3381
|
+
.subscribe(function (collapsed) {
|
|
3382
|
+
if (!_this.disabled) {
|
|
3383
|
+
_this.collapsed = collapsed;
|
|
3384
|
+
}
|
|
3385
|
+
});
|
|
3386
|
+
};
|
|
3387
|
+
DrAccordionItemComponent.prototype.ngOnChanges = function (changes) {
|
|
3388
|
+
this.accordionItemInvalidate.next(true);
|
|
3389
|
+
};
|
|
3390
|
+
DrAccordionItemComponent.prototype.ngOnDestroy = function () {
|
|
3391
|
+
this.destroy$.next();
|
|
3392
|
+
this.destroy$.complete();
|
|
3393
|
+
this.accordionItemInvalidate.complete();
|
|
3394
|
+
};
|
|
3395
|
+
DrAccordionItemComponent.prototype.invalidate = function () {
|
|
3396
|
+
this.accordionItemInvalidate.next(true);
|
|
3397
|
+
this.cd.markForCheck();
|
|
3398
|
+
};
|
|
3399
|
+
return DrAccordionItemComponent;
|
|
3400
|
+
}());
|
|
3401
|
+
DrAccordionItemComponent.decorators = [
|
|
3402
|
+
{ type: i0.Component, args: [{
|
|
3403
|
+
selector: 'dr-accordion-item',
|
|
3404
|
+
template: "\n <ng-content select=\"dr-accordion-item-header\"></ng-content>\n <ng-content select=\"dr-accordion-item-body\"></ng-content>\n ",
|
|
3405
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
3406
|
+
styles: [":host{background-color:#fff;color:#222b45;font-family:\"Poppins\",sans-serif;font-size:16px;font-weight:400;line-height:1.25rem;display:flex;flex-direction:column}\n"]
|
|
3407
|
+
},] }
|
|
3408
|
+
];
|
|
3409
|
+
DrAccordionItemComponent.ctorParameters = function () { return [
|
|
3410
|
+
{ type: DrAccordionComponent, decorators: [{ type: i0.Host }] },
|
|
3411
|
+
{ type: i0.ChangeDetectorRef }
|
|
3412
|
+
]; };
|
|
3413
|
+
DrAccordionItemComponent.propDecorators = {
|
|
3414
|
+
collapsed: [{ type: i0.Input, args: ['collapsed',] }, { type: i0.HostBinding, args: ['class.collapsed',] }],
|
|
3415
|
+
expanded: [{ type: i0.Input, args: ['expanded',] }, { type: i0.HostBinding, args: ['class.expanded',] }],
|
|
3416
|
+
disabled: [{ type: i0.Input, args: ['disabled',] }, { type: i0.HostBinding, args: ['class.disabled',] }],
|
|
3417
|
+
collapsedChange: [{ type: i0.Output }]
|
|
3418
|
+
};
|
|
3419
|
+
|
|
3420
|
+
var DrAccordionItemHeaderComponent = /** @class */ (function () {
|
|
3421
|
+
function DrAccordionItemHeaderComponent(accordionItem, cd) {
|
|
3422
|
+
this.accordionItem = accordionItem;
|
|
3423
|
+
this.cd = cd;
|
|
3424
|
+
this.destroy$ = new rxjs.Subject();
|
|
3425
|
+
}
|
|
3426
|
+
Object.defineProperty(DrAccordionItemHeaderComponent.prototype, "isCollapsed", {
|
|
3427
|
+
get: function () {
|
|
3428
|
+
return this.accordionItem.collapsed;
|
|
3429
|
+
},
|
|
3430
|
+
enumerable: false,
|
|
3431
|
+
configurable: true
|
|
3432
|
+
});
|
|
3433
|
+
Object.defineProperty(DrAccordionItemHeaderComponent.prototype, "expanded", {
|
|
3434
|
+
get: function () {
|
|
3435
|
+
return !this.accordionItem.collapsed;
|
|
3436
|
+
},
|
|
3437
|
+
enumerable: false,
|
|
3438
|
+
configurable: true
|
|
3439
|
+
});
|
|
3440
|
+
Object.defineProperty(DrAccordionItemHeaderComponent.prototype, "tabbable", {
|
|
3441
|
+
get: function () {
|
|
3442
|
+
return this.accordionItem.disabled ? '-1' : '0';
|
|
3443
|
+
},
|
|
3444
|
+
enumerable: false,
|
|
3445
|
+
configurable: true
|
|
3446
|
+
});
|
|
3447
|
+
Object.defineProperty(DrAccordionItemHeaderComponent.prototype, "disabled", {
|
|
3448
|
+
get: function () {
|
|
3449
|
+
return this.accordionItem.disabled;
|
|
3450
|
+
},
|
|
3451
|
+
enumerable: false,
|
|
3452
|
+
configurable: true
|
|
3453
|
+
});
|
|
3454
|
+
DrAccordionItemHeaderComponent.prototype.toggle = function () {
|
|
3455
|
+
this.accordionItem.toggle();
|
|
3456
|
+
};
|
|
3457
|
+
Object.defineProperty(DrAccordionItemHeaderComponent.prototype, "state", {
|
|
3458
|
+
get: function () {
|
|
3459
|
+
if (this.isCollapsed) {
|
|
3460
|
+
return 'collapsed';
|
|
3461
|
+
}
|
|
3462
|
+
return 'expanded';
|
|
3463
|
+
},
|
|
3464
|
+
enumerable: false,
|
|
3465
|
+
configurable: true
|
|
3466
|
+
});
|
|
3467
|
+
DrAccordionItemHeaderComponent.prototype.ngOnInit = function () {
|
|
3468
|
+
var _this = this;
|
|
3469
|
+
this.accordionItem.accordionItemInvalidate
|
|
3470
|
+
.pipe(operators.takeUntil(this.destroy$))
|
|
3471
|
+
.subscribe(function () { return _this.cd.markForCheck(); });
|
|
3472
|
+
};
|
|
3473
|
+
DrAccordionItemHeaderComponent.prototype.ngOnDestroy = function () {
|
|
3474
|
+
this.destroy$.next();
|
|
3475
|
+
this.destroy$.complete();
|
|
3476
|
+
};
|
|
3477
|
+
return DrAccordionItemHeaderComponent;
|
|
3478
|
+
}());
|
|
3479
|
+
DrAccordionItemHeaderComponent.decorators = [
|
|
3480
|
+
{ type: i0.Component, args: [{
|
|
3481
|
+
selector: 'dr-accordion-item-header',
|
|
3482
|
+
template: "\n <ng-content select=\"dr-accordion-item-title\"></ng-content>\n <ng-content select=\"dr-accordion-item-description\"></ng-content>\n <ng-content></ng-content>\n <i class=\"dr-icon-arrow-down expansion-indicator\"\n [@expansionIndicator]=\"state\"\n *ngIf=\"!disabled\">\n </i>\n ",
|
|
3483
|
+
animations: [
|
|
3484
|
+
animations.trigger('expansionIndicator', [
|
|
3485
|
+
animations.state('expanded', animations.style({
|
|
3486
|
+
transform: 'rotate(180deg)',
|
|
3487
|
+
})),
|
|
3488
|
+
animations.transition('collapsed => expanded', animations.animate('100ms ease-in')),
|
|
3489
|
+
animations.transition('expanded => collapsed', animations.animate('100ms ease-out')),
|
|
3490
|
+
]),
|
|
3491
|
+
],
|
|
3492
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
3493
|
+
styles: [":host{display:flex;align-items:center;cursor:pointer;position:relative;border-bottom:1px solid #edf1f7;color:#222b45;font-family:\"Poppins\",sans-serif;font-size:13px;font-weight:600;line-height:1.5rem;padding:1.25rem;text-transform:capitalize}:host:focus{outline:0}:host .expansion-indicator{font-size:24px;position:absolute;right:10px;font-weight:700}\n"]
|
|
3494
|
+
},] }
|
|
3495
|
+
];
|
|
3496
|
+
DrAccordionItemHeaderComponent.ctorParameters = function () { return [
|
|
3497
|
+
{ type: DrAccordionItemComponent, decorators: [{ type: i0.Host }] },
|
|
3498
|
+
{ type: i0.ChangeDetectorRef }
|
|
3499
|
+
]; };
|
|
3500
|
+
DrAccordionItemHeaderComponent.propDecorators = {
|
|
3501
|
+
isCollapsed: [{ type: i0.HostBinding, args: ['class.accordion-item-header-collapsed',] }],
|
|
3502
|
+
expanded: [{ type: i0.HostBinding, args: ['class.accordion-item-header-expanded',] }, { type: i0.HostBinding, args: ['attr.aria-expanded',] }],
|
|
3503
|
+
tabbable: [{ type: i0.HostBinding, args: ['attr.tabindex',] }],
|
|
3504
|
+
disabled: [{ type: i0.HostBinding, args: ['attr.aria-disabled',] }],
|
|
3505
|
+
toggle: [{ type: i0.HostListener, args: ['click',] }, { type: i0.HostListener, args: ['keydown.space',] }, { type: i0.HostListener, args: ['keydown.enter',] }]
|
|
3506
|
+
};
|
|
3507
|
+
|
|
3508
|
+
var accordionItemBodyTrigger = animations.trigger('accordionItemBody', [
|
|
3509
|
+
animations.state('collapsed', animations.style({
|
|
3510
|
+
overflow: 'hidden',
|
|
3511
|
+
visibility: 'hidden',
|
|
3512
|
+
height: 0,
|
|
3513
|
+
})),
|
|
3514
|
+
animations.state('expanded', animations.style({
|
|
3515
|
+
overflow: 'hidden',
|
|
3516
|
+
visibility: 'visible',
|
|
3517
|
+
})),
|
|
3518
|
+
animations.transition('collapsed => expanded', animations.animate('100ms ease-in')),
|
|
3519
|
+
animations.transition('expanded => collapsed', animations.animate('100ms ease-out')),
|
|
3520
|
+
]);
|
|
3521
|
+
var DrAccordionItemBodyComponent = /** @class */ (function () {
|
|
3522
|
+
function DrAccordionItemBodyComponent(accordionItem, cd) {
|
|
3523
|
+
this.accordionItem = accordionItem;
|
|
3524
|
+
this.cd = cd;
|
|
3525
|
+
this.destroy$ = new rxjs.Subject();
|
|
3526
|
+
}
|
|
3527
|
+
Object.defineProperty(DrAccordionItemBodyComponent.prototype, "state", {
|
|
3528
|
+
get: function () {
|
|
3529
|
+
return this.accordionItem.collapsed ? 'collapsed' : 'expanded';
|
|
3530
|
+
},
|
|
3531
|
+
enumerable: false,
|
|
3532
|
+
configurable: true
|
|
3533
|
+
});
|
|
3534
|
+
DrAccordionItemBodyComponent.prototype.ngOnInit = function () {
|
|
3535
|
+
var _this = this;
|
|
3536
|
+
this.accordionItem.accordionItemInvalidate
|
|
3537
|
+
.pipe(operators.takeUntil(this.destroy$))
|
|
3538
|
+
.subscribe(function () { return _this.cd.markForCheck(); });
|
|
3539
|
+
};
|
|
3540
|
+
DrAccordionItemBodyComponent.prototype.ngOnDestroy = function () {
|
|
3541
|
+
this.destroy$.next();
|
|
3542
|
+
this.destroy$.complete();
|
|
3543
|
+
};
|
|
3544
|
+
return DrAccordionItemBodyComponent;
|
|
3545
|
+
}());
|
|
3546
|
+
DrAccordionItemBodyComponent.decorators = [
|
|
3547
|
+
{ type: i0.Component, args: [{
|
|
3548
|
+
selector: 'dr-accordion-item-body',
|
|
3549
|
+
template: "\n <div [@accordionItemBody]=\"{ value: state }\">\n <div class=\"item-body\">\n <ng-content></ng-content>\n </div>\n </div>\n ",
|
|
3550
|
+
animations: [accordionItemBodyTrigger],
|
|
3551
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
3552
|
+
styles: [".item-body{flex:1;-ms-flex:1 1 auto;overflow:auto;position:relative}\n"]
|
|
3553
|
+
},] }
|
|
3554
|
+
];
|
|
3555
|
+
DrAccordionItemBodyComponent.ctorParameters = function () { return [
|
|
3556
|
+
{ type: DrAccordionItemComponent, decorators: [{ type: i0.Host }] },
|
|
3557
|
+
{ type: i0.ChangeDetectorRef }
|
|
3558
|
+
]; };
|
|
3559
|
+
|
|
3224
3560
|
var components$2 = [DateTagComponent,
|
|
3225
3561
|
DayTagComponent,
|
|
3226
3562
|
WeekTagComponent,
|
|
@@ -3471,6 +3807,26 @@
|
|
|
3471
3807
|
},] }
|
|
3472
3808
|
];
|
|
3473
3809
|
|
|
3810
|
+
var DR_ACCORDION_COMPONENTS = [
|
|
3811
|
+
DrAccordionComponent,
|
|
3812
|
+
DrAccordionItemComponent,
|
|
3813
|
+
DrAccordionItemHeaderComponent,
|
|
3814
|
+
DrAccordionItemBodyComponent,
|
|
3815
|
+
];
|
|
3816
|
+
var DrAccordionModule = /** @class */ (function () {
|
|
3817
|
+
function DrAccordionModule() {
|
|
3818
|
+
}
|
|
3819
|
+
return DrAccordionModule;
|
|
3820
|
+
}());
|
|
3821
|
+
DrAccordionModule.decorators = [
|
|
3822
|
+
{ type: i0.NgModule, args: [{
|
|
3823
|
+
imports: [common.CommonModule],
|
|
3824
|
+
exports: __spreadArray([], __read(DR_ACCORDION_COMPONENTS)),
|
|
3825
|
+
declarations: __spreadArray([], __read(DR_ACCORDION_COMPONENTS)),
|
|
3826
|
+
providers: [],
|
|
3827
|
+
},] }
|
|
3828
|
+
];
|
|
3829
|
+
|
|
3474
3830
|
/* components */
|
|
3475
3831
|
|
|
3476
3832
|
/**
|
|
@@ -3482,6 +3838,11 @@
|
|
|
3482
3838
|
exports.DateTagComponent = DateTagComponent;
|
|
3483
3839
|
exports.DateTagModule = DateTagModule;
|
|
3484
3840
|
exports.DayTagComponent = DayTagComponent;
|
|
3841
|
+
exports.DrAccordionComponent = DrAccordionComponent;
|
|
3842
|
+
exports.DrAccordionItemBodyComponent = DrAccordionItemBodyComponent;
|
|
3843
|
+
exports.DrAccordionItemComponent = DrAccordionItemComponent;
|
|
3844
|
+
exports.DrAccordionItemHeaderComponent = DrAccordionItemHeaderComponent;
|
|
3845
|
+
exports.DrAccordionModule = DrAccordionModule;
|
|
3485
3846
|
exports.DrAvatarComponent = DrAvatarComponent;
|
|
3486
3847
|
exports.DrAvatarModule = DrAvatarModule;
|
|
3487
3848
|
exports.DrAvatarPipe = DrAvatarPipe;
|