@datarailsshared/datarailsshared 1.5.538 → 1.5.540

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.
Files changed (7) hide show
  1. package/datarailsshared-datarailsshared-1.5.540.tgz +0 -0
  2. package/esm2022/lib/dr-inputs/button/button.component.mjs +3 -3
  3. package/fesm2022/datarailsshared-datarailsshared.mjs +2 -2
  4. package/fesm2022/datarailsshared-datarailsshared.mjs.map +1 -1
  5. package/lib/dr-inputs/button/button.component.d.ts +1 -1
  6. package/package.json +1 -1
  7. package/datarailsshared-datarailsshared-1.5.538.tgz +0 -0
package/esm2022/lib/dr-inputs/button/button.component.mjs CHANGED
@@ -54,11 +54,11 @@ export class DrButtonComponent {
54
54
  i0.ɵɵproperty("ngIf", ctx.isLoading);
55
55
  i0.ɵɵadvance(1);
56
56
  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}.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)}}"] }); }
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
58
  }
59
59
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrButtonComponent, [{
60
60
  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.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"] }]
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
62
  }], null, { theme: [{
63
63
  type: Input
64
64
  }, {
@@ -98,4 +98,4 @@ export class DrButtonComponent {
98
98
  type: HostBinding,
99
99
  args: ['class.active']
100
100
  }] }); })();
101
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWlucHV0cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWlucHV0cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztJQ0MxRCx1QkFDSTs7O0lBRG9DLDBCQUFjO0lBQUMsNENBQTRCLHdDQUFBOzs7SUFHbkYsOEJBQWtEO0lBQzlDLHVCQUF5RDtJQUM3RCxpQkFBTTs7O0lBREMsZUFBNEI7SUFBNUIsNENBQTRCOzs7SUFFbkMsdUJBTUk7OztJQUhBLCtCQUFtQjtJQUNuQixpREFBaUMsNkNBQUE7OztBRGN6QyxNQUFNLE9BQU8saUJBQWlCO0lBTDlCO1FBUUksVUFBSyxHQUFlLFNBQVMsQ0FBQztRQU1yQixhQUFRLEdBQUcsTUFBTSxDQUFDO1FBTWxCLGtCQUFhLEdBQUcsTUFBTSxDQUFDO1FBSWhDLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFJakIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUlsQixhQUFRLEdBQUcsS0FBSyxDQUFDO0tBQ3BCO3FHQTVCWSxpQkFBaUI7bUdBQWpCLGlCQUFpQjs7Ozs7WUN6QjlCLGlDQUE4QjtZQUMxQiw4REFDSTtZQUNKLGtCQUF5QjtZQUN6QixrRUFFTTtZQUNOLDhEQU1JO1lBQ1IsaUJBQVM7O1lBZEQsdUNBQXFCO1lBQ3JCLGVBQVU7WUFBViwrQkFBVTtZQUdSLGVBQWU7WUFBZixvQ0FBZTtZQUloQixlQUFlO1lBQWYsb0NBQWU7Ozt1RkRpQlgsaUJBQWlCO2NBTDdCLFNBQVM7MkJBQ0ksV0FBVztnQkFPckIsS0FBSztrQkFGSixLQUFLOztrQkFDTCxXQUFXO21CQUFDLE9BQU87WUFLcEIsSUFBSTtrQkFGSCxLQUFLOztrQkFDTCxXQUFXO21CQUFDLGlCQUFpQjtZQUVyQixTQUFTO2tCQUFqQixLQUFLO1lBQ0csUUFBUTtrQkFBaEIsS0FBSztZQUlOLFNBQVM7a0JBRlIsS0FBSzs7a0JBQ0wsV0FBVzttQkFBQyx1QkFBdUI7WUFFM0IsY0FBYztrQkFBdEIsS0FBSztZQUNHLGFBQWE7a0JBQXJCLEtBQUs7WUFJTixRQUFRO2tCQUZQLEtBQUs7O2tCQUNMLFdBQVc7bUJBQUMsZ0JBQWdCO1lBSzdCLFNBQVM7a0JBRlIsS0FBSzs7a0JBQ0wsV0FBVzttQkFBQyxlQUFlO1lBSzVCLFFBQVE7a0JBRlAsS0FBSzs7a0JBQ0wsV0FBVzttQkFBQyxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IHR5cGUgQnV0dG9uVHlwZSA9XG4gICAgfCAncHJpbWFyeSdcbiAgICB8ICdzcGxpdC1wcmltYXJ5LWZpcnN0J1xuICAgIHwgJ3NwbGl0LXByaW1hcnktbGFzdCdcbiAgICB8ICdzZWNvbmRhcnknXG4gICAgfCAnc3BsaXQtc2Vjb25kYXJ5LWZpcnN0J1xuICAgIHwgJ3NwbGl0LXNlY29uZGFyeS1sYXN0J1xuICAgIHwgJ2ljb24nXG4gICAgfCAnaWNvbi1wcmltYXJ5J1xuICAgIHwgJ2ljb24tc2Vjb25kYXJ5J1xuICAgIHwgJ2dob3N0J1xuICAgIHwgJ3NlbGVjdGlvbidcbiAgICB8ICdoaWdobGlnaHQnXG4gICAgfCAnZGFuZ2VyJ1xuICAgIHwgJ2hlbHAnXG4gICAgfCAnYWktcHJpbWFyeSdcbiAgICB8ICdhaS1zZWNvbmRhcnknO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2RyLWJ1dHRvbicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIERyQnV0dG9uQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIHRoZW1lOiBCdXR0b25UeXBlID0gJ3ByaW1hcnknO1xuXG4gICAgQElucHV0KClcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLndpdGgtaWNvbicpXG4gICAgaWNvbjogc3RyaW5nIHwgc3RyaW5nW107XG4gICAgQElucHV0KCkgaWNvbkNvbG9yOiBzdHJpbmc7XG4gICAgQElucHV0KCkgaWNvblNpemUgPSAnMjRweCc7XG5cbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnY2xhc3Mud2l0aC1pY29uLWFmdGVyJylcbiAgICBpY29uQWZ0ZXI6IHN0cmluZyB8IHN0cmluZ1tdO1xuICAgIEBJbnB1dCgpIGljb25BZnRlckNvbG9yOiBzdHJpbmc7XG4gICAgQElucHV0KCkgaWNvbkFmdGVyU2l6ZSA9ICcyNHB4JztcblxuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kaXNhYmxlZCcpXG4gICAgZGlzYWJsZWQgPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5sb2FkaW5nJylcbiAgICBpc0xvYWRpbmcgPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5hY3RpdmUnKVxuICAgIGlzQWN0aXZlID0gZmFsc2U7XG59XG4iLCI8YnV0dG9uIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxuICAgIDxpICpuZ0lmPVwiaWNvblwiIGNsYXNzPVwiZHItYnV0dG9uX19pY29uXCIgW2NsYXNzXT1cImljb25cIiBbc3R5bGUuZm9udC1zaXplXT1cImljb25TaXplXCIgW3N0eWxlLmNvbG9yXT1cImljb25Db2xvciB8fCAnaW5oZXJpdCdcIj5cbiAgICA8L2k+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDxkaXYgKm5nSWY9XCJpc0xvYWRpbmdcIiBjbGFzcz1cImRyLWJ1dHRvbl9fc3Bpbm5lclwiPlxuICAgICAgICA8aSBbc3R5bGUuZm9udC1zaXplXT1cImljb25TaXplXCIgY2xhc3M9XCJkci1pY29uLWxvYWRcIj48L2k+XG4gICAgPC9kaXY+XG4gICAgPGlcbiAgICAgICAgKm5nSWY9XCJpY29uQWZ0ZXJcIlxuICAgICAgICBjbGFzcz1cImRyLWJ1dHRvbl9faWNvbiBkci1idXR0b25fX2ljb24tLWFmdGVyXCJcbiAgICAgICAgW2NsYXNzXT1cImljb25BZnRlclwiXG4gICAgICAgIFtzdHlsZS5mb250LXNpemVdPVwiaWNvbkFmdGVyU2l6ZVwiXG4gICAgICAgIFtzdHlsZS5jb2xvcl09XCJpY29uQWZ0ZXJDb2xvciB8fCAnaW5oZXJpdCdcIj5cbiAgICA8L2k+XG48L2J1dHRvbj5cbiJdfQ==
101
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWlucHV0cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWlucHV0cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztJQ0MxRCx1QkFDSTs7O0lBRG9DLDBCQUFjO0lBQUMsNENBQTRCLHdDQUFBOzs7SUFHbkYsOEJBQWtEO0lBQzlDLHVCQUF5RDtJQUM3RCxpQkFBTTs7O0lBREMsZUFBNEI7SUFBNUIsNENBQTRCOzs7SUFFbkMsdUJBTUk7OztJQUhBLCtCQUFtQjtJQUNuQixpREFBaUMsNkNBQUE7OztBRGV6QyxNQUFNLE9BQU8saUJBQWlCO0lBTDlCO1FBUUksVUFBSyxHQUFlLFNBQVMsQ0FBQztRQU1yQixhQUFRLEdBQUcsTUFBTSxDQUFDO1FBTWxCLGtCQUFhLEdBQUcsTUFBTSxDQUFDO1FBSWhDLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFJakIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUlsQixhQUFRLEdBQUcsS0FBSyxDQUFDO0tBQ3BCO3FHQTVCWSxpQkFBaUI7bUdBQWpCLGlCQUFpQjs7Ozs7WUMxQjlCLGlDQUE4QjtZQUMxQiw4REFDSTtZQUNKLGtCQUF5QjtZQUN6QixrRUFFTTtZQUNOLDhEQU1JO1lBQ1IsaUJBQVM7O1lBZEQsdUNBQXFCO1lBQ3JCLGVBQVU7WUFBViwrQkFBVTtZQUdSLGVBQWU7WUFBZixvQ0FBZTtZQUloQixlQUFlO1lBQWYsb0NBQWU7Ozt1RkRrQlgsaUJBQWlCO2NBTDdCLFNBQVM7MkJBQ0ksV0FBVztnQkFPckIsS0FBSztrQkFGSixLQUFLOztrQkFDTCxXQUFXO21CQUFDLE9BQU87WUFLcEIsSUFBSTtrQkFGSCxLQUFLOztrQkFDTCxXQUFXO21CQUFDLGlCQUFpQjtZQUVyQixTQUFTO2tCQUFqQixLQUFLO1lBQ0csUUFBUTtrQkFBaEIsS0FBSztZQUlOLFNBQVM7a0JBRlIsS0FBSzs7a0JBQ0wsV0FBVzttQkFBQyx1QkFBdUI7WUFFM0IsY0FBYztrQkFBdEIsS0FBSztZQUNHLGFBQWE7a0JBQXJCLEtBQUs7WUFJTixRQUFRO2tCQUZQLEtBQUs7O2tCQUNMLFdBQVc7bUJBQUMsZ0JBQWdCO1lBSzdCLFNBQVM7a0JBRlIsS0FBSzs7a0JBQ0wsV0FBVzttQkFBQyxlQUFlO1lBSzVCLFFBQVE7a0JBRlAsS0FBSzs7a0JBQ0wsV0FBVzttQkFBQyxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IHR5cGUgQnV0dG9uVHlwZSA9XG4gICAgfCAncHJpbWFyeSdcbiAgICB8ICdzcGxpdC1wcmltYXJ5LWZpcnN0J1xuICAgIHwgJ3NwbGl0LXByaW1hcnktbGFzdCdcbiAgICB8ICdzZWNvbmRhcnknXG4gICAgfCAnc2Vjb25kYXJ5LXdoaXRlJ1xuICAgIHwgJ3NwbGl0LXNlY29uZGFyeS1maXJzdCdcbiAgICB8ICdzcGxpdC1zZWNvbmRhcnktbGFzdCdcbiAgICB8ICdpY29uJ1xuICAgIHwgJ2ljb24tcHJpbWFyeSdcbiAgICB8ICdpY29uLXNlY29uZGFyeSdcbiAgICB8ICdnaG9zdCdcbiAgICB8ICdzZWxlY3Rpb24nXG4gICAgfCAnaGlnaGxpZ2h0J1xuICAgIHwgJ2RhbmdlcidcbiAgICB8ICdoZWxwJ1xuICAgIHwgJ2FpLXByaW1hcnknXG4gICAgfCAnYWktc2Vjb25kYXJ5JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkci1idXR0b24nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2J1dHRvbi5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBEckJ1dHRvbkNvbXBvbmVudCB7XG4gICAgQElucHV0KClcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICB0aGVtZTogQnV0dG9uVHlwZSA9ICdwcmltYXJ5JztcblxuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy53aXRoLWljb24nKVxuICAgIGljb246IHN0cmluZyB8IHN0cmluZ1tdO1xuICAgIEBJbnB1dCgpIGljb25Db2xvcjogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGljb25TaXplID0gJzI0cHgnO1xuXG4gICAgQElucHV0KClcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLndpdGgtaWNvbi1hZnRlcicpXG4gICAgaWNvbkFmdGVyOiBzdHJpbmcgfCBzdHJpbmdbXTtcbiAgICBASW5wdXQoKSBpY29uQWZ0ZXJDb2xvcjogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGljb25BZnRlclNpemUgPSAnMjRweCc7XG5cbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnY2xhc3MuZGlzYWJsZWQnKVxuICAgIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnY2xhc3MubG9hZGluZycpXG4gICAgaXNMb2FkaW5nID0gZmFsc2U7XG5cbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnY2xhc3MuYWN0aXZlJylcbiAgICBpc0FjdGl2ZSA9IGZhbHNlO1xufVxuIiwiPGJ1dHRvbiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIj5cbiAgICA8aSAqbmdJZj1cImljb25cIiBjbGFzcz1cImRyLWJ1dHRvbl9faWNvblwiIFtjbGFzc109XCJpY29uXCIgW3N0eWxlLmZvbnQtc2l6ZV09XCJpY29uU2l6ZVwiIFtzdHlsZS5jb2xvcl09XCJpY29uQ29sb3IgfHwgJ2luaGVyaXQnXCI+XG4gICAgPC9pPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8ZGl2ICpuZ0lmPVwiaXNMb2FkaW5nXCIgY2xhc3M9XCJkci1idXR0b25fX3NwaW5uZXJcIj5cbiAgICAgICAgPGkgW3N0eWxlLmZvbnQtc2l6ZV09XCJpY29uU2l6ZVwiIGNsYXNzPVwiZHItaWNvbi1sb2FkXCI+PC9pPlxuICAgIDwvZGl2PlxuICAgIDxpXG4gICAgICAgICpuZ0lmPVwiaWNvbkFmdGVyXCJcbiAgICAgICAgY2xhc3M9XCJkci1idXR0b25fX2ljb24gZHItYnV0dG9uX19pY29uLS1hZnRlclwiXG4gICAgICAgIFtjbGFzc109XCJpY29uQWZ0ZXJcIlxuICAgICAgICBbc3R5bGUuZm9udC1zaXplXT1cImljb25BZnRlclNpemVcIlxuICAgICAgICBbc3R5bGUuY29sb3JdPVwiaWNvbkFmdGVyQ29sb3IgfHwgJ2luaGVyaXQnXCI+XG4gICAgPC9pPlxuPC9idXR0b24+XG4iXX0=
package/fesm2022/datarailsshared-datarailsshared.mjs CHANGED
@@ -3442,11 +3442,11 @@ class DrButtonComponent {
3442
3442
  i0.ɵɵproperty("ngIf", ctx.isLoading);
3443
3443
  i0.ɵɵadvance(1);
3444
3444
  i0.ɵɵproperty("ngIf", ctx.iconAfter);
3445
- } }, 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}.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)}}"] }); }
3445
+ } }, 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)}}"] }); }
3446
3446
  }
3447
3447
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrButtonComponent, [{
3448
3448
  type: Component,
3449
- 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.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"] }]
3449
+ 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"] }]
3450
3450
  }], null, { theme: [{
3451
3451
  type: Input
3452
3452
  }, {