@datarailsshared/datarailsshared 1.4.181 → 1.4.183
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 +18 -72
- package/bundles/datarailsshared-datarailsshared.umd.js.map +1 -1
- package/datarailsshared-datarailsshared-1.4.183.tgz +0 -0
- package/datarailsshared-datarailsshared.metadata.json +1 -1
- package/esm2015/lib/date-tags/forecast-tag/forecast-tag.component.js +3 -3
- package/esm2015/lib/dr-inputs/button/button.component.js +17 -59
- package/fesm2015/datarailsshared-datarailsshared.js +18 -60
- package/fesm2015/datarailsshared-datarailsshared.js.map +1 -1
- package/lib/dr-inputs/button/button.component.d.ts +7 -11
- package/package.json +1 -1
- package/datarailsshared-datarailsshared-1.4.181.tgz +0 -0
|
@@ -478,7 +478,7 @@
|
|
|
478
478
|
};
|
|
479
479
|
ForecastTagComponent.prototype.initName = function () {
|
|
480
480
|
if (!this.name) {
|
|
481
|
-
this.name = 'Forecast';
|
|
481
|
+
this.name = 'Forecast (New)';
|
|
482
482
|
}
|
|
483
483
|
};
|
|
484
484
|
ForecastTagComponent.prototype.getFiscalMonthFromDate = function (dateObj, fiscal_year_starts_from) {
|
|
@@ -568,7 +568,7 @@
|
|
|
568
568
|
}(AnyTagComponent));
|
|
569
569
|
ForecastTagComponent.decorators = [
|
|
570
570
|
{ type: i0.Component, args: [{
|
|
571
|
-
template: "<div class=\"forecast-tag__container\">\n <div class=\"forecast-tag__forecast\">\n <p class=\"tag__label\">
|
|
571
|
+
template: "<div class=\"forecast-tag__container\">\n <div class=\"forecast-tag__forecast\">\n <p class=\"tag__label\">Forecast</p>\n <dr-select placeholder=\"Select\"\n [(ngModel)]=\"forecastValue\"\n bindLabel=\"label\"\n bindValue=\"value\"\n [disabled]=\"disabled\"\n [items]=\"forecastTags\"\n (ngModelChange)=\"changeTagInputHandler($event)\"></dr-select>\n </div>\n <div class=\"forecast-tag__year\">\n <p class=\"tag__label\">Year</p>\n <dr-date-picker format=\"year\"\n [(ngModel)]=\"dateObj.date\"\n [datepickerFilter]=\"dateFilter.bind(this)\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"changeYearInputHandler($event)\"></dr-date-picker>\n </div>\n</div>\n",
|
|
572
572
|
selector: 'forecast-tag',
|
|
573
573
|
providers: [
|
|
574
574
|
{
|
|
@@ -2624,49 +2624,14 @@
|
|
|
2624
2624
|
|
|
2625
2625
|
var DrButtonComponent = /** @class */ (function () {
|
|
2626
2626
|
function DrButtonComponent() {
|
|
2627
|
-
this._disabled = null;
|
|
2628
|
-
this._isLoading = false;
|
|
2629
|
-
this._elementClass = [];
|
|
2630
2627
|
this.theme = 'primary';
|
|
2631
|
-
this.
|
|
2628
|
+
this.iconSize = '24px';
|
|
2629
|
+
this.iconAfterSize = '24px';
|
|
2630
|
+
this.disabled = false;
|
|
2631
|
+
this.isLoading = false;
|
|
2632
|
+
this.isActive = false;
|
|
2632
2633
|
this.click = new i0.EventEmitter();
|
|
2633
2634
|
}
|
|
2634
|
-
Object.defineProperty(DrButtonComponent.prototype, "disabled", {
|
|
2635
|
-
set: function (value) {
|
|
2636
|
-
if (value) {
|
|
2637
|
-
this._elementClass.push('disabled');
|
|
2638
|
-
}
|
|
2639
|
-
else {
|
|
2640
|
-
this._elementClass = this._elementClass.filter(function (item) { return item !== 'disabled'; });
|
|
2641
|
-
}
|
|
2642
|
-
this._disabled = value;
|
|
2643
|
-
},
|
|
2644
|
-
enumerable: false,
|
|
2645
|
-
configurable: true
|
|
2646
|
-
});
|
|
2647
|
-
Object.defineProperty(DrButtonComponent.prototype, "isLoading", {
|
|
2648
|
-
set: function (value) {
|
|
2649
|
-
if (value) {
|
|
2650
|
-
this._elementClass.push('loading');
|
|
2651
|
-
}
|
|
2652
|
-
else {
|
|
2653
|
-
this._elementClass = this._elementClass.filter(function (item) { return item !== 'loading'; });
|
|
2654
|
-
}
|
|
2655
|
-
this._isLoading = !!value;
|
|
2656
|
-
},
|
|
2657
|
-
enumerable: false,
|
|
2658
|
-
configurable: true
|
|
2659
|
-
});
|
|
2660
|
-
Object.defineProperty(DrButtonComponent.prototype, "elementClass", {
|
|
2661
|
-
get: function () {
|
|
2662
|
-
return this._elementClass.join(' ');
|
|
2663
|
-
},
|
|
2664
|
-
enumerable: false,
|
|
2665
|
-
configurable: true
|
|
2666
|
-
});
|
|
2667
|
-
DrButtonComponent.prototype.set = function (val) {
|
|
2668
|
-
this._elementClass = val.split(' ');
|
|
2669
|
-
};
|
|
2670
2635
|
DrButtonComponent.prototype.onClick = function ($event) {
|
|
2671
2636
|
$event.preventDefault();
|
|
2672
2637
|
$event.stopPropagation();
|
|
@@ -2677,43 +2642,24 @@
|
|
|
2677
2642
|
DrButtonComponent.decorators = [
|
|
2678
2643
|
{ type: i0.Component, args: [{
|
|
2679
2644
|
selector: 'dr-button',
|
|
2680
|
-
template: "<button (click)=\"onClick($event)\"
|
|
2681
|
-
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}: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-secondary-first],:host button[theme][theme~=split-secondary-first]:hover{padding-left:10px;padding-right:8px}:host button[theme][theme~=split-secondary-first][icon=true]{padding-left:6px;padding-right:2px}:host button[theme][theme~=split-primary-first],:host button[theme][theme~=split-primary-first]:hover{padding-left:12px;padding-right:9px}: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}: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-secondary-last],:host button[theme][theme~=split-secondary-last]:hover{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]{padding-left:2px;padding-right:6px}:host button[theme][theme~=split-primary-last]{padding-left:9px;padding-right:12px}:host button[theme][theme~=split-primary-last][icon=true]{padding-left:1px!important;padding-right:6px}:host button[theme][theme~=split-primary-last]:hover{padding-left:9px;padding-right:12px}:host button[theme][theme~=split-primary-last]:hover[icon=true]{padding-left:1px!important;padding-right:6px}: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;padding:4px 8px;background:transparent;border-radius:4px;font-size:14px;font-style:normal;font-weight:400;line-height:22px;color:#6d6e6f;white-space:nowrap}:host button[theme][theme~=ghost] i{margin:0 4px 0 0}:host button[theme][theme~=ghost]:hover{background:#f5f5f5;color:#333}:host button[theme][theme~=ghost]:active:not([disabled]){color:#4646ce;background:#f2f2fb}: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],:host button[theme][theme~=primary-square]{background:#ffffff;border-radius:6px;border:1px solid #c3c4ce;box-shadow:none;min-width:unset}:host button[theme][theme~=dropdown]:hover,:host button[theme][theme~=primary-square]:hover{border-color:#85889c}:host button[theme][theme~=dropdown]:active,:host button[theme][theme~=primary-square]:active{border-color:#4646ce}:host button[theme][theme~=dropdown] i:first-child,:host button[theme][theme~=primary-square] i:first-child{margin-right:3px}:host button[theme][theme~=dropdown] i:last-child,:host button[theme][theme~=primary-square] i:last-child{margin-left:3px}:host button[theme][theme~=dropdown]{padding:0 8px}:host button[theme][theme~=primary-square]{padding:0;-webkit-user-select:none;user-select:none}:host button[theme][theme~=primary-square]:hover{background-color:#f9f7ff;border:1px solid #7e828e}:host button[theme][theme~=primary-square]:active{background-color:#f2f2fb;border:1px solid #4646ce}:host button[theme][theme~=primary-square][disabled]{opacity:.6;pointer-events:none}:host button[theme][theme~=link-btn]{padding:5px 8px;border:none;background:none;border-radius:5px;color:#0c142b}:host button[theme][theme~=link-btn] .dr{margin:0 4px 0 0}:host button[theme][theme~=link-btn] .dr-last{margin-right:0;margin-left:4px}:host button[theme][theme~=link-btn]:hover{background:#f2f2fb;color:#4646ce}:host button[theme][theme~=link-btn]:active{background:#f2f2fb;color:#25258c}:host button[theme][theme~=link-btn]:disabled{background:none;color:#727583}:host button[theme][theme~=link-btn]:disabled .dr{color:#bcbcbc}:host button[theme][bold=true]{font-weight:600}:host button[theme][icon=true]:not([theme~=\"primary-square\"]){padding-left:8px}:host button[theme][icon=false]{justify-content:center}:host.dr-button-selected button[theme][theme~=primary-square],:host.dr-button-selected button[theme][theme~=secondary-icon]{background-color:#f2f2fb;border:1px solid #4646ce}\n"]
|
|
2645
|
+
template: "<button (click)=\"onClick($event)\"\n [disabled]=\"disabled\">\n <i *ngIf=\"icon\"\n class=\"dr-button__icon\"\n [class]=\"icon\"\n [style.font-size]=\"iconSize\"\n [style.color]=\"iconColor || 'inherit'\">\n </i>\n <ng-content></ng-content>\n <div *ngIf=\"isLoading\"\n class=\"dr-button__spinner\">\n <i [style.font-size]=\"iconSize\" class=\"dr-icon-load\"></i>\n </div>\n <i *ngIf=\"iconAfter\"\n class=\"dr-button__icon dr-button__icon--after\"\n [class]=\"iconAfter\"\n [style.font-size]=\"iconAfterSize\"\n [style.color]=\"iconAfterColor || 'inherit'\">\n </i>\n</button>\n",
|
|
2646
|
+
styles: [":host{display:inline-block}:host.disabled,:host.loading{pointer-events:none}:host button{position:relative;display:flex;align-items:center;flex-wrap:nowrap;cursor:pointer;font-family:\"Poppins\",sans-serif;font-weight:400;font-size:14px;font-style:normal;line-height:22px;border-radius:16px;padding:4px 16px;height:32px;border:1px solid}:host button .dr-button__spinner{display:flex;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;left:0;right:0;background:inherit;border-radius:inherit}:host button .dr-button__spinner i{animation-name:rotate;animation-iteration-count:infinite;animation-duration:1s}:host.with-icon button{padding-left:8px}:host.with-icon button i:first-child{margin-right:4px}:host.with-icon-after button{padding-right:8px}:host.with-icon-after button i:last-child{margin-left:4px}:host.split-primary-first button,:host.split-secondary-first button{border-bottom-right-radius:0;border-top-right-radius:0;padding-right:8px}:host.split-primary-last button,:host.split-secondary-last button{border-bottom-left-radius:0;border-top-left-radius:0;padding-right:8px;padding-left:4px;border-left:none}:host.split-primary-last button i,:host.split-secondary-last button i{margin:0!important}:host.primary button,:host.split-primary-first button,:host.split-primary-last button{color:#fff;background:#4646CE;border-color:#4646ce}:host.primary button:hover,:host.split-primary-first button:hover,:host.split-primary-last button:hover{background:linear-gradient(96.89deg,#25258C 0%,#4646CE 100%);border-color:linear-gradient(96.89deg,#25258C 0%,#4646CE 100%)}:host.primary.active button,:host.primary button:active,:host.split-primary-first.active button,:host.split-primary-first button:active,:host.split-primary-last.active button,:host.split-primary-last button:active{background:#25258C;border-color:#25258c}:host.primary.disabled button,:host.split-primary-first.disabled button,:host.split-primary-last.disabled button{color:#aeabac;background:#F0F1F4;border-color:#f0f1f4}:host.split-primary-first button{border-right-color:#dfe0e3}:host.split-primary-first.disabled button{border-right-color:#aeabac}:host.secondary button,:host.split-secondary-first button,:host.split-secondary-last button{color:#4646ce;background:#FFFFFF;border-color:#4646ce}:host.secondary button:hover,:host.split-secondary-first button:hover,:host.split-secondary-last button:hover{background:#F5F5F5;box-shadow:0 4px 14px #0000001a}:host.secondary.active button,:host.secondary button:active,:host.split-secondary-first.active button,:host.split-secondary-first button:active,:host.split-secondary-last.active button,:host.split-secondary-last button:active{background:#EAEAFF;box-shadow:none}:host.secondary.disabled button,:host.split-secondary-first.disabled button,:host.split-secondary-last.disabled button{color:#aeabac;border-color:#aeabac}:host.split-secondary-first button{border-right-color:#4646ce}:host.split-secondary-first.disabled button{border-right-color:#aeabac}:host.icon button,:host.icon-primary button,:host.icon-secondary button{width:28px;height:28px;padding:0;justify-content:center}:host.icon button i,:host.icon-primary button i,:host.icon-secondary button i{margin:0!important}:host.icon button{background:transparent;border-color:transparent;color:#6d6e6f}:host.icon button:hover{color:#333;background:#DFE0E3;border-color:#dfe0e3}:host.icon.active button,:host.icon button:active{color:#4646ce;background:#EAEAFF;border-color:#eaeaff}:host.icon.disabled button{color:#aeabac;background:transparent;border-color:transparent}:host.icon-primary button{color:#fff;background:#4646CE;border-color:#4646ce}:host.icon-primary button:hover{color:#fff;background:linear-gradient(96.89deg,#25258C 0%,#4646CE 100%);border-color:linear-gradient(96.89deg,#25258C 0%,#4646CE 100%)}:host.icon-primary.active button,:host.icon-primary button:active{color:#fff;background:#25258C;border-color:#25258c}:host.icon-primary.disabled button{color:#aeabac;background:#F0F1F4;border-color:#f0f1f4}:host.icon-secondary button{color:#4646ce;background:#FFFFFF;border-color:#4646ce}:host.icon-secondary button:hover{color:#4646ce;background:#F5F5F5;border-color:#4646ce}:host.icon-secondary.active button,:host.icon-secondary button:active{color:#4646ce;background:#EAEAFF;border-color:#4646ce}:host.icon-secondary.disabled button{color:#aeabac;background:#F0F1F4;border-color:#f0f1f4}:host.ghost button{border-radius:4px;padding:4px;background:transparent;border-color:transparent;color:#6d6e6f}:host.ghost button .dr-button__spinner{color:#4646ce;background:#FFFFFF}:host.ghost button:hover{color:#333;background:#F5F5F5;border-color:#f5f5f5}:host.ghost.active button,:host.ghost button:active{color:#4646ce;background:#EAEAFF;border-color:#eaeaff}:host.ghost.disabled button{color:#aeabac;background:transparent;border-color:transparent}:host.selection button{border-radius:6px;padding:4px 8px;background:#FFFFFF;border-color:#9ea1aa;color:#6d6e6f}:host.selection button:hover{color:#6d6e6f;background:#F5F5F5;border-color:#4e566c}:host.selection.active button,:host.selection button:active{color:#6d6e6f;background:#EAEAFF;border-color:#4646ce}:host.selection.disabled button{color:#aeabac;background:#F0F1F4;border-color:#aeabac}:host.link button{border:none;background:none;color:#4646ce;padding:0 4px}:host.link button:hover,:host.link.active button,:host.link button:active{text-decoration:underline}:host.link.disabled button{color:#aeabac}:host.danger button{color:#fff;background:#BF1D30;border-color:#bf1d30}:host.danger button:hover{background:#981440;border-color:#981440}:host.danger.active button,:host.danger button:active{background:#680325;border-color:#680325}:host.danger.disabled button{color:#aeabac;background:#F0F1F4;border-color:#f0f1f4}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"]
|
|
2682
2647
|
},] }
|
|
2683
2648
|
];
|
|
2684
2649
|
DrButtonComponent.ctorParameters = function () { return []; };
|
|
2685
2650
|
DrButtonComponent.propDecorators = {
|
|
2686
|
-
|
|
2687
|
-
|
|
2688
|
-
icon: [{ type: i0.Input }],
|
|
2689
|
-
iconAfterLabel: [{ type: i0.Input }],
|
|
2690
|
-
isBold: [{ type: i0.Input }],
|
|
2651
|
+
theme: [{ type: i0.Input }, { type: i0.HostBinding, args: ['class',] }],
|
|
2652
|
+
icon: [{ type: i0.Input }, { type: i0.HostBinding, args: ['class.with-icon',] }],
|
|
2691
2653
|
iconColor: [{ type: i0.Input }],
|
|
2692
2654
|
iconSize: [{ type: i0.Input }],
|
|
2693
|
-
|
|
2694
|
-
|
|
2695
|
-
|
|
2696
|
-
|
|
2655
|
+
iconAfter: [{ type: i0.Input }, { type: i0.HostBinding, args: ['class.with-icon-after',] }],
|
|
2656
|
+
iconAfterColor: [{ type: i0.Input }],
|
|
2657
|
+
iconAfterSize: [{ type: i0.Input }],
|
|
2658
|
+
disabled: [{ type: i0.Input }, { type: i0.HostBinding, args: ['class.disabled',] }],
|
|
2659
|
+
isLoading: [{ type: i0.Input }, { type: i0.HostBinding, args: ['class.loading',] }],
|
|
2660
|
+
isActive: [{ type: i0.Input }, { type: i0.HostBinding, args: ['class.active',] }],
|
|
2661
|
+
click: [{ type: i0.Output }]
|
|
2697
2662
|
};
|
|
2698
|
-
// Examples:
|
|
2699
|
-
/*
|
|
2700
|
-
<dr-button [icon]="'dr-icon-arrow-down'">hello</dr-button>
|
|
2701
|
-
<dr-button [icon]="'dr-icon-refresh'" [theme]="'primary-icon'"></dr-button>
|
|
2702
|
-
<dr-button [icon]="'dr-icon-refresh'" [isDisabled]="true" [theme]="'primary-icon'"></dr-button>
|
|
2703
|
-
<dr-button [theme]="'secondary'" [icon]="'dr-icon-excel'" [iconColor]="'#03A678'"></dr-button>
|
|
2704
|
-
|
|
2705
|
-
<dr-button [icon]="'dr-icon-refresh'" [theme]="'secondary-icon'"></dr-button>
|
|
2706
|
-
<dr-button [icon]="'dr-icon-share'" [isDisabled]="true" [theme]="'secondary-icon'"></dr-button>
|
|
2707
|
-
|
|
2708
|
-
<dr-button [icon]="'dr-icon-share'" [theme]="'icon'"></dr-button>
|
|
2709
|
-
<dr-button [icon]="'dr-icon-share'" [isDisabled]="true" [theme]="'icon'"></dr-button>
|
|
2710
|
-
|
|
2711
|
-
<dr-button [isDisabled]="false" [icon]="'dr-icon-refresh'">Primary</dr-button>
|
|
2712
|
-
<dr-button [isDisabled]="false" >Primary</dr-button>
|
|
2713
|
-
<dr-button [isDisabled]="false" [icon]="'dr-icon-refresh'" [theme]="'secondary'">Secondary</dr-button>
|
|
2714
|
-
<dr-button [isDisabled]="false" [icon]="'dr-icon-refresh'" [theme]="'ghost'">Ghost</dr-button>
|
|
2715
|
-
<dr-button [isDisabled]="false" [theme]="'text-link'">Text Link</dr-button>
|
|
2716
|
-
*/
|
|
2717
2663
|
|
|
2718
2664
|
var DrPopoverRef = /** @class */ (function () {
|
|
2719
2665
|
function DrPopoverRef(overlayRef) {
|