@datarailsshared/datarailsshared 1.6.101 → 1.6.103
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/datarailsshared-datarailsshared-1.6.103.tgz +0 -0
- package/esm2022/lib/directives/autofocus/autofocus.directive.mjs +26 -0
- package/esm2022/lib/dr-dialog/components/dialog-modal-wrapper/dialog-modal-wrapper.component.mjs +6 -6
- package/esm2022/lib/dr-inputs/button/button.component.mjs +5 -4
- package/esm2022/lib/dr-inputs/date-pickers/dr-date-picker-with-timeframe/dr-date-picker-with-timeframe.component.mjs +6 -6
- package/esm2022/lib/dr-inputs/dr-inputs.module.mjs +9 -10
- package/esm2022/lib/dr-inputs/dr-select-add-item/dr-select-add-item.component.mjs +4 -4
- package/esm2022/lib/filter-dropdown/filter-dropdown.component.mjs +421 -0
- package/esm2022/lib/pipes/search/search.pipe.mjs +36 -0
- package/esm2022/public-api.mjs +4 -1
- package/fesm2022/datarailsshared-datarailsshared.mjs +629 -170
- package/fesm2022/datarailsshared-datarailsshared.mjs.map +1 -1
- package/lib/directives/autofocus/autofocus.directive.d.ts +9 -0
- package/lib/dr-inputs/button/button.component.d.ts +2 -2
- package/lib/dr-inputs/dr-inputs.module.d.ts +20 -20
- package/lib/filter-dropdown/filter-dropdown.component.d.ts +53 -0
- package/lib/pipes/search/search.pipe.d.ts +8 -0
- package/package.json +1 -1
- package/public-api.d.ts +3 -0
- package/datarailsshared-datarailsshared-1.6.101.tgz +0 -0
|
Binary file
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Directive, ElementRef, inject } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class AutofocusDirective {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.ref = inject(ElementRef);
|
|
6
|
+
}
|
|
7
|
+
ngAfterViewInit() {
|
|
8
|
+
setTimeout(() => {
|
|
9
|
+
this.focus();
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
focus() {
|
|
13
|
+
this.ref.nativeElement.querySelector('input')?.focus();
|
|
14
|
+
}
|
|
15
|
+
/** @nocollapse */ static { this.ɵfac = function AutofocusDirective_Factory(t) { return new (t || AutofocusDirective)(); }; }
|
|
16
|
+
/** @nocollapse */ static { this.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: AutofocusDirective, selectors: [["", "drAutofocus", ""]], exportAs: ["drAutofocus"], standalone: true }); }
|
|
17
|
+
}
|
|
18
|
+
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AutofocusDirective, [{
|
|
19
|
+
type: Directive,
|
|
20
|
+
args: [{
|
|
21
|
+
selector: '[drAutofocus]',
|
|
22
|
+
standalone: true,
|
|
23
|
+
exportAs: 'drAutofocus',
|
|
24
|
+
}]
|
|
25
|
+
}], null, null); })();
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2ZvY3VzLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RpcmVjdGl2ZXMvYXV0b2ZvY3VzL2F1dG9mb2N1cy5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPN0UsTUFBTSxPQUFPLGtCQUFrQjtJQUwvQjtRQU1xQixRQUFHLEdBQUcsTUFBTSxDQUEwQixVQUFVLENBQUMsQ0FBQztLQVd0RTtJQVRHLGVBQWU7UUFDWCxVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ1osSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ2pCLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELEtBQUs7UUFDRCxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLEVBQUUsS0FBSyxFQUFFLENBQUM7SUFDM0QsQ0FBQztzR0FYUSxrQkFBa0I7bUdBQWxCLGtCQUFrQjs7dUZBQWxCLGtCQUFrQjtjQUw5QixTQUFTO2VBQUM7Z0JBQ1AsUUFBUSxFQUFFLGVBQWU7Z0JBQ3pCLFVBQVUsRUFBRSxJQUFJO2dCQUNoQixRQUFRLEVBQUUsYUFBYTthQUMxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyVmlld0luaXQsIERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW2RyQXV0b2ZvY3VzXScsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBleHBvcnRBczogJ2RyQXV0b2ZvY3VzJyxcbn0pXG5leHBvcnQgY2xhc3MgQXV0b2ZvY3VzRGlyZWN0aXZlIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gICAgcHJpdmF0ZSByZWFkb25seSByZWYgPSBpbmplY3Q8RWxlbWVudFJlZjxIVE1MRWxlbWVudD4+KEVsZW1lbnRSZWYpO1xuXG4gICAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgIHRoaXMuZm9jdXMoKTtcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgZm9jdXMoKTogdm9pZCB7XG4gICAgICAgIHRoaXMucmVmLm5hdGl2ZUVsZW1lbnQucXVlcnlTZWxlY3RvcignaW5wdXQnKT8uZm9jdXMoKTtcbiAgICB9XG59XG4iXX0=
|
package/esm2022/lib/dr-dialog/components/dialog-modal-wrapper/dialog-modal-wrapper.component.mjs
CHANGED
|
@@ -7,11 +7,11 @@ import { catchError, finalize, takeUntil, tap } from 'rxjs/operators';
|
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
import * as i1 from "@angular/material/legacy-dialog";
|
|
9
9
|
import * as i2 from "@angular/common";
|
|
10
|
-
import * as i3 from "../../../dr-inputs/
|
|
11
|
-
import * as i4 from "../../../dr-inputs/
|
|
12
|
-
import * as i5 from "../../../dr-inputs/dr-
|
|
13
|
-
import * as i6 from "../../../dr-inputs/dr-
|
|
14
|
-
import * as i7 from "../../../dr-inputs/
|
|
10
|
+
import * as i3 from "../../../dr-inputs/checkbox/checkbox.component";
|
|
11
|
+
import * as i4 from "../../../dr-inputs/dr-input/dr-input.component";
|
|
12
|
+
import * as i5 from "../../../dr-inputs/dr-select/dr-select.component";
|
|
13
|
+
import * as i6 from "../../../dr-inputs/date-pickers/dr-date-picker/dr-date-picker.component";
|
|
14
|
+
import * as i7 from "../../../dr-inputs/button/button.component";
|
|
15
15
|
import * as i8 from "@angular/forms";
|
|
16
16
|
function DialogModalWrapperComponent_i_2_Template(rf, ctx) { if (rf & 1) {
|
|
17
17
|
const _r6 = i0.ɵɵgetCurrentView();
|
|
@@ -330,7 +330,7 @@ export class DialogModalWrapperComponent {
|
|
|
330
330
|
i0.ɵɵproperty("ngIf", ctx.dialogData.fields);
|
|
331
331
|
i0.ɵɵadvance(2);
|
|
332
332
|
i0.ɵɵproperty("ngIf", ctx.dialogData.cancelButton || ctx.dialogData.acceptButton);
|
|
333
|
-
} }, dependencies: [i2.NgClass, i2.NgForOf, i2.NgIf, i2.NgStyle, i3.
|
|
333
|
+
} }, dependencies: [i2.NgClass, i2.NgForOf, i2.NgIf, i2.NgStyle, i3.CheckboxComponent, i4.DrInputComponent, i5.DrSelectComponent, i6.DrDatePickerComponent, i7.DrButtonComponent, i8.ɵNgNoValidate, i8.NgControlStatus, i8.NgControlStatusGroup, i8.RequiredValidator, i8.FormGroupDirective, i8.FormControlName, i2.AsyncPipe], styles: ["[_nghost-%COMP%]{display:flex;justify-content:space-between;flex-direction:column}.small-modal[_nghost-%COMP%], .small-modal-max-height[_nghost-%COMP%]{min-height:188px;max-height:467px;min-width:400px;max-width:400px}.medium-modal[_nghost-%COMP%], .medium-modal-max-height[_nghost-%COMP%]{min-height:188px;max-height:467px;min-width:632px;max-width:632px}.medium-small-modal[_nghost-%COMP%]{min-height:188px;max-height:345px;min-width:460px;max-width:460px}.medium-modal-max-height[_nghost-%COMP%], .small-modal-max-height[_nghost-%COMP%]{max-height:80vh}.header-dialog[_ngcontent-%COMP%]{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 56px 16px 32px;border-bottom:1px solid #dfe0e3}.header-dialog[_ngcontent-%COMP%] > .icon-close[_ngcontent-%COMP%]{position:absolute;right:32px;top:16px;cursor:pointer}.title-dialog[_ngcontent-%COMP%]{display:flex;color:#333;position:static;font-weight:600;font-size:16px;line-height:24px;margin-top:0;margin-bottom:0}.title-dialog__icon[_ngcontent-%COMP%]{font-size:32px;margin-right:8px;line-height:24px;color:#6d6e6f}.content-dialog[_ngcontent-%COMP%]{font-weight:400;font-size:14px;padding:16px 32px 5px;white-space:pre-line;overflow:auto}.icon-close[_ngcontent-%COMP%]{color:#6d6e6f;cursor:pointer}.dr-smart-from[_ngcontent-%COMP%]{font-size:14px;font-weight:400;line-height:22px;padding:8px 32px 24px}.dr-smart-from[_ngcontent-%COMP%] dr-checkbox[_ngcontent-%COMP%]{font-weight:400}.content-dialog[_ngcontent-%COMP%]{padding:16px 32px 0;font-weight:400;font-size:14px;line-height:22px}.content-anchor[_ngcontent-%COMP%]{display:none}.footer-dialog[_ngcontent-%COMP%]{border-top:1px solid #dfe0e3}.buttons-wrapper[_ngcontent-%COMP%]{display:flex;justify-content:flex-end;padding:10px 32px 11px}.buttons-wrapper[_ngcontent-%COMP%] dr-button[_ngcontent-%COMP%]:nth-of-type(n+2){margin-left:12px}.buttons-wrapper--custom-btn[_ngcontent-%COMP%]{margin-right:auto}.form-field-error-alert[_ngcontent-%COMP%]{font-size:12px;color:#bf1d30;line-height:20px}.form-error-alert[_ngcontent-%COMP%]{position:absolute;margin-top:5px;font-size:12px;color:#bf1d30}.dr-select-footer__btn[_ngcontent-%COMP%]{background-color:transparent;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;min-width:15rem;font-style:normal;font-weight:400;font-size:14px;line-height:24px;clear:both;width:100%;white-space:nowrap;padding:0 12px;height:36px;flex-shrink:0}"] }); }
|
|
334
334
|
}
|
|
335
335
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DialogModalWrapperComponent, [{
|
|
336
336
|
type: Component,
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
1
2
|
import { Component, HostBinding, Input } from '@angular/core';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
import * as i1 from "@angular/common";
|
|
@@ -38,7 +39,7 @@ export class DrButtonComponent {
|
|
|
38
39
|
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrButtonComponent, selectors: [["dr-button"]], hostVars: 12, hostBindings: function DrButtonComponent_HostBindings(rf, ctx) { if (rf & 2) {
|
|
39
40
|
i0.ɵɵclassMap(ctx.theme);
|
|
40
41
|
i0.ɵɵclassProp("with-icon", ctx.icon)("with-icon-after", ctx.iconAfter)("disabled", ctx.disabled)("loading", ctx.isLoading)("active", ctx.isActive);
|
|
41
|
-
} }, inputs: { theme: "theme", icon: "icon", iconColor: "iconColor", iconSize: "iconSize", iconAfter: "iconAfter", iconAfterColor: "iconAfterColor", iconAfterSize: "iconAfterSize", disabled: "disabled", isLoading: "isLoading", isActive: "isActive" }, ngContentSelectors: _c0, decls: 5, vars: 4, consts: [[3, "disabled"], ["class", "dr-button__icon", 3, "class", "font-size", "color", 4, "ngIf"], ["class", "dr-button__spinner", 4, "ngIf"], ["class", "dr-button__icon dr-button__icon--after", 3, "class", "font-size", "color", 4, "ngIf"], [1, "dr-button__icon"], [1, "dr-button__spinner"], [1, "dr-icon-load"], [1, "dr-button__icon", "dr-button__icon--after"]], template: function DrButtonComponent_Template(rf, ctx) { if (rf & 1) {
|
|
42
|
+
} }, inputs: { theme: "theme", icon: "icon", iconColor: "iconColor", iconSize: "iconSize", iconAfter: "iconAfter", iconAfterColor: "iconAfterColor", iconAfterSize: "iconAfterSize", disabled: "disabled", isLoading: "isLoading", isActive: "isActive" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0, decls: 5, vars: 4, consts: [[3, "disabled"], ["class", "dr-button__icon", 3, "class", "font-size", "color", 4, "ngIf"], ["class", "dr-button__spinner", 4, "ngIf"], ["class", "dr-button__icon dr-button__icon--after", 3, "class", "font-size", "color", 4, "ngIf"], [1, "dr-button__icon"], [1, "dr-button__spinner"], [1, "dr-icon-load"], [1, "dr-button__icon", "dr-button__icon--after"]], template: function DrButtonComponent_Template(rf, ctx) { if (rf & 1) {
|
|
42
43
|
i0.ɵɵprojectionDef();
|
|
43
44
|
i0.ɵɵelementStart(0, "button", 0);
|
|
44
45
|
i0.ɵɵtemplate(1, DrButtonComponent_i_1_Template, 1, 6, "i", 1);
|
|
@@ -54,11 +55,11 @@ export class DrButtonComponent {
|
|
|
54
55
|
i0.ɵɵproperty("ngIf", ctx.isLoading);
|
|
55
56
|
i0.ɵɵadvance(1);
|
|
56
57
|
i0.ɵɵproperty("ngIf", ctx.iconAfter);
|
|
57
|
-
} }, dependencies: [i1.NgIf], styles: ["[_nghost-%COMP%]{display:inline-block}.disabled[_nghost-%COMP%], .loading[_nghost-%COMP%]{pointer-events:none}[_nghost-%COMP%] button[_ngcontent-%COMP%]{position:relative;display:flex;align-items:center;flex-wrap:nowrap;cursor:pointer;font-family:Poppins,sans-serif;font-weight:400;font-size:14px;font-style:normal;line-height:22px;border-radius:16px;padding:4px 16px;height:32px;border:1px solid}[_nghost-%COMP%] button[_ngcontent-%COMP%] .dr-button__spinner[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;background:inherit;border-radius:inherit}[_nghost-%COMP%] button[_ngcontent-%COMP%] .dr-button__spinner[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{animation-name:_ngcontent-%COMP%_rotate;animation-iteration-count:infinite;animation-duration:1s}.with-icon[_nghost-%COMP%] button[_ngcontent-%COMP%]{padding-left:8px}.with-icon[_nghost-%COMP%] button[_ngcontent-%COMP%] i[_ngcontent-%COMP%]:first-child{margin-right:4px}.with-icon-after[_nghost-%COMP%] button[_ngcontent-%COMP%]{padding-right:8px}.with-icon-after[_nghost-%COMP%] button[_ngcontent-%COMP%] i[_ngcontent-%COMP%]:last-child{margin-left:4px}.split-primary-first[_nghost-%COMP%] button[_ngcontent-%COMP%], .split-secondary-first[_nghost-%COMP%] button[_ngcontent-%COMP%]{border-bottom-right-radius:0;border-top-right-radius:0;padding-right:8px}.help[_nghost-%COMP%] button[_ngcontent-%COMP%]{padding:4px 16px 4px 8px;color:#333;height:28px;border:none;min-width:84px}.help[_nghost-%COMP%] button[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{min-width:4px}.split-primary-last[_nghost-%COMP%] button[_ngcontent-%COMP%], .split-secondary-last[_nghost-%COMP%] button[_ngcontent-%COMP%]{border-bottom-left-radius:0;border-top-left-radius:0;padding-right:8px;padding-left:4px;border-left:none}.split-primary-last[_nghost-%COMP%] button[_ngcontent-%COMP%] i[_ngcontent-%COMP%], .split-secondary-last[_nghost-%COMP%] button[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{margin:0!important}.primary[_nghost-%COMP%] button[_ngcontent-%COMP%], .split-primary-first[_nghost-%COMP%] button[_ngcontent-%COMP%], .split-primary-last[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#fff;background:#4646ce;border-color:#4646ce}.primary[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover, .split-primary-first[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover, .split-primary-last[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover{background:linear-gradient(96.89deg,#25258c,#4646ce);border-color:linear-gradient(96.89deg,#25258c 0%,#4646ce 100%)}.primary.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .primary[_nghost-%COMP%] button[_ngcontent-%COMP%]:active, .split-primary-first.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .split-primary-first[_nghost-%COMP%] button[_ngcontent-%COMP%]:active, .split-primary-last.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .split-primary-last[_nghost-%COMP%] button[_ngcontent-%COMP%]:active{background:#25258c;border-color:#25258c}.primary.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%], .split-primary-first.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%], .split-primary-last.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}.split-primary-first[_nghost-%COMP%] button[_ngcontent-%COMP%]{border-right-color:#dfe0e3}.split-primary-first.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]{border-right-color:#aeabac}.secondary[_nghost-%COMP%] button[_ngcontent-%COMP%], .split-secondary-first[_nghost-%COMP%] button[_ngcontent-%COMP%], .split-secondary-last[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#4646ce;background:#fff;border-color:#4646ce}.secondary[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover, .split-secondary-first[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover, .split-secondary-last[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover{background:#f5f5f5;box-shadow:0 4px 14px #0000001a}.secondary.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .secondary[_nghost-%COMP%] button[_ngcontent-%COMP%]:active, .split-secondary-first.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .split-secondary-first[_nghost-%COMP%] button[_ngcontent-%COMP%]:active, .split-secondary-last.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .split-secondary-last[_nghost-%COMP%] button[_ngcontent-%COMP%]:active{background:#eaeaff;box-shadow:none}.secondary.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%], .split-secondary-first.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%], .split-secondary-last.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#aeabac;border-color:#aeabac}.secondary-white[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#fff;background:transparent;border-color:#fff}.secondary-white[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover{background:transparent;box-shadow:0 4px 14px #0000001a}.secondary-white.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .secondary-white[_nghost-%COMP%] button[_ngcontent-%COMP%]:active{background:transparent;box-shadow:none}.secondary-white.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#aeabac;border-color:#aeabac}.split-secondary-first[_nghost-%COMP%] button[_ngcontent-%COMP%]{border-right-color:#4646ce}.split-secondary-first.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]{border-right-color:#aeabac}.icon[_nghost-%COMP%] button[_ngcontent-%COMP%], .icon-primary[_nghost-%COMP%] button[_ngcontent-%COMP%], .icon-secondary[_nghost-%COMP%] button[_ngcontent-%COMP%]{width:28px;height:28px;padding:0;justify-content:center}.icon[_nghost-%COMP%] button[_ngcontent-%COMP%] i[_ngcontent-%COMP%], .icon-primary[_nghost-%COMP%] button[_ngcontent-%COMP%] i[_ngcontent-%COMP%], .icon-secondary[_nghost-%COMP%] button[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{margin:0!important}.icon[_nghost-%COMP%] button[_ngcontent-%COMP%]{background:transparent;border-color:transparent;color:#6d6e6f}.icon[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover{color:#333;background:#dfe0e3;border-color:#dfe0e3}.icon.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .icon[_nghost-%COMP%] button[_ngcontent-%COMP%]:active{color:#4646ce;background:#eaeaff;border-color:#eaeaff}.icon.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#aeabac;background:transparent;border-color:transparent}.icon-primary[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#fff;background:#4646ce;border-color:#4646ce}.icon-primary[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover{color:#fff;background:linear-gradient(96.89deg,#25258c,#4646ce);border-color:linear-gradient(96.89deg,#25258c 0%,#4646ce 100%)}.icon-primary.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .icon-primary[_nghost-%COMP%] button[_ngcontent-%COMP%]:active{color:#fff;background:#25258c;border-color:#25258c}.icon-primary.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}.icon-secondary[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#4646ce;background:#fff;border-color:#4646ce}.icon-secondary[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover{color:#4646ce;background:#f5f5f5;border-color:#4646ce}.icon-secondary.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .icon-secondary[_nghost-%COMP%] button[_ngcontent-%COMP%]:active{color:#4646ce;background:#eaeaff;border-color:#4646ce}.icon-secondary.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}.ghost[_nghost-%COMP%] button[_ngcontent-%COMP%]{border-radius:4px;padding:4px;background:transparent;border-color:transparent;color:#6d6e6f}.ghost[_nghost-%COMP%] button[_ngcontent-%COMP%] .dr-button__spinner[_ngcontent-%COMP%]{color:#4646ce;background:#fff}.ghost[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover{color:#333;background:#f5f5f5;border-color:#f5f5f5}.ghost.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .ghost[_nghost-%COMP%] button[_ngcontent-%COMP%]:active{color:#4646ce;background:#eaeaff;border-color:#eaeaff}.ghost.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#aeabac;background:transparent;border-color:transparent}.selection[_nghost-%COMP%] button[_ngcontent-%COMP%]{border-radius:6px;padding:4px 8px;background:#fff;border-color:#9ea1aa;color:#6d6e6f}.selection[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover{color:#6d6e6f;background:#f5f5f5;border-color:#4e566c}.selection.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .selection[_nghost-%COMP%] button[_ngcontent-%COMP%]:active{color:#6d6e6f;background:#eaeaff;border-color:#4646ce}.selection.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#aeabac;background:#f0f1f4;border-color:#aeabac}.highlight[_nghost-%COMP%] button[_ngcontent-%COMP%]{border:none;background:none;color:#4646ce;padding:0 4px}.highlight[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover, .highlight.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .highlight[_nghost-%COMP%] button[_ngcontent-%COMP%]:active{text-decoration:underline}.highlight.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#aeabac}.danger[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#fff;background:#bf1d30;border-color:#bf1d30}.danger[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover{background:#981440;border-color:#981440}.danger.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .danger[_nghost-%COMP%] button[_ngcontent-%COMP%]:active{background:#680325;border-color:#680325}.danger.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}.ai-primary[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#fff;border:none;background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%)}.ai-primary[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover{background:linear-gradient(0deg,#4d4dcd66 0% 100%),linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%)}.ai-primary.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .ai-primary[_nghost-%COMP%] button[_ngcontent-%COMP%]:active{background:linear-gradient(0deg,#4d4dcd66 0% 100%),linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%)}.ai-primary.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}.ai-secondary[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#4646ce;border:none!important;z-index:1;background:linear-gradient(269.57deg,#6969ff -4.23%,#4eb7df 103.6%)!important}.ai-secondary[_nghost-%COMP%] button[_ngcontent-%COMP%]:before{content:\"\";position:absolute;inset:1px;border-radius:15px;background-color:#fff;z-index:-1}.ai-secondary[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover{box-shadow:0 4px 14px #0000001a}.ai-secondary.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .ai-secondary[_nghost-%COMP%] button[_ngcontent-%COMP%]:active{box-shadow:none}.ai-secondary.active[_nghost-%COMP%] button[_ngcontent-%COMP%]:before, .ai-secondary[_nghost-%COMP%] button[_ngcontent-%COMP%]:active:before{background:linear-gradient(270deg,#6969ff33 -4.23%,#4eb7df33 103.6%),#fff}.ai-secondary.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#aeabac;background:#f0f1f4!important;border:1px solid #aeabac!important}.ai-secondary.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]:before{display:none}@keyframes _ngcontent-%COMP%_rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}"] }); }
|
|
58
|
+
} }, dependencies: [CommonModule, i1.NgIf], styles: ["[_nghost-%COMP%]{display:inline-block}.disabled[_nghost-%COMP%], .loading[_nghost-%COMP%]{pointer-events:none}[_nghost-%COMP%] button[_ngcontent-%COMP%]{position:relative;display:flex;align-items:center;flex-wrap:nowrap;cursor:pointer;font-family:Poppins,sans-serif;font-weight:400;font-size:14px;font-style:normal;line-height:22px;border-radius:16px;padding:4px 16px;height:32px;border:1px solid}[_nghost-%COMP%] button[_ngcontent-%COMP%] .dr-button__spinner[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;background:inherit;border-radius:inherit}[_nghost-%COMP%] button[_ngcontent-%COMP%] .dr-button__spinner[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{animation-name:_ngcontent-%COMP%_rotate;animation-iteration-count:infinite;animation-duration:1s}.with-icon[_nghost-%COMP%] button[_ngcontent-%COMP%]{padding-left:8px}.with-icon[_nghost-%COMP%] button[_ngcontent-%COMP%] i[_ngcontent-%COMP%]:first-child{margin-right:4px}.with-icon-after[_nghost-%COMP%] button[_ngcontent-%COMP%]{padding-right:8px}.with-icon-after[_nghost-%COMP%] button[_ngcontent-%COMP%] i[_ngcontent-%COMP%]:last-child{margin-left:4px}.split-primary-first[_nghost-%COMP%] button[_ngcontent-%COMP%], .split-secondary-first[_nghost-%COMP%] button[_ngcontent-%COMP%]{border-bottom-right-radius:0;border-top-right-radius:0;padding-right:8px}.help[_nghost-%COMP%] button[_ngcontent-%COMP%]{padding:4px 16px 4px 8px;color:#333;height:28px;border:none;min-width:84px}.help[_nghost-%COMP%] button[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{min-width:4px}.split-primary-last[_nghost-%COMP%] button[_ngcontent-%COMP%], .split-secondary-last[_nghost-%COMP%] button[_ngcontent-%COMP%]{border-bottom-left-radius:0;border-top-left-radius:0;padding-right:8px;padding-left:4px;border-left:none}.split-primary-last[_nghost-%COMP%] button[_ngcontent-%COMP%] i[_ngcontent-%COMP%], .split-secondary-last[_nghost-%COMP%] button[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{margin:0!important}.primary[_nghost-%COMP%] button[_ngcontent-%COMP%], .split-primary-first[_nghost-%COMP%] button[_ngcontent-%COMP%], .split-primary-last[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#fff;background:#4646ce;border-color:#4646ce}.primary[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover, .split-primary-first[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover, .split-primary-last[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover{background:linear-gradient(96.89deg,#25258c,#4646ce);border-color:linear-gradient(96.89deg,#25258c 0%,#4646ce 100%)}.primary.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .primary[_nghost-%COMP%] button[_ngcontent-%COMP%]:active, .split-primary-first.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .split-primary-first[_nghost-%COMP%] button[_ngcontent-%COMP%]:active, .split-primary-last.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .split-primary-last[_nghost-%COMP%] button[_ngcontent-%COMP%]:active{background:#25258c;border-color:#25258c}.primary.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%], .split-primary-first.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%], .split-primary-last.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}.split-primary-first[_nghost-%COMP%] button[_ngcontent-%COMP%]{border-right-color:#dfe0e3}.split-primary-first.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]{border-right-color:#aeabac}.secondary[_nghost-%COMP%] button[_ngcontent-%COMP%], .split-secondary-first[_nghost-%COMP%] button[_ngcontent-%COMP%], .split-secondary-last[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#4646ce;background:#fff;border-color:#4646ce}.secondary[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover, .split-secondary-first[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover, .split-secondary-last[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover{background:#f5f5f5;box-shadow:0 4px 14px #0000001a}.secondary.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .secondary[_nghost-%COMP%] button[_ngcontent-%COMP%]:active, .split-secondary-first.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .split-secondary-first[_nghost-%COMP%] button[_ngcontent-%COMP%]:active, .split-secondary-last.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .split-secondary-last[_nghost-%COMP%] button[_ngcontent-%COMP%]:active{background:#eaeaff;box-shadow:none}.secondary.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%], .split-secondary-first.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%], .split-secondary-last.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#aeabac;border-color:#aeabac}.secondary-white[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#fff;background:transparent;border-color:#fff}.secondary-white[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover{background:transparent;box-shadow:0 4px 14px #0000001a}.secondary-white.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .secondary-white[_nghost-%COMP%] button[_ngcontent-%COMP%]:active{background:transparent;box-shadow:none}.secondary-white.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#aeabac;border-color:#aeabac}.split-secondary-first[_nghost-%COMP%] button[_ngcontent-%COMP%]{border-right-color:#4646ce}.split-secondary-first.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]{border-right-color:#aeabac}.icon[_nghost-%COMP%] button[_ngcontent-%COMP%], .icon-primary[_nghost-%COMP%] button[_ngcontent-%COMP%], .icon-secondary[_nghost-%COMP%] button[_ngcontent-%COMP%]{width:28px;height:28px;padding:0;justify-content:center}.icon[_nghost-%COMP%] button[_ngcontent-%COMP%] i[_ngcontent-%COMP%], .icon-primary[_nghost-%COMP%] button[_ngcontent-%COMP%] i[_ngcontent-%COMP%], .icon-secondary[_nghost-%COMP%] button[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{margin:0!important}.icon[_nghost-%COMP%] button[_ngcontent-%COMP%]{background:transparent;border-color:transparent;color:#6d6e6f}.icon[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover{color:#333;background:#dfe0e3;border-color:#dfe0e3}.icon.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .icon[_nghost-%COMP%] button[_ngcontent-%COMP%]:active{color:#4646ce;background:#eaeaff;border-color:#eaeaff}.icon.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#aeabac;background:transparent;border-color:transparent}.icon-primary[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#fff;background:#4646ce;border-color:#4646ce}.icon-primary[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover{color:#fff;background:linear-gradient(96.89deg,#25258c,#4646ce);border-color:linear-gradient(96.89deg,#25258c 0%,#4646ce 100%)}.icon-primary.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .icon-primary[_nghost-%COMP%] button[_ngcontent-%COMP%]:active{color:#fff;background:#25258c;border-color:#25258c}.icon-primary.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}.icon-secondary[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#4646ce;background:#fff;border-color:#4646ce}.icon-secondary[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover{color:#4646ce;background:#f5f5f5;border-color:#4646ce}.icon-secondary.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .icon-secondary[_nghost-%COMP%] button[_ngcontent-%COMP%]:active{color:#4646ce;background:#eaeaff;border-color:#4646ce}.icon-secondary.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}.ghost[_nghost-%COMP%] button[_ngcontent-%COMP%]{border-radius:4px;padding:4px;background:transparent;border-color:transparent;color:#6d6e6f}.ghost[_nghost-%COMP%] button[_ngcontent-%COMP%] .dr-button__spinner[_ngcontent-%COMP%]{color:#4646ce;background:#fff}.ghost[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover{color:#333;background:#f5f5f5;border-color:#f5f5f5}.ghost.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .ghost[_nghost-%COMP%] button[_ngcontent-%COMP%]:active{color:#4646ce;background:#eaeaff;border-color:#eaeaff}.ghost.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#aeabac;background:transparent;border-color:transparent}.selection[_nghost-%COMP%] button[_ngcontent-%COMP%]{border-radius:6px;padding:4px 8px;background:#fff;border-color:#9ea1aa;color:#6d6e6f}.selection[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover{color:#6d6e6f;background:#f5f5f5;border-color:#4e566c}.selection.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .selection[_nghost-%COMP%] button[_ngcontent-%COMP%]:active{color:#6d6e6f;background:#eaeaff;border-color:#4646ce}.selection.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#aeabac;background:#f0f1f4;border-color:#aeabac}.highlight[_nghost-%COMP%] button[_ngcontent-%COMP%]{border:none;background:none;color:#4646ce;padding:0 4px}.highlight[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover, .highlight.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .highlight[_nghost-%COMP%] button[_ngcontent-%COMP%]:active{text-decoration:underline}.highlight.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#aeabac}.dropdown[_nghost-%COMP%] button[_ngcontent-%COMP%]{font-size:12px;border:1px solid #dfe0e3;border-radius:6px;padding:6px 8px;line-height:20px;color:#6d6e6f;background-color:#fff}.dropdown[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover{background-color:#f5f5f5}.dropdown.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .dropdown[_nghost-%COMP%] button[_ngcontent-%COMP%]:active{color:#4646ce}.dropdown.active[_nghost-%COMP%] button[_ngcontent-%COMP%] i[_ngcontent-%COMP%]:last-child, .dropdown[_nghost-%COMP%] button[_ngcontent-%COMP%]:active i[_ngcontent-%COMP%]:last-child{color:#333}.dropdown.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]{background-color:#f0f1f4;color:#aeabac}.dropdown.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%] i[_ngcontent-%COMP%]:last-child{color:#aeabac}.danger[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#fff;background:#bf1d30;border-color:#bf1d30}.danger[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover{background:#981440;border-color:#981440}.danger.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .danger[_nghost-%COMP%] button[_ngcontent-%COMP%]:active{background:#680325;border-color:#680325}.danger.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}.ai-primary[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#fff;border:none;background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%)}.ai-primary[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover{background:linear-gradient(0deg,#4d4dcd66 0% 100%),linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%)}.ai-primary.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .ai-primary[_nghost-%COMP%] button[_ngcontent-%COMP%]:active{background:linear-gradient(0deg,#4d4dcd66 0% 100%),linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%)}.ai-primary.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}.ai-secondary[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#4646ce;border:none!important;z-index:1;background:linear-gradient(269.57deg,#6969ff -4.23%,#4eb7df 103.6%)!important}.ai-secondary[_nghost-%COMP%] button[_ngcontent-%COMP%]:before{content:\"\";position:absolute;inset:1px;border-radius:15px;background-color:#fff;z-index:-1}.ai-secondary[_nghost-%COMP%] button[_ngcontent-%COMP%]:hover{box-shadow:0 4px 14px #0000001a}.ai-secondary.active[_nghost-%COMP%] button[_ngcontent-%COMP%], .ai-secondary[_nghost-%COMP%] button[_ngcontent-%COMP%]:active{box-shadow:none}.ai-secondary.active[_nghost-%COMP%] button[_ngcontent-%COMP%]:before, .ai-secondary[_nghost-%COMP%] button[_ngcontent-%COMP%]:active:before{background:linear-gradient(270deg,#6969ff33 -4.23%,#4eb7df33 103.6%),#fff}.ai-secondary.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]{color:#aeabac;background:#f0f1f4!important;border:1px solid #aeabac!important}.ai-secondary.disabled[_nghost-%COMP%] button[_ngcontent-%COMP%]:before{display:none}@keyframes _ngcontent-%COMP%_rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}"] }); }
|
|
58
59
|
}
|
|
59
60
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrButtonComponent, [{
|
|
60
61
|
type: Component,
|
|
61
|
-
args: [{ selector: 'dr-button', template: "<button [disabled]=\"disabled\">\n <i *ngIf=\"icon\" class=\"dr-button__icon\" [class]=\"icon\" [style.font-size]=\"iconSize\" [style.color]=\"iconColor || 'inherit'\">\n </i>\n <ng-content></ng-content>\n <div *ngIf=\"isLoading\" class=\"dr-button__spinner\">\n <i [style.font-size]=\"iconSize\" class=\"dr-icon-load\"></i>\n </div>\n <i\n *ngIf=\"iconAfter\"\n class=\"dr-button__icon dr-button__icon--after\"\n [class]=\"iconAfter\"\n [style.font-size]=\"iconAfterSize\"\n [style.color]=\"iconAfterColor || 'inherit'\">\n </i>\n</button>\n", styles: [":host{display:inline-block}:host.disabled,:host.loading{pointer-events:none}:host button{position:relative;display:flex;align-items:center;flex-wrap:nowrap;cursor:pointer;font-family:Poppins,sans-serif;font-weight:400;font-size:14px;font-style:normal;line-height:22px;border-radius:16px;padding:4px 16px;height:32px;border:1px solid}:host button .dr-button__spinner{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;background:inherit;border-radius:inherit}:host button .dr-button__spinner i{animation-name:rotate;animation-iteration-count:infinite;animation-duration:1s}:host.with-icon button{padding-left:8px}:host.with-icon button i:first-child{margin-right:4px}:host.with-icon-after button{padding-right:8px}:host.with-icon-after button i:last-child{margin-left:4px}:host.split-primary-first button,:host.split-secondary-first button{border-bottom-right-radius:0;border-top-right-radius:0;padding-right:8px}:host.help button{padding:4px 16px 4px 8px;color:#333;height:28px;border:none;min-width:84px}:host.help button i{min-width:4px}:host.split-primary-last button,:host.split-secondary-last button{border-bottom-left-radius:0;border-top-left-radius:0;padding-right:8px;padding-left:4px;border-left:none}:host.split-primary-last button i,:host.split-secondary-last button i{margin:0!important}:host.primary button,:host.split-primary-first button,:host.split-primary-last button{color:#fff;background:#4646ce;border-color:#4646ce}:host.primary button:hover,:host.split-primary-first button:hover,:host.split-primary-last button:hover{background:linear-gradient(96.89deg,#25258c,#4646ce);border-color:linear-gradient(96.89deg,#25258c 0%,#4646ce 100%)}:host.primary.active button,:host.primary button:active,:host.split-primary-first.active button,:host.split-primary-first button:active,:host.split-primary-last.active button,:host.split-primary-last button:active{background:#25258c;border-color:#25258c}:host.primary.disabled button,:host.split-primary-first.disabled button,:host.split-primary-last.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}:host.split-primary-first button{border-right-color:#dfe0e3}:host.split-primary-first.disabled button{border-right-color:#aeabac}:host.secondary button,:host.split-secondary-first button,:host.split-secondary-last button{color:#4646ce;background:#fff;border-color:#4646ce}:host.secondary button:hover,:host.split-secondary-first button:hover,:host.split-secondary-last button:hover{background:#f5f5f5;box-shadow:0 4px 14px #0000001a}:host.secondary.active button,:host.secondary button:active,:host.split-secondary-first.active button,:host.split-secondary-first button:active,:host.split-secondary-last.active button,:host.split-secondary-last button:active{background:#eaeaff;box-shadow:none}:host.secondary.disabled button,:host.split-secondary-first.disabled button,:host.split-secondary-last.disabled button{color:#aeabac;border-color:#aeabac}:host.secondary-white button{color:#fff;background:transparent;border-color:#fff}:host.secondary-white button:hover{background:transparent;box-shadow:0 4px 14px #0000001a}:host.secondary-white.active button,:host.secondary-white button:active{background:transparent;box-shadow:none}:host.secondary-white.disabled button{color:#aeabac;border-color:#aeabac}:host.split-secondary-first button{border-right-color:#4646ce}:host.split-secondary-first.disabled button{border-right-color:#aeabac}:host.icon button,:host.icon-primary button,:host.icon-secondary button{width:28px;height:28px;padding:0;justify-content:center}:host.icon button i,:host.icon-primary button i,:host.icon-secondary button i{margin:0!important}:host.icon button{background:transparent;border-color:transparent;color:#6d6e6f}:host.icon button:hover{color:#333;background:#dfe0e3;border-color:#dfe0e3}:host.icon.active button,:host.icon button:active{color:#4646ce;background:#eaeaff;border-color:#eaeaff}:host.icon.disabled button{color:#aeabac;background:transparent;border-color:transparent}:host.icon-primary button{color:#fff;background:#4646ce;border-color:#4646ce}:host.icon-primary button:hover{color:#fff;background:linear-gradient(96.89deg,#25258c,#4646ce);border-color:linear-gradient(96.89deg,#25258c 0%,#4646ce 100%)}:host.icon-primary.active button,:host.icon-primary button:active{color:#fff;background:#25258c;border-color:#25258c}:host.icon-primary.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}:host.icon-secondary button{color:#4646ce;background:#fff;border-color:#4646ce}:host.icon-secondary button:hover{color:#4646ce;background:#f5f5f5;border-color:#4646ce}:host.icon-secondary.active button,:host.icon-secondary button:active{color:#4646ce;background:#eaeaff;border-color:#4646ce}:host.icon-secondary.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}:host.ghost button{border-radius:4px;padding:4px;background:transparent;border-color:transparent;color:#6d6e6f}:host.ghost button .dr-button__spinner{color:#4646ce;background:#fff}:host.ghost button:hover{color:#333;background:#f5f5f5;border-color:#f5f5f5}:host.ghost.active button,:host.ghost button:active{color:#4646ce;background:#eaeaff;border-color:#eaeaff}:host.ghost.disabled button{color:#aeabac;background:transparent;border-color:transparent}:host.selection button{border-radius:6px;padding:4px 8px;background:#fff;border-color:#9ea1aa;color:#6d6e6f}:host.selection button:hover{color:#6d6e6f;background:#f5f5f5;border-color:#4e566c}:host.selection.active button,:host.selection button:active{color:#6d6e6f;background:#eaeaff;border-color:#4646ce}:host.selection.disabled button{color:#aeabac;background:#f0f1f4;border-color:#aeabac}:host.highlight button{border:none;background:none;color:#4646ce;padding:0 4px}:host.highlight button:hover,:host.highlight.active button,:host.highlight button:active{text-decoration:underline}:host.highlight.disabled button{color:#aeabac}:host.danger button{color:#fff;background:#bf1d30;border-color:#bf1d30}:host.danger button:hover{background:#981440;border-color:#981440}:host.danger.active button,:host.danger button:active{background:#680325;border-color:#680325}:host.danger.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}:host.ai-primary button{color:#fff;border:none;background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%)}:host.ai-primary button:hover{background:linear-gradient(0deg,#4d4dcd66 0% 100%),linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%)}:host.ai-primary.active button,:host.ai-primary button:active{background:linear-gradient(0deg,#4d4dcd66 0% 100%),linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%)}:host.ai-primary.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}:host.ai-secondary button{color:#4646ce;border:none!important;z-index:1;background:linear-gradient(269.57deg,#6969ff -4.23%,#4eb7df 103.6%)!important}:host.ai-secondary button:before{content:\"\";position:absolute;inset:1px;border-radius:15px;background-color:#fff;z-index:-1}:host.ai-secondary button:hover{box-shadow:0 4px 14px #0000001a}:host.ai-secondary.active button,:host.ai-secondary button:active{box-shadow:none}:host.ai-secondary.active button:before,:host.ai-secondary button:active:before{background:linear-gradient(270deg,#6969ff33 -4.23%,#4eb7df33 103.6%),#fff}:host.ai-secondary.disabled button{color:#aeabac;background:#f0f1f4!important;border:1px solid #aeabac!important}:host.ai-secondary.disabled button:before{display:none}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
62
|
+
args: [{ selector: 'dr-button', standalone: true, imports: [CommonModule], template: "<button [disabled]=\"disabled\">\n <i *ngIf=\"icon\" class=\"dr-button__icon\" [class]=\"icon\" [style.font-size]=\"iconSize\" [style.color]=\"iconColor || 'inherit'\">\n </i>\n <ng-content></ng-content>\n <div *ngIf=\"isLoading\" class=\"dr-button__spinner\">\n <i [style.font-size]=\"iconSize\" class=\"dr-icon-load\"></i>\n </div>\n <i\n *ngIf=\"iconAfter\"\n class=\"dr-button__icon dr-button__icon--after\"\n [class]=\"iconAfter\"\n [style.font-size]=\"iconAfterSize\"\n [style.color]=\"iconAfterColor || 'inherit'\">\n </i>\n</button>\n", styles: [":host{display:inline-block}:host.disabled,:host.loading{pointer-events:none}:host button{position:relative;display:flex;align-items:center;flex-wrap:nowrap;cursor:pointer;font-family:Poppins,sans-serif;font-weight:400;font-size:14px;font-style:normal;line-height:22px;border-radius:16px;padding:4px 16px;height:32px;border:1px solid}:host button .dr-button__spinner{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;background:inherit;border-radius:inherit}:host button .dr-button__spinner i{animation-name:rotate;animation-iteration-count:infinite;animation-duration:1s}:host.with-icon button{padding-left:8px}:host.with-icon button i:first-child{margin-right:4px}:host.with-icon-after button{padding-right:8px}:host.with-icon-after button i:last-child{margin-left:4px}:host.split-primary-first button,:host.split-secondary-first button{border-bottom-right-radius:0;border-top-right-radius:0;padding-right:8px}:host.help button{padding:4px 16px 4px 8px;color:#333;height:28px;border:none;min-width:84px}:host.help button i{min-width:4px}:host.split-primary-last button,:host.split-secondary-last button{border-bottom-left-radius:0;border-top-left-radius:0;padding-right:8px;padding-left:4px;border-left:none}:host.split-primary-last button i,:host.split-secondary-last button i{margin:0!important}:host.primary button,:host.split-primary-first button,:host.split-primary-last button{color:#fff;background:#4646ce;border-color:#4646ce}:host.primary button:hover,:host.split-primary-first button:hover,:host.split-primary-last button:hover{background:linear-gradient(96.89deg,#25258c,#4646ce);border-color:linear-gradient(96.89deg,#25258c 0%,#4646ce 100%)}:host.primary.active button,:host.primary button:active,:host.split-primary-first.active button,:host.split-primary-first button:active,:host.split-primary-last.active button,:host.split-primary-last button:active{background:#25258c;border-color:#25258c}:host.primary.disabled button,:host.split-primary-first.disabled button,:host.split-primary-last.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}:host.split-primary-first button{border-right-color:#dfe0e3}:host.split-primary-first.disabled button{border-right-color:#aeabac}:host.secondary button,:host.split-secondary-first button,:host.split-secondary-last button{color:#4646ce;background:#fff;border-color:#4646ce}:host.secondary button:hover,:host.split-secondary-first button:hover,:host.split-secondary-last button:hover{background:#f5f5f5;box-shadow:0 4px 14px #0000001a}:host.secondary.active button,:host.secondary button:active,:host.split-secondary-first.active button,:host.split-secondary-first button:active,:host.split-secondary-last.active button,:host.split-secondary-last button:active{background:#eaeaff;box-shadow:none}:host.secondary.disabled button,:host.split-secondary-first.disabled button,:host.split-secondary-last.disabled button{color:#aeabac;border-color:#aeabac}:host.secondary-white button{color:#fff;background:transparent;border-color:#fff}:host.secondary-white button:hover{background:transparent;box-shadow:0 4px 14px #0000001a}:host.secondary-white.active button,:host.secondary-white button:active{background:transparent;box-shadow:none}:host.secondary-white.disabled button{color:#aeabac;border-color:#aeabac}:host.split-secondary-first button{border-right-color:#4646ce}:host.split-secondary-first.disabled button{border-right-color:#aeabac}:host.icon button,:host.icon-primary button,:host.icon-secondary button{width:28px;height:28px;padding:0;justify-content:center}:host.icon button i,:host.icon-primary button i,:host.icon-secondary button i{margin:0!important}:host.icon button{background:transparent;border-color:transparent;color:#6d6e6f}:host.icon button:hover{color:#333;background:#dfe0e3;border-color:#dfe0e3}:host.icon.active button,:host.icon button:active{color:#4646ce;background:#eaeaff;border-color:#eaeaff}:host.icon.disabled button{color:#aeabac;background:transparent;border-color:transparent}:host.icon-primary button{color:#fff;background:#4646ce;border-color:#4646ce}:host.icon-primary button:hover{color:#fff;background:linear-gradient(96.89deg,#25258c,#4646ce);border-color:linear-gradient(96.89deg,#25258c 0%,#4646ce 100%)}:host.icon-primary.active button,:host.icon-primary button:active{color:#fff;background:#25258c;border-color:#25258c}:host.icon-primary.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}:host.icon-secondary button{color:#4646ce;background:#fff;border-color:#4646ce}:host.icon-secondary button:hover{color:#4646ce;background:#f5f5f5;border-color:#4646ce}:host.icon-secondary.active button,:host.icon-secondary button:active{color:#4646ce;background:#eaeaff;border-color:#4646ce}:host.icon-secondary.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}:host.ghost button{border-radius:4px;padding:4px;background:transparent;border-color:transparent;color:#6d6e6f}:host.ghost button .dr-button__spinner{color:#4646ce;background:#fff}:host.ghost button:hover{color:#333;background:#f5f5f5;border-color:#f5f5f5}:host.ghost.active button,:host.ghost button:active{color:#4646ce;background:#eaeaff;border-color:#eaeaff}:host.ghost.disabled button{color:#aeabac;background:transparent;border-color:transparent}:host.selection button{border-radius:6px;padding:4px 8px;background:#fff;border-color:#9ea1aa;color:#6d6e6f}:host.selection button:hover{color:#6d6e6f;background:#f5f5f5;border-color:#4e566c}:host.selection.active button,:host.selection button:active{color:#6d6e6f;background:#eaeaff;border-color:#4646ce}:host.selection.disabled button{color:#aeabac;background:#f0f1f4;border-color:#aeabac}:host.highlight button{border:none;background:none;color:#4646ce;padding:0 4px}:host.highlight button:hover,:host.highlight.active button,:host.highlight button:active{text-decoration:underline}:host.highlight.disabled button{color:#aeabac}:host.dropdown button{font-size:12px;border:1px solid #dfe0e3;border-radius:6px;padding:6px 8px;line-height:20px;color:#6d6e6f;background-color:#fff}:host.dropdown button:hover{background-color:#f5f5f5}:host.dropdown.active button,:host.dropdown button:active{color:#4646ce}:host.dropdown.active button i:last-child,:host.dropdown button:active i:last-child{color:#333}:host.dropdown.disabled button{background-color:#f0f1f4;color:#aeabac}:host.dropdown.disabled button i:last-child{color:#aeabac}:host.danger button{color:#fff;background:#bf1d30;border-color:#bf1d30}:host.danger button:hover{background:#981440;border-color:#981440}:host.danger.active button,:host.danger button:active{background:#680325;border-color:#680325}:host.danger.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}:host.ai-primary button{color:#fff;border:none;background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%)}:host.ai-primary button:hover{background:linear-gradient(0deg,#4d4dcd66 0% 100%),linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%)}:host.ai-primary.active button,:host.ai-primary button:active{background:linear-gradient(0deg,#4d4dcd66 0% 100%),linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%)}:host.ai-primary.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}:host.ai-secondary button{color:#4646ce;border:none!important;z-index:1;background:linear-gradient(269.57deg,#6969ff -4.23%,#4eb7df 103.6%)!important}:host.ai-secondary button:before{content:\"\";position:absolute;inset:1px;border-radius:15px;background-color:#fff;z-index:-1}:host.ai-secondary button:hover{box-shadow:0 4px 14px #0000001a}:host.ai-secondary.active button,:host.ai-secondary button:active{box-shadow:none}:host.ai-secondary.active button:before,:host.ai-secondary button:active:before{background:linear-gradient(270deg,#6969ff33 -4.23%,#4eb7df33 103.6%),#fff}:host.ai-secondary.disabled button{color:#aeabac;background:#f0f1f4!important;border:1px solid #aeabac!important}:host.ai-secondary.disabled button:before{display:none}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
62
63
|
}], null, { theme: [{
|
|
63
64
|
type: Input
|
|
64
65
|
}, {
|
|
@@ -98,4 +99,4 @@ export class DrButtonComponent {
|
|
|
98
99
|
type: HostBinding,
|
|
99
100
|
args: ['class.active']
|
|
100
101
|
}] }); })();
|
|
101
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
102
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWlucHV0cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWlucHV0cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7SUNBMUQsdUJBQ0k7OztJQURvQywwQkFBYztJQUFDLDRDQUE0Qix3Q0FBQTs7O0lBR25GLDhCQUFrRDtJQUM5Qyx1QkFBeUQ7SUFDN0QsaUJBQU07OztJQURDLGVBQTRCO0lBQTVCLDRDQUE0Qjs7O0lBRW5DLHVCQU1JOzs7SUFIQSwrQkFBbUI7SUFDbkIsaURBQWlDLDZDQUFBOzs7QURtQnpDLE1BQU0sT0FBTyxpQkFBaUI7SUFQOUI7UUFVSSxVQUFLLEdBQWUsU0FBUyxDQUFDO1FBTXJCLGFBQVEsR0FBRyxNQUFNLENBQUM7UUFNbEIsa0JBQWEsR0FBRyxNQUFNLENBQUM7UUFJaEMsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUlqQixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBSWxCLGFBQVEsR0FBRyxLQUFLLENBQUM7S0FDcEI7cUdBNUJZLGlCQUFpQjttR0FBakIsaUJBQWlCOzs7OztZQzlCOUIsaUNBQThCO1lBQzFCLDhEQUNJO1lBQ0osa0JBQXlCO1lBQ3pCLGtFQUVNO1lBQ04sOERBTUk7WUFDUixpQkFBUzs7WUFkRCx1Q0FBcUI7WUFDckIsZUFBVTtZQUFWLCtCQUFVO1lBR1IsZUFBZTtZQUFmLG9DQUFlO1lBSWhCLGVBQWU7WUFBZixvQ0FBZTs0QkRvQlYsWUFBWTs7dUZBRWIsaUJBQWlCO2NBUDdCLFNBQVM7MkJBQ0ksV0FBVyxjQUdULElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQztnQkFLdkIsS0FBSztrQkFGSixLQUFLOztrQkFDTCxXQUFXO21CQUFDLE9BQU87WUFLcEIsSUFBSTtrQkFGSCxLQUFLOztrQkFDTCxXQUFXO21CQUFDLGlCQUFpQjtZQUVyQixTQUFTO2tCQUFqQixLQUFLO1lBQ0csUUFBUTtrQkFBaEIsS0FBSztZQUlOLFNBQVM7a0JBRlIsS0FBSzs7a0JBQ0wsV0FBVzttQkFBQyx1QkFBdUI7WUFFM0IsY0FBYztrQkFBdEIsS0FBSztZQUNHLGFBQWE7a0JBQXJCLEtBQUs7WUFJTixRQUFRO2tCQUZQLEtBQUs7O2tCQUNMLFdBQVc7bUJBQUMsZ0JBQWdCO1lBSzdCLFNBQVM7a0JBRlIsS0FBSzs7a0JBQ0wsV0FBVzttQkFBQyxlQUFlO1lBSzVCLFFBQVE7a0JBRlAsS0FBSzs7a0JBQ0wsV0FBVzttQkFBQyxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCB0eXBlIEJ1dHRvblR5cGUgPVxuICAgIHwgJ3ByaW1hcnknXG4gICAgfCAnc3BsaXQtcHJpbWFyeS1maXJzdCdcbiAgICB8ICdzcGxpdC1wcmltYXJ5LWxhc3QnXG4gICAgfCAnc2Vjb25kYXJ5J1xuICAgIHwgJ3NlY29uZGFyeS13aGl0ZSdcbiAgICB8ICdzcGxpdC1zZWNvbmRhcnktZmlyc3QnXG4gICAgfCAnc3BsaXQtc2Vjb25kYXJ5LWxhc3QnXG4gICAgfCAnaWNvbidcbiAgICB8ICdpY29uLXByaW1hcnknXG4gICAgfCAnaWNvbi1zZWNvbmRhcnknXG4gICAgfCAnZ2hvc3QnXG4gICAgfCAnc2VsZWN0aW9uJ1xuICAgIHwgJ2hpZ2hsaWdodCdcbiAgICB8ICdkYW5nZXInXG4gICAgfCAnaGVscCdcbiAgICB8ICdkcm9wZG93bidcbiAgICB8ICdhaS1wcmltYXJ5J1xuICAgIHwgJ2FpLXNlY29uZGFyeSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHItYnV0dG9uJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBEckJ1dHRvbkNvbXBvbmVudCB7XG4gICAgQElucHV0KClcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICB0aGVtZTogQnV0dG9uVHlwZSA9ICdwcmltYXJ5JztcblxuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy53aXRoLWljb24nKVxuICAgIGljb246IHN0cmluZyB8IHN0cmluZ1tdO1xuICAgIEBJbnB1dCgpIGljb25Db2xvcjogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGljb25TaXplID0gJzI0cHgnO1xuXG4gICAgQElucHV0KClcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLndpdGgtaWNvbi1hZnRlcicpXG4gICAgaWNvbkFmdGVyOiBzdHJpbmcgfCBzdHJpbmdbXTtcbiAgICBASW5wdXQoKSBpY29uQWZ0ZXJDb2xvcjogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGljb25BZnRlclNpemUgPSAnMjRweCc7XG5cbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnY2xhc3MuZGlzYWJsZWQnKVxuICAgIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnY2xhc3MubG9hZGluZycpXG4gICAgaXNMb2FkaW5nID0gZmFsc2U7XG5cbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnY2xhc3MuYWN0aXZlJylcbiAgICBpc0FjdGl2ZSA9IGZhbHNlO1xufVxuIiwiPGJ1dHRvbiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIj5cbiAgICA8aSAqbmdJZj1cImljb25cIiBjbGFzcz1cImRyLWJ1dHRvbl9faWNvblwiIFtjbGFzc109XCJpY29uXCIgW3N0eWxlLmZvbnQtc2l6ZV09XCJpY29uU2l6ZVwiIFtzdHlsZS5jb2xvcl09XCJpY29uQ29sb3IgfHwgJ2luaGVyaXQnXCI+XG4gICAgPC9pPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8ZGl2ICpuZ0lmPVwiaXNMb2FkaW5nXCIgY2xhc3M9XCJkci1idXR0b25fX3NwaW5uZXJcIj5cbiAgICAgICAgPGkgW3N0eWxlLmZvbnQtc2l6ZV09XCJpY29uU2l6ZVwiIGNsYXNzPVwiZHItaWNvbi1sb2FkXCI+PC9pPlxuICAgIDwvZGl2PlxuICAgIDxpXG4gICAgICAgICpuZ0lmPVwiaWNvbkFmdGVyXCJcbiAgICAgICAgY2xhc3M9XCJkci1idXR0b25fX2ljb24gZHItYnV0dG9uX19pY29uLS1hZnRlclwiXG4gICAgICAgIFtjbGFzc109XCJpY29uQWZ0ZXJcIlxuICAgICAgICBbc3R5bGUuZm9udC1zaXplXT1cImljb25BZnRlclNpemVcIlxuICAgICAgICBbc3R5bGUuY29sb3JdPVwiaWNvbkFmdGVyQ29sb3IgfHwgJ2luaGVyaXQnXCI+XG4gICAgPC9pPlxuPC9idXR0b24+XG4iXX0=
|
|
@@ -11,11 +11,11 @@ import { TooltipPosition } from '../../../dr-tooltip/enums/tooltip-position.enum
|
|
|
11
11
|
import * as i0 from "@angular/core";
|
|
12
12
|
import * as i1 from "@angular/material/core";
|
|
13
13
|
import * as i2 from "../services/dr-date-picker.service";
|
|
14
|
-
import * as i3 from "
|
|
15
|
-
import * as i4 from "@angular/
|
|
16
|
-
import * as i5 from "@angular/
|
|
17
|
-
import * as i6 from "
|
|
18
|
-
import * as i7 from "
|
|
14
|
+
import * as i3 from "../../button/button.component";
|
|
15
|
+
import * as i4 from "@angular/forms";
|
|
16
|
+
import * as i5 from "@angular/common";
|
|
17
|
+
import * as i6 from "@angular/material/datepicker";
|
|
18
|
+
import * as i7 from "../../../dr-tooltip/dr-tooltip.directive";
|
|
19
19
|
function DrDatePickerWithTimeframeComponent_dr_button_0_Template(rf, ctx) { if (rf & 1) {
|
|
20
20
|
const _r8 = i0.ɵɵgetCurrentView();
|
|
21
21
|
i0.ɵɵelementStart(0, "dr-button", 11);
|
|
@@ -238,7 +238,7 @@ export class DrDatePickerWithTimeframeComponent extends DrDatePickerComponent {
|
|
|
238
238
|
i0.ɵɵproperty("ngIf", !ctx.disabled);
|
|
239
239
|
i0.ɵɵadvance(1);
|
|
240
240
|
i0.ɵɵproperty("calendarHeaderComponent", ctx.customHeader)("panelClass", ctx.datePickerService.isUsingDateTagPresets ? "date-picker-preset-tag" : "dr-timeframe-datepicker");
|
|
241
|
-
} }, dependencies: [i3.DefaultValueAccessor,
|
|
241
|
+
} }, dependencies: [i3.DrButtonComponent, i4.DefaultValueAccessor, i4.NgControlStatus, i4.NgModel, i5.NgIf, i5.NgTemplateOutlet, i6.MatDatepicker, i6.MatDatepickerInput, i7.DrTooltipDirective, i5.AsyncPipe], styles: ["[_nghost-%COMP%]{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;font-size:14px;font-family:Poppins,sans-serif;background-color:#fff;border:1px solid #9ea1aa;border-radius:6px;color:#333;overflow:hidden;outline:none;cursor:pointer}[_nghost-%COMP%]:hover{border-color:#9ea1aa}.active[_nghost-%COMP%], [_nghost-%COMP%]:focus-within{border-color:#4646ce!important;color:#333}.disabled[_nghost-%COMP%]{pointer-events:none;border:1px solid #aeabac;background:#f0f1f4;color:#aeabac}.disabled[_nghost-%COMP%]:after{color:#aeabac}.ng-valid.ng-dirty[_nghost-%COMP%]{border-color:#037c5a}.ng-invalid.ng-dirty[_nghost-%COMP%]:not(:focus-within){border-color:#bf1d30!important}.ng-untouched.ng-valid[_nghost-%COMP%]{border-color:#9ea1aa}[_nghost-%COMP%]:after, [_nghost-%COMP%]:before{position:absolute;display:flex;border-color:#6d6e6f transparent transparent;color:#6d6e6f}[_nghost-%COMP%]:after{font-family:DataRails!important;content:\"\\ea17\";font-size:24px;color:#6d6e6f;top:0;bottom:0;right:8px;pointer-events:none;position:absolute;display:flex;align-items:center;justify-content:center}[_nghost-%COMP%] i[_ngcontent-%COMP%]{display:flex;align-items:center;position:absolute;color:#6d6e6f;left:8px;top:0;bottom:0}[_nghost-%COMP%] input[_ngcontent-%COMP%]{display:flex;flex-grow:1;height:100%;border:none;text-align:left;padding-left:35px;padding-right:25px;cursor:pointer!important;outline:none}[_nghost-%COMP%] input.when-quarter[_ngcontent-%COMP%]{position:absolute;visibility:hidden}[_nghost-%COMP%] input[_ngcontent-%COMP%]:disabled{border:none;color:#aeabac;background:transparent}[_nghost-%COMP%] input[_ngcontent-%COMP%]::-webkit-search-decoration, [_nghost-%COMP%] input[_ngcontent-%COMP%]::-webkit-search-cancel-button, [_nghost-%COMP%] input[_ngcontent-%COMP%]::-webkit-search-results-button, [_nghost-%COMP%] input[_ngcontent-%COMP%]::-webkit-search-results-decoration{-webkit-appearance:none}[_nghost-%COMP%] input[_ngcontent-%COMP%]::placeholder{color:#6d6e6f;font-size:14px;line-height:18px}[_nghost-%COMP%] .range-input[_ngcontent-%COMP%]{position:absolute;height:0;width:0;bottom:0;left:0;z-index:-1} .mat-datepicker-popup .dr-week-datepicker{width:386px!important} .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range:before{background:initial!important} .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-selected, .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-cell-content{background:#f2f2fb!important;color:#4646ce!important;font-weight:600!important} .mat-datepicker-popup .mat-datepicker-content{margin:7px 0;box-shadow:0 4px 8px 1px #00000040;border-radius:12px!important} .mat-datepicker-popup .mat-datepicker-content button[disabled]{border:inherit;color:inherit;background-color:inherit} .mat-datepicker-popup .mat-datepicker-content button[disabled]:hover{border:inherit} .mat-datepicker-popup .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .mat-datepicker-popup .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#fff} .mat-datepicker-popup .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background:#f2f2fb;color:#4646ce;font-weight:600} .mat-datepicker-popup .mat-calendar-body-selected{background-color:#4646ce;color:#f2f2fb;font-weight:600} .mat-datepicker-popup .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:none} .mat-datepicker-popup .mat-button-focus-overlay{background:#f5f5f5} .mat-datepicker-popup .mat-calendar-controls .mat-icon-button:hover .mat-button-focus-overlay{opacity:1!important;background:#f5f5f5;transition:opacity .2s cubic-bezier(.35,0,.25,1)} .mat-datepicker-popup .mat-calendar-controls .mat-calendar-period-button:hover{background:#f5f5f5;transition:background .2s cubic-bezier(.35,0,.25,1)} .mat-datepicker-popup .mat-calendar-table-header th{font-size:14px;font-weight:600;color:#333} .mat-datepicker-popup .mat-calendar-table-header-divider{display:none} .mat-datepicker-popup .mat-calendar-body-label{color:#fff;padding:0} .mat-datepicker-popup .mat-calendar-body>tr[aria-hidden=true]>.mat-calendar-body-label{display:none} .mat-datepicker-popup .mat-calendar-content{display:flex} .mat-datepicker-popup .mat-calendar-content dr-week-selector{flex:0} .mat-datepicker-popup .mat-calendar-content mat-month-view, .mat-datepicker-popup .mat-calendar-content mat-multi-year-view, .mat-datepicker-popup .mat-calendar-content mat-year-view{flex:1}[_nghost-%COMP%]{border:none;display:flex;align-items:center}.disabled[_nghost-%COMP%]{background:transparent;color:#aeabac}.disabled.dr-date-picker-on-dashboard[_nghost-%COMP%]{border:none;padding:0 8px}.disabled.dr-date-picker-on-dashboard[_nghost-%COMP%] .dr-datepicker-input-container__formatted-value-display[_ngcontent-%COMP%]{text-decoration:none;color:#aeabac;font-weight:400}.disabled.dr-date-picker-on-dashboard[_nghost-%COMP%] .dr-datepicker-input-container[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{color:#aeabac}.dr-date-picker-on-dashboard[_nghost-%COMP%]{width:-moz-fit-content;width:fit-content;justify-content:space-between}.dr-date-picker-on-dashboard[_nghost-%COMP%] mat-datepicker[_ngcontent-%COMP%]{position:absolute}.dr-date-picker-on-dashboard[_nghost-%COMP%]:after{visibility:hidden}.dr-date-picker-on-dashboard[_nghost-%COMP%] .dr-datepicker-input-container[_ngcontent-%COMP%]{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-left:-10px}.dr-date-picker-on-dashboard[_nghost-%COMP%] .dr-datepicker-input-container__formatted-value-display[_ngcontent-%COMP%]{font-weight:600;width:auto;margin-left:5px}.dr-date-picker-on-dashboard[_nghost-%COMP%] .dr-datepicker-input-container[_ngcontent-%COMP%] .dr-icon-date[_ngcontent-%COMP%]{display:block;position:relative;top:0;margin-right:8px;color:#4e566c}[_nghost-%COMP%] .dr-datepicker-input-container[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{visibility:hidden;position:absolute;width:100%}[_nghost-%COMP%] .dr-datepicker-input-container__formatted-value-display[_ngcontent-%COMP%]{width:100px;height:22px;padding-left:0;text-align:center;line-height:22px;color:#0c142b;text-decoration-line:underline}[_nghost-%COMP%] .dr-datepicker-input-container__formatted-value-display[_ngcontent-%COMP%]:hover{background-color:#f2f2fb;border-radius:5px;cursor:pointer;text-decoration-line:underline;color:#4646ce} .date-picker-preset-tag{width:386px!important} .date-picker-preset-tag .mat-calendar-content{padding-left:32px!important;padding-right:32px!important}@media screen and (max-width: 410px){.mat-datepicker-input[_ngcontent-%COMP%]{width:100vw!important} .date-picker-preset-tag{width:calc(100vw - 16px)!important} .date-picker-preset-tag .dr-datepicker-preset-date__tags{justify-content:center;margin-left:-32px;margin-right:-32px} .date-picker-preset-tag .dr-datepicker-preset-date__tags__tag{font-size:10px}}"], changeDetection: 0 }); }
|
|
242
242
|
}
|
|
243
243
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrDatePickerWithTimeframeComponent, [{
|
|
244
244
|
type: Component,
|
|
@@ -34,8 +34,8 @@ import * as i0 from "@angular/core";
|
|
|
34
34
|
MatCalendar.prototype.focusActiveCell = function () {
|
|
35
35
|
this._getCurrentViewComponent()?._focusActiveCell(false);
|
|
36
36
|
};
|
|
37
|
+
const standalone = [DrButtonComponent];
|
|
37
38
|
const components = [
|
|
38
|
-
DrButtonComponent,
|
|
39
39
|
RadioButtonComponent,
|
|
40
40
|
RadioGroupComponent,
|
|
41
41
|
CheckboxComponent,
|
|
@@ -58,7 +58,7 @@ const components = [
|
|
|
58
58
|
export class DrInputsModule {
|
|
59
59
|
/** @nocollapse */ static { this.ɵfac = function DrInputsModule_Factory(t) { return new (t || DrInputsModule)(); }; }
|
|
60
60
|
/** @nocollapse */ static { this.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: DrInputsModule }); }
|
|
61
|
-
/** @nocollapse */ static { this.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ providers: [provideNgxMask()], imports: [FormsModule,
|
|
61
|
+
/** @nocollapse */ static { this.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ providers: [provideNgxMask()], imports: [standalone, FormsModule,
|
|
62
62
|
ReactiveFormsModule,
|
|
63
63
|
CommonModule,
|
|
64
64
|
NgSelectModule,
|
|
@@ -73,9 +73,10 @@ export class DrInputsModule {
|
|
|
73
73
|
type: NgModule,
|
|
74
74
|
args: [{
|
|
75
75
|
declarations: components,
|
|
76
|
-
exports: components,
|
|
76
|
+
exports: [...components, ...standalone],
|
|
77
77
|
providers: [provideNgxMask()],
|
|
78
78
|
imports: [
|
|
79
|
+
...standalone,
|
|
79
80
|
NgxMaskDirective,
|
|
80
81
|
FormsModule,
|
|
81
82
|
ReactiveFormsModule,
|
|
@@ -90,8 +91,7 @@ export class DrInputsModule {
|
|
|
90
91
|
],
|
|
91
92
|
}]
|
|
92
93
|
}], null, null); })();
|
|
93
|
-
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrInputsModule, { declarations: [
|
|
94
|
-
RadioButtonComponent,
|
|
94
|
+
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrInputsModule, { declarations: [RadioButtonComponent,
|
|
95
95
|
RadioGroupComponent,
|
|
96
96
|
CheckboxComponent,
|
|
97
97
|
DrInputComponent,
|
|
@@ -108,7 +108,7 @@ export class DrInputsModule {
|
|
|
108
108
|
DrSelectAddItemComponent,
|
|
109
109
|
DrLinkComponent,
|
|
110
110
|
DrFiscalMonthCalendarPickerComponent,
|
|
111
|
-
DrFiscalMonthCalendarHeaderComponent], imports: [NgxMaskDirective,
|
|
111
|
+
DrFiscalMonthCalendarHeaderComponent], imports: [DrButtonComponent, NgxMaskDirective,
|
|
112
112
|
FormsModule,
|
|
113
113
|
ReactiveFormsModule,
|
|
114
114
|
CommonModule,
|
|
@@ -118,8 +118,7 @@ export class DrInputsModule {
|
|
|
118
118
|
DrTooltipModule,
|
|
119
119
|
DrSpinnerModule,
|
|
120
120
|
WeekSelectorComponent,
|
|
121
|
-
MatMomentDateModule], exports: [
|
|
122
|
-
RadioButtonComponent,
|
|
121
|
+
MatMomentDateModule], exports: [RadioButtonComponent,
|
|
123
122
|
RadioGroupComponent,
|
|
124
123
|
CheckboxComponent,
|
|
125
124
|
DrInputComponent,
|
|
@@ -136,5 +135,5 @@ export class DrInputsModule {
|
|
|
136
135
|
DrSelectAddItemComponent,
|
|
137
136
|
DrLinkComponent,
|
|
138
137
|
DrFiscalMonthCalendarPickerComponent,
|
|
139
|
-
DrFiscalMonthCalendarHeaderComponent] }); })();
|
|
140
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
138
|
+
DrFiscalMonthCalendarHeaderComponent, DrButtonComponent] }); })();
|
|
139
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItaW5wdXRzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWlucHV0cy9kci1pbnB1dHMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFFdEQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDakUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDcEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDbEUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDN0UsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDM0UsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDcEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFOUQsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2hGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHdEQUF3RCxDQUFDO0FBQy9GLE9BQU8sRUFBRSxrQ0FBa0MsRUFBRSxNQUFNLHNGQUFzRixDQUFDO0FBQzFJLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDJEQUEyRCxDQUFDO0FBQ3hHLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQ3hGLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxpQ0FBaUMsRUFBRSxNQUFNLG9GQUFvRixDQUFDO0FBQ3ZJLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzVFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQzdGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNsRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM3RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDbEUsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sb0VBQW9FLENBQUM7QUFDaEgsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzlELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxjQUFjLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDNUQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sc0RBQXNELENBQUM7QUFDN0YsT0FBTyxFQUFFLG9DQUFvQyxFQUFFLE1BQU0sMEZBQTBGLENBQUM7QUFDaEosT0FBTyxFQUFFLG9DQUFvQyxFQUFFLE1BQU0sMEZBQTBGLENBQUM7QUFDaEosT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7O0FBRXZFLHNEQUFzRDtBQUN0RCw4Q0FBOEM7QUFDOUMsV0FBVyxDQUFDLFNBQVMsQ0FBQyxlQUFlLEdBQUc7SUFDcEMsSUFBSSxDQUFDLHdCQUF3QixFQUFFLEVBQUUsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLENBQUM7QUFDN0QsQ0FBQyxDQUFDO0FBRUYsTUFBTSxVQUFVLEdBQUcsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0FBRXZDLE1BQU0sVUFBVSxHQUFHO0lBQ2Ysb0JBQW9CO0lBQ3BCLG1CQUFtQjtJQUNuQixpQkFBaUI7SUFDakIsZ0JBQWdCO0lBQ2hCLGlCQUFpQjtJQUNqQixpQkFBaUI7SUFDakIsdUJBQXVCO0lBQ3ZCLHFCQUFxQjtJQUNyQixrQ0FBa0M7SUFDbEMsMkJBQTJCO0lBQzNCLGlDQUFpQztJQUNqQywwQkFBMEI7SUFDMUIsOEJBQThCO0lBQzlCLG1CQUFtQjtJQUNuQix3QkFBd0I7SUFDeEIsZUFBZTtJQUNmLG9DQUFvQztJQUNwQyxvQ0FBb0M7Q0FDdkMsQ0FBQztBQXFCRixNQUFNLE9BQU8sY0FBYztrR0FBZCxjQUFjO2tHQUFkLGNBQWM7dUdBaEJaLENBQUMsY0FBYyxFQUFFLENBQUMsWUFFdEIsVUFBVSxFQUViLFdBQVc7WUFDWCxtQkFBbUI7WUFDbkIsWUFBWTtZQUNaLGNBQWM7WUFDZCxtQkFBbUI7WUFDbkIsbUJBQW1CO1lBQ25CLGVBQWU7WUFDZixlQUFlO1lBQ2YscUJBQXFCO1lBQ3JCLG1CQUFtQjs7dUZBR2QsY0FBYztjQW5CMUIsUUFBUTtlQUFDO2dCQUNOLFlBQVksRUFBRSxVQUFVO2dCQUN4QixPQUFPLEVBQUUsQ0FBQyxHQUFHLFVBQVUsRUFBRSxHQUFHLFVBQVUsQ0FBQztnQkFDdkMsU0FBUyxFQUFFLENBQUMsY0FBYyxFQUFFLENBQUM7Z0JBQzdCLE9BQU8sRUFBRTtvQkFDTCxHQUFHLFVBQVU7b0JBQ2IsZ0JBQWdCO29CQUNoQixXQUFXO29CQUNYLG1CQUFtQjtvQkFDbkIsWUFBWTtvQkFDWixjQUFjO29CQUNkLG1CQUFtQjtvQkFDbkIsbUJBQW1CO29CQUNuQixlQUFlO29CQUNmLGVBQWU7b0JBQ2YscUJBQXFCO29CQUNyQixtQkFBbUI7aUJBQ3RCO2FBQ0o7O3dGQUNZLGNBQWMsbUJBdkN2QixvQkFBb0I7UUFDcEIsbUJBQW1CO1FBQ25CLGlCQUFpQjtRQUNqQixnQkFBZ0I7UUFDaEIsaUJBQWlCO1FBQ2pCLGlCQUFpQjtRQUNqQix1QkFBdUI7UUFDdkIscUJBQXFCO1FBQ3JCLGtDQUFrQztRQUNsQywyQkFBMkI7UUFDM0IsaUNBQWlDO1FBQ2pDLDBCQUEwQjtRQUMxQiw4QkFBOEI7UUFDOUIsbUJBQW1CO1FBQ25CLHdCQUF3QjtRQUN4QixlQUFlO1FBQ2Ysb0NBQW9DO1FBQ3BDLG9DQUFvQyxhQXBCcEIsaUJBQWlCLEVBNkI3QixnQkFBZ0I7UUFDaEIsV0FBVztRQUNYLG1CQUFtQjtRQUNuQixZQUFZO1FBQ1osY0FBYztRQUNkLG1CQUFtQjtRQUNuQixtQkFBbUI7UUFDbkIsZUFBZTtRQUNmLGVBQWU7UUFDZixxQkFBcUI7UUFDckIsbUJBQW1CLGFBcEN2QixvQkFBb0I7UUFDcEIsbUJBQW1CO1FBQ25CLGlCQUFpQjtRQUNqQixnQkFBZ0I7UUFDaEIsaUJBQWlCO1FBQ2pCLGlCQUFpQjtRQUNqQix1QkFBdUI7UUFDdkIscUJBQXFCO1FBQ3JCLGtDQUFrQztRQUNsQywyQkFBMkI7UUFDM0IsaUNBQWlDO1FBQ2pDLDBCQUEwQjtRQUMxQiw4QkFBOEI7UUFDOUIsbUJBQW1CO1FBQ25CLHdCQUF3QjtRQUN4QixlQUFlO1FBQ2Ysb0NBQW9DO1FBQ3BDLG9DQUFvQyxFQXBCcEIsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuaW1wb3J0IHsgTmdTZWxlY3RNb2R1bGUgfSBmcm9tICdAbmctc2VsZWN0L25nLXNlbGVjdCc7XG5cbmltcG9ydCB7IERySW5wdXRDb21wb25lbnQgfSBmcm9tICcuL2RyLWlucHV0L2RyLWlucHV0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEclNlbGVjdENvbXBvbmVudCB9IGZyb20gJy4vZHItc2VsZWN0L2RyLXNlbGVjdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ2hlY2tib3hDb21wb25lbnQgfSBmcm9tICcuL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBSYWRpb0J1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vcmFkaW8tYnV0dG9uL3JhZGlvLWJ1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgUmFkaW9Hcm91cENvbXBvbmVudCB9IGZyb20gJy4vcmFkaW8tYnV0dG9uL3JhZGlvLWdyb3VwLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEclRvZ2dsZUNvbXBvbmVudCB9IGZyb20gJy4vZHItdG9nZ2xlL2RyLXRvZ2dsZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgRHJCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcblxuaW1wb3J0IHsgTWF0Q2FsZW5kYXIsIE1hdERhdGVwaWNrZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kYXRlcGlja2VyJztcbmltcG9ydCB7IERyRGF0ZVBpY2tlckNvbXBvbmVudCB9IGZyb20gJy4vZGF0ZS1waWNrZXJzL2RyLWRhdGUtcGlja2VyL2RyLWRhdGUtcGlja2VyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEckRhdGVQaWNrZXJXaXRoVGltZWZyYW1lQ29tcG9uZW50IH0gZnJvbSAnLi9kYXRlLXBpY2tlcnMvZHItZGF0ZS1waWNrZXItd2l0aC10aW1lZnJhbWUvZHItZGF0ZS1waWNrZXItd2l0aC10aW1lZnJhbWUuY29tcG9uZW50JztcbmltcG9ydCB7IERyRGF0ZVBpY2tlckZvcm1hdERpcmVjdGl2ZSB9IGZyb20gJy4vZGF0ZS1waWNrZXJzL2RpcmVjdGl2ZXMvZHItZGF0ZS1waWNrZXItZm9ybWF0LmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBEclRvZ2dsZUJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vZHItdG9nZ2xlLWJ1dHRvbi9kci10b2dnbGUtYnV0dG9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEck1vZGVsRGVib3VuY2VDaGFuZ2VEaXJlY3RpdmUgfSBmcm9tICcuL2RyLW1vZGVsLWRlYm91bmNlLWNoYW5nZS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRHJEYXRlUGlja2VyQ3VzdG9tSGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9kYXRlLXBpY2tlcnMvZHItZGF0ZS1waWNrZXJfY3VzdG9tLWhlYWRlci9kci1kYXRlLXBpY2tlcl9jdXN0b20taGVhZGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEclNob3dUaW1lZnJhbWVQaXBlIH0gZnJvbSAnLi9kYXRlLXBpY2tlcnMvZHItc2hvdy10aW1lZnJhbWUucGlwZSc7XG5pbXBvcnQgeyBEclNlbGVjdEFkZEl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2RyLXNlbGVjdC1hZGQtaXRlbS9kci1zZWxlY3QtYWRkLWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IERyVG9vbHRpcE1vZHVsZSB9IGZyb20gJy4uL2RyLXRvb2x0aXAvZHItdG9vbHRpcC5tb2R1bGUnO1xuaW1wb3J0IHsgTWF0TmF0aXZlRGF0ZU1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NvcmUnO1xuaW1wb3J0IHsgRHJTcGlubmVyTW9kdWxlIH0gZnJvbSAnLi4vZHItc3Bpbm5lci9kci1zcGlubmVyLm1vZHVsZSc7XG5pbXBvcnQgeyBEckRhdGVQaWNrZXJSYW5nZUNvbXBvbmVudCB9IGZyb20gJy4vZGF0ZS1waWNrZXJzL2RyLWRhdGUtcGlja2VyLXJhbmdlL2RyLWRhdGUtcGlja2VyLXJhbmdlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEckxpbmtDb21wb25lbnQgfSBmcm9tICcuL2RyLWxpbmsvZHItbGluay5jb21wb25lbnQnO1xuaW1wb3J0IHsgTmd4TWFza0RpcmVjdGl2ZSwgcHJvdmlkZU5neE1hc2sgfSBmcm9tICduZ3gtbWFzayc7XG5pbXBvcnQgeyBXZWVrU2VsZWN0b3JDb21wb25lbnQgfSBmcm9tICcuL2RhdGUtcGlja2Vycy93ZWVrLXNlbGVjdG9yL3dlZWstc2VsZWN0b3IuY29tcG9uZW50JztcbmltcG9ydCB7IERyRmlzY2FsTW9udGhDYWxlbmRhckhlYWRlckNvbXBvbmVudCB9IGZyb20gJy4vZGF0ZS1waWNrZXJzL2RyLWZpc2NhbC1tb250aC1jYWxlbmRhci1waWNrZXIvZHItZmlzY2FsLW1vbnRoLWNhbGVuZGFyLWhlYWRlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgRHJGaXNjYWxNb250aENhbGVuZGFyUGlja2VyQ29tcG9uZW50IH0gZnJvbSAnLi9kYXRlLXBpY2tlcnMvZHItZmlzY2FsLW1vbnRoLWNhbGVuZGFyLXBpY2tlci9kci1maXNjYWwtbW9udGgtY2FsZW5kYXItcGlja2VyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNYXRNb21lbnREYXRlTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwtbW9tZW50LWFkYXB0ZXInO1xuXG4vLyAhISEgUGxlYXNlIGRvIG5vdCB1c2Ugc3VjaCBhcHByb2FjaCBpbiBvdGhlciBwbGFjZXNcbi8vIEhhcmQgZml4IGZvciAnbm9uZScgY2FsZW5kYXIgdmlldyBzZWxlY3Rpb25cbk1hdENhbGVuZGFyLnByb3RvdHlwZS5mb2N1c0FjdGl2ZUNlbGwgPSBmdW5jdGlvbiAoKSB7XG4gICAgdGhpcy5fZ2V0Q3VycmVudFZpZXdDb21wb25lbnQoKT8uX2ZvY3VzQWN0aXZlQ2VsbChmYWxzZSk7XG59O1xuXG5jb25zdCBzdGFuZGFsb25lID0gW0RyQnV0dG9uQ29tcG9uZW50XTtcblxuY29uc3QgY29tcG9uZW50cyA9IFtcbiAgICBSYWRpb0J1dHRvbkNvbXBvbmVudCxcbiAgICBSYWRpb0dyb3VwQ29tcG9uZW50LFxuICAgIENoZWNrYm94Q29tcG9uZW50LFxuICAgIERySW5wdXRDb21wb25lbnQsXG4gICAgRHJTZWxlY3RDb21wb25lbnQsXG4gICAgRHJUb2dnbGVDb21wb25lbnQsXG4gICAgRHJUb2dnbGVCdXR0b25Db21wb25lbnQsXG4gICAgRHJEYXRlUGlja2VyQ29tcG9uZW50LFxuICAgIERyRGF0ZVBpY2tlcldpdGhUaW1lZnJhbWVDb21wb25lbnQsXG4gICAgRHJEYXRlUGlja2VyRm9ybWF0RGlyZWN0aXZlLFxuICAgIERyRGF0ZVBpY2tlckN1c3RvbUhlYWRlckNvbXBvbmVudCxcbiAgICBEckRhdGVQaWNrZXJSYW5nZUNvbXBvbmVudCxcbiAgICBEck1vZGVsRGVib3VuY2VDaGFuZ2VEaXJlY3RpdmUsXG4gICAgRHJTaG93VGltZWZyYW1lUGlwZSxcbiAgICBEclNlbGVjdEFkZEl0ZW1Db21wb25lbnQsXG4gICAgRHJMaW5rQ29tcG9uZW50LFxuICAgIERyRmlzY2FsTW9udGhDYWxlbmRhclBpY2tlckNvbXBvbmVudCxcbiAgICBEckZpc2NhbE1vbnRoQ2FsZW5kYXJIZWFkZXJDb21wb25lbnQsXG5dO1xuXG5ATmdNb2R1bGUoe1xuICAgIGRlY2xhcmF0aW9uczogY29tcG9uZW50cyxcbiAgICBleHBvcnRzOiBbLi4uY29tcG9uZW50cywgLi4uc3RhbmRhbG9uZV0sXG4gICAgcHJvdmlkZXJzOiBbcHJvdmlkZU5neE1hc2soKV0sXG4gICAgaW1wb3J0czogW1xuICAgICAgICAuLi5zdGFuZGFsb25lLFxuICAgICAgICBOZ3hNYXNrRGlyZWN0aXZlLFxuICAgICAgICBGb3Jtc01vZHVsZSxcbiAgICAgICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBOZ1NlbGVjdE1vZHVsZSxcbiAgICAgICAgTWF0TmF0aXZlRGF0ZU1vZHVsZSxcbiAgICAgICAgTWF0RGF0ZXBpY2tlck1vZHVsZSxcbiAgICAgICAgRHJUb29sdGlwTW9kdWxlLFxuICAgICAgICBEclNwaW5uZXJNb2R1bGUsXG4gICAgICAgIFdlZWtTZWxlY3RvckNvbXBvbmVudCxcbiAgICAgICAgTWF0TW9tZW50RGF0ZU1vZHVsZSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBEcklucHV0c01vZHVsZSB7fVxuIl19
|
|
@@ -4,9 +4,9 @@ import { reduce as _reduce } from 'lodash';
|
|
|
4
4
|
import { DrInputComponent } from '../dr-input/dr-input.component';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
import * as i1 from "../dr-select/dr-select.component";
|
|
7
|
-
import * as i2 from "
|
|
8
|
-
import * as i3 from "@angular/
|
|
9
|
-
import * as i4 from "
|
|
7
|
+
import * as i2 from "../button/button.component";
|
|
8
|
+
import * as i3 from "@angular/forms";
|
|
9
|
+
import * as i4 from "@angular/common";
|
|
10
10
|
import * as i5 from "../dr-input/dr-input.component";
|
|
11
11
|
const _c0 = ["dynamicInputRef"];
|
|
12
12
|
function DrSelectAddItemComponent_div_5_p_1_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -116,7 +116,7 @@ export class DrSelectAddItemComponent {
|
|
|
116
116
|
i0.ɵɵtextInterpolate(ctx.dynamicAddLabel);
|
|
117
117
|
i0.ɵɵadvance(1);
|
|
118
118
|
i0.ɵɵproperty("ngIf", ctx.isDynamicAdding);
|
|
119
|
-
} }, dependencies: [i2.
|
|
119
|
+
} }, dependencies: [i2.DrButtonComponent, i3.NgControlStatus, i3.NgModel, i4.NgIf, i5.DrInputComponent], styles: [".dynamic-add__add-item[_ngcontent-%COMP%]{cursor:pointer;display:flex;align-items:center;border-bottom:1px solid #dfe0e3;padding:6px}.dynamic-add__add-item[_ngcontent-%COMP%]:hover{background:#f9f7ff}.dynamic-add__add-item__text[_ngcontent-%COMP%]{font-size:14px;line-height:22px;margin:0;color:#6d6e6f}.dynamic-add__add-item[_ngcontent-%COMP%] .dr-icon-add[_ngcontent-%COMP%]{color:#6d6e6f}.dynamic-add__field[_ngcontent-%COMP%]{position:relative}.dynamic-add__field__buttons[_ngcontent-%COMP%]{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center}.dynamic-add__field__alert[_ngcontent-%COMP%]{font-size:12px;position:absolute;color:#bf1d30;z-index:100;right:30px} .ng-dropdown-panel .ng-dropdown-footer:has(.dynamic-add), .ng-dropdown-panel .ng-dropdown-header:has(.dynamic-add){padding:0;border:none} .ng-dropdown-panel .ng-dropdown-footer .dynamic-add__add-item{border-bottom:none} .dynamic-add__field__input{padding-left:12px!important;height:36px!important;border:none!important;background:#f9f7ff!important;border-radius:0!important} .dynamic-add__field__input>input{background:#f9f7ff} .dynamic-add__field__input>input::placeholder{line-height:22px;font-size:14px;font-weight:400;color:#9ea1aa} .dynamic-add__field__input--error{background:#ffdfe4!important} .dynamic-add__field__input--error>input{background:#ffdfe4}"], changeDetection: 0 }); }
|
|
120
120
|
}
|
|
121
121
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrSelectAddItemComponent, [{
|
|
122
122
|
type: Component,
|