@datarailsshared/datarailsshared 1.6.293 → 1.6.297

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 (8) hide show
  1. package/datarailsshared-datarailsshared-1.6.297.tgz +0 -0
  2. package/esm2022/lib/dr-inputs/button/button.component.mjs +2 -2
  3. package/esm2022/lib/dr-inputs/dr-toggle/dr-toggle.component.mjs +12 -3
  4. package/fesm2022/datarailsshared-datarailsshared.mjs +13 -4
  5. package/fesm2022/datarailsshared-datarailsshared.mjs.map +1 -1
  6. package/lib/dr-inputs/dr-toggle/dr-toggle.component.d.ts +1 -0
  7. package/package.json +1 -1
  8. package/datarailsshared-datarailsshared-1.6.293.tgz +0 -0
package/esm2022/lib/dr-inputs/button/button.component.mjs CHANGED
@@ -55,11 +55,11 @@ export class DrButtonComponent {
55
55
  i0.ɵɵproperty("ngIf", ctx.isLoading);
56
56
  i0.ɵɵadvance(1);
57
57
  i0.ɵɵproperty("ngIf", ctx.iconAfter);
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%]{font-size:14px;line-height:24px;font-weight:400;position:relative;display:flex;align-items:center;flex-wrap:nowrap;cursor:pointer;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;line-height:16px;font-weight:400;border:1px solid #dfe0e3;border-radius:6px;padding:6px 8px;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
+ } }, dependencies: [CommonModule, i1.NgIf], styles: ["[_nghost-%COMP%]{display:inline-block}.disabled[_nghost-%COMP%], .loading[_nghost-%COMP%]{pointer-events:none}[_nghost-%COMP%] button[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:400;position:relative;display:flex;align-items:center;flex-wrap:nowrap;cursor:pointer;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:#ffffff1a;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;line-height:16px;font-weight:400;border:1px solid #dfe0e3;border-radius:6px;padding:6px 8px;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)}}"] }); }
59
59
  }
60
60
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrButtonComponent, [{
61
61
  type: Component,
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{font-size:14px;line-height:24px;font-weight:400;position:relative;display:flex;align-items:center;flex-wrap:nowrap;cursor:pointer;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;line-height:16px;font-weight:400;border:1px solid #dfe0e3;border-radius:6px;padding:6px 8px;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
+ 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{font-size:14px;line-height:24px;font-weight:400;position:relative;display:flex;align-items:center;flex-wrap:nowrap;cursor:pointer;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:#ffffff1a;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;line-height:16px;font-weight:400;border:1px solid #dfe0e3;border-radius:6px;padding:6px 8px;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"] }]
63
63
  }], null, { theme: [{
64
64
  type: Input
65
65
  }, {
package/esm2022/lib/dr-inputs/dr-toggle/dr-toggle.component.mjs CHANGED
@@ -3,7 +3,9 @@ import { NG_VALUE_ACCESSOR } from '@angular/forms';
3
3
  import * as i0 from "@angular/core";
4
4
  import * as i1 from "@angular/common";
5
5
  function DrToggleComponent_span_0_Template(rf, ctx) { if (rf & 1) {
6
+ const _r3 = i0.ɵɵgetCurrentView();
6
7
  i0.ɵɵelementStart(0, "span", 5);
8
+ i0.ɵɵlistener("click", function DrToggleComponent_span_0_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.handleTitleClick()); });
7
9
  i0.ɵɵtext(1);
8
10
  i0.ɵɵelementEnd();
9
11
  } if (rf & 2) {
@@ -12,7 +14,9 @@ function DrToggleComponent_span_0_Template(rf, ctx) { if (rf & 1) {
12
14
  i0.ɵɵtextInterpolate(ctx_r0.toggleTitle);
13
15
  } }
14
16
  function DrToggleComponent_span_6_Template(rf, ctx) { if (rf & 1) {
17
+ const _r5 = i0.ɵɵgetCurrentView();
15
18
  i0.ɵɵelementStart(0, "span", 6);
19
+ i0.ɵɵlistener("click", function DrToggleComponent_span_6_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.handleTitleClick()); });
16
20
  i0.ɵɵtext(1);
17
21
  i0.ɵɵelementEnd();
18
22
  } if (rf & 2) {
@@ -61,11 +65,16 @@ export class DrToggleComponent {
61
65
  this.checkedChange.emit(this.checkedStatus);
62
66
  this.onTouched();
63
67
  }
68
+ handleTitleClick() {
69
+ if (this._disabled)
70
+ return;
71
+ this.setValue();
72
+ }
64
73
  /** @nocollapse */ static { this.ɵfac = function DrToggleComponent_Factory(t) { return new (t || DrToggleComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
65
74
  /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrToggleComponent, selectors: [["dr-toggle"]], hostVars: 3, hostBindings: function DrToggleComponent_HostBindings(rf, ctx) { if (rf & 2) {
66
75
  i0.ɵɵattribute("id", ctx.hostId);
67
76
  i0.ɵɵclassMap(ctx.elementClass);
68
- } }, inputs: { id: "id", toggleTitle: "toggleTitle", toggleTitleRight: "toggleTitleRight", successType: "successType", checkedStatus: "checkedStatus", disabled: "disabled" }, outputs: { checkedChange: "checkedChange" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: DrToggleComponent, multi: true }])], ngContentSelectors: _c0, decls: 7, vars: 10, consts: [["class", "toggle-title mr-3", 4, "ngIf"], [1, "toggle-container"], ["type", "checkbox", 3, "checked", "disabled", "click"], [1, "toggle-body"], ["class", "toggle-title ml-3", 4, "ngIf"], [1, "toggle-title", "mr-3"], [1, "toggle-title", "ml-3"]], template: function DrToggleComponent_Template(rf, ctx) { if (rf & 1) {
77
+ } }, inputs: { id: "id", toggleTitle: "toggleTitle", toggleTitleRight: "toggleTitleRight", successType: "successType", checkedStatus: "checkedStatus", disabled: "disabled" }, outputs: { checkedChange: "checkedChange" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: DrToggleComponent, multi: true }])], ngContentSelectors: _c0, decls: 7, vars: 10, consts: [["class", "toggle-title mr-3", 3, "click", 4, "ngIf"], [1, "toggle-container"], ["type", "checkbox", 3, "checked", "disabled", "click"], [1, "toggle-body"], ["class", "toggle-title ml-3", 3, "click", 4, "ngIf"], [1, "toggle-title", "mr-3", 3, "click"], [1, "toggle-title", "ml-3", 3, "click"]], template: function DrToggleComponent_Template(rf, ctx) { if (rf & 1) {
69
78
  i0.ɵɵprojectionDef();
70
79
  i0.ɵɵtemplate(0, DrToggleComponent_span_0_Template, 2, 1, "span", 0);
71
80
  i0.ɵɵelementStart(1, "label", 1)(2, "input", 2);
@@ -90,7 +99,7 @@ export class DrToggleComponent {
90
99
  }
91
100
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrToggleComponent, [{
92
101
  type: Component,
93
- args: [{ selector: 'dr-toggle', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: DrToggleComponent, multi: true }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"toggle-title mr-3\" *ngIf=\"toggleTitle && !toggleTitleRight\">{{ toggleTitle }}</span>\n<label class=\"toggle-container\" [class.success]=\"successType\" [class.disabled]=\"_disabled\">\n <input\n [attr.id]=\"id\"\n type=\"checkbox\"\n [attr.data-test]=\"checkedStatus ? 'toggle-on' : 'toggle-off'\"\n [checked]=\"checkedStatus\"\n [disabled]=\"_disabled\"\n (click)=\"setValue()\" />\n <span class=\"toggle-body\">\n <i></i>\n </span>\n <ng-content></ng-content>\n</label>\n<span class=\"toggle-title ml-3\" *ngIf=\"toggleTitle && toggleTitleRight\">{{ toggleTitle }}</span>\n", styles: [":host{display:flex;justify-content:space-between;align-items:center;font-family:Poppins,sans-serif}:host.toggle-label-alignment{justify-content:start}:host .toggle-container{display:flex;align-items:center}:host .toggle-container.disabled{pointer-events:none}:host .toggle-container.disabled .toggle-body{background-color:#8f9bb329!important}:host .toggle-container.disabled .toggle-body i{background:#8f9bb33d!important}:host .toggle-container.success input:checked+span.toggle-body{background-color:#03a678}:host .toggle-container input{display:none}:host .toggle-container input:checked+span.toggle-body>i,:host .toggle-container input:checked+span.toggle-body:active>i{margin-left:16px}:host .toggle-container input:checked+span.toggle-body{background-color:#4646ce}:host .toggle-container .toggle-body{cursor:pointer;display:block;width:30px;height:16px;margin:7px auto;border-radius:15px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;background-color:#8f929e;line-height:1}:host .toggle-container .toggle-body:active{background-color:#a6b9cb}:host .toggle-container .toggle-body-wrapper{display:flex;flex-direction:column}:host .toggle-container .toggle-body i{height:12px;width:12px;background:#fff;display:inline-block;border-radius:100px;margin-top:2px;margin-left:1.5px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;pointer-events:none}:host .toggle-title{line-height:22px}\n"] }]
102
+ args: [{ selector: 'dr-toggle', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: DrToggleComponent, multi: true }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"toggle-title mr-3\" *ngIf=\"toggleTitle && !toggleTitleRight\" (click)=\"handleTitleClick()\">{{ toggleTitle }}</span>\n<label class=\"toggle-container\" [class.success]=\"successType\" [class.disabled]=\"_disabled\">\n <input\n [attr.id]=\"id\"\n type=\"checkbox\"\n [attr.data-test]=\"checkedStatus ? 'toggle-on' : 'toggle-off'\"\n [checked]=\"checkedStatus\"\n [disabled]=\"_disabled\"\n (click)=\"setValue()\" />\n <span class=\"toggle-body\">\n <i></i>\n </span>\n <ng-content></ng-content>\n</label>\n<span class=\"toggle-title ml-3\" *ngIf=\"toggleTitle && toggleTitleRight\" (click)=\"handleTitleClick()\">{{ toggleTitle }}</span>\n", styles: [":host{display:flex;justify-content:space-between;align-items:center;font-family:Poppins,sans-serif}:host.toggle-label-alignment{justify-content:start}:host .toggle-container{display:flex;align-items:center}:host .toggle-container.disabled{pointer-events:none}:host .toggle-container.disabled .toggle-body{background-color:#8f9bb329!important}:host .toggle-container.disabled .toggle-body i{background:#8f9bb33d!important}:host .toggle-container.success input:checked+span.toggle-body{background-color:#03a678}:host .toggle-container input{display:none}:host .toggle-container input:checked+span.toggle-body>i,:host .toggle-container input:checked+span.toggle-body:active>i{margin-left:16px}:host .toggle-container input:checked+span.toggle-body{background-color:#4646ce}:host .toggle-container .toggle-body{cursor:pointer;display:block;width:30px;height:16px;margin:7px auto;border-radius:15px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;background-color:#8f929e;line-height:1}:host .toggle-container .toggle-body:active{background-color:#a6b9cb}:host .toggle-container .toggle-body-wrapper{display:flex;flex-direction:column}:host .toggle-container .toggle-body i{height:12px;width:12px;background:#fff;display:inline-block;border-radius:100px;margin-top:2px;margin-left:1.5px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;pointer-events:none}:host .toggle-title{line-height:22px}\n"] }]
94
103
  }], function () { return [{ type: i0.ChangeDetectorRef }]; }, { id: [{
95
104
  type: Input
96
105
  }], hostId: [{
@@ -112,4 +121,4 @@ export class DrToggleComponent {
112
121
  type: HostBinding,
113
122
  args: ['class']
114
123
  }] }); })();
115
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItdG9nZ2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWlucHV0cy9kci10b2dnbGUvZHItdG9nZ2xlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWlucHV0cy9kci10b2dnbGUvZHItdG9nZ2xlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFSCx1QkFBdUIsRUFDdkIsaUJBQWlCLEVBQ2pCLFNBQVMsRUFDVCxZQUFZLEVBQ1osV0FBVyxFQUNYLEtBQUssRUFDTCxNQUFNLEdBQ1QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7O0lDVnpFLCtCQUF5RTtJQUFBLFlBQWlCO0lBQUEsaUJBQU87OztJQUF4QixlQUFpQjtJQUFqQix3Q0FBaUI7OztJQWMxRiwrQkFBd0U7SUFBQSxZQUFpQjtJQUFBLGlCQUFPOzs7SUFBeEIsZUFBaUI7SUFBakIsd0NBQWlCOzs7QURLekYsTUFBTSxPQUFPLGlCQUFpQjtJQWtCMUIsSUFBYSxRQUFRLENBQUMsS0FBYztRQUNoQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUlELElBQTBCLFlBQVk7UUFDbEMsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRUQsWUFBb0IsR0FBc0I7UUFBdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUEzQjFDLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsa0JBQWEsR0FBYSxFQUFFLENBQUM7UUFLN0IsV0FBTSxHQUFHLElBQUksQ0FBQztRQWVKLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQWM3QyxhQUFRLEdBQTZCLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUM5QyxjQUFTLEdBQWUsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO0lBVFksQ0FBQztJQUU5QyxlQUFlO1FBQ1gsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEVBQUU7WUFDdkIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsd0JBQXdCLENBQUMsQ0FBQztTQUNyRDtJQUNMLENBQUM7SUFLRCxVQUFVLENBQUMsS0FBYztRQUNyQixJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztRQUMzQixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3BCLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFPO1FBQ3JCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBRSxVQUFtQjtRQUNqQyxJQUFJLENBQUMsU0FBUyxHQUFHLFVBQVUsQ0FBQztJQUNoQyxDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksQ0FBQyxhQUFhLEdBQUcsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDO1FBQ3pDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUM1QyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDckIsQ0FBQztxR0E3RFEsaUJBQWlCO21HQUFqQixpQkFBaUI7OztxUUFIZixDQUFDLEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLENBQUM7O1lDaEI1RixvRUFBaUc7WUFDakcsZ0NBQTJGLGVBQUE7WUFPbkYsNkZBQVMsY0FBVSxJQUFDO1lBTnhCLGlCQU0yQjtZQUMzQiwrQkFBMEI7WUFDdEIsb0JBQU87WUFDWCxpQkFBTztZQUNQLGtCQUF5QjtZQUM3QixpQkFBUTtZQUNSLG9FQUFnRzs7WUFkL0QsK0RBQXNDO1lBQ3ZDLGVBQTZCO1lBQTdCLDBDQUE2QiwyQkFBQTtZQUtyRCxlQUF5QjtZQUF6QiwyQ0FBeUIsMkJBQUE7WUFIekIsNEJBQWMsNkRBQUE7WUFXVyxlQUFxQztZQUFyQyw4REFBcUM7Ozt1RkRLekQsaUJBQWlCO2NBUDdCLFNBQVM7MkJBQ0ksV0FBVyxhQUdWLENBQUMsRUFBRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsV0FBVyxtQkFBbUIsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLENBQUMsbUJBQ3ZFLHVCQUF1QixDQUFDLE1BQU07b0VBTy9DLEVBQUU7a0JBREQsS0FBSztZQUdOLE1BQU07a0JBREwsV0FBVzttQkFBQyxTQUFTO1lBSXRCLFdBQVc7a0JBRFYsS0FBSztZQUdOLGdCQUFnQjtrQkFEZixLQUFLO1lBR04sV0FBVztrQkFEVixLQUFLO1lBR04sYUFBYTtrQkFEWixLQUFLO1lBR08sUUFBUTtrQkFBcEIsS0FBSztZQUlJLGFBQWE7a0JBQXRCLE1BQU07WUFFbUIsWUFBWTtrQkFBckMsV0FBVzttQkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBBZnRlclZpZXdJbml0LFxuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENoYW5nZURldGVjdG9yUmVmLFxuICAgIENvbXBvbmVudCxcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkci10b2dnbGUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9kci10b2dnbGUuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2RyLXRvZ2dsZS5jb21wb25lbnQuc2NzcyddLFxuICAgIHByb3ZpZGVyczogW3sgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsIHVzZUV4aXN0aW5nOiBEclRvZ2dsZUNvbXBvbmVudCwgbXVsdGk6IHRydWUgfV0sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERyVG9nZ2xlQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3IsIEFmdGVyVmlld0luaXQge1xuICAgIF9kaXNhYmxlZCA9IGZhbHNlO1xuICAgIF9lbGVtZW50Q2xhc3M6IHN0cmluZ1tdID0gW107XG5cbiAgICBASW5wdXQoKVxuICAgIGlkPzogc3RyaW5nO1xuICAgIEBIb3N0QmluZGluZygnYXR0ci5pZCcpXG4gICAgaG9zdElkID0gbnVsbDtcblxuICAgIEBJbnB1dCgpXG4gICAgdG9nZ2xlVGl0bGU6IGFueTtcbiAgICBASW5wdXQoKVxuICAgIHRvZ2dsZVRpdGxlUmlnaHQ6IGJvb2xlYW47XG4gICAgQElucHV0KClcbiAgICBzdWNjZXNzVHlwZTogYm9vbGVhbjtcbiAgICBASW5wdXQoKVxuICAgIGNoZWNrZWRTdGF0dXM6IGJvb2xlYW47XG5cbiAgICBASW5wdXQoKSBzZXQgZGlzYWJsZWQodmFsdWU6IGJvb2xlYW4pIHtcbiAgICAgICAgdGhpcy5zZXREaXNhYmxlZFN0YXRlKHZhbHVlKTtcbiAgICB9XG5cbiAgICBAT3V0cHV0KCkgY2hlY2tlZENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKSBnZXQgZWxlbWVudENsYXNzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLl9lbGVtZW50Q2xhc3Muam9pbignICcpO1xuICAgIH1cblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMudG9nZ2xlVGl0bGVSaWdodCkge1xuICAgICAgICAgICAgdGhpcy5fZWxlbWVudENsYXNzLnB1c2goJ3RvZ2dsZS1sYWJlbC1hbGlnbm1lbnQnKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9uQ2hhbmdlOiAodmFsdWU6IGJvb2xlYW4pID0+IHZvaWQgPSAoKSA9PiB7fTtcbiAgICBvblRvdWNoZWQ6ICgpID0+IHZvaWQgPSAoKSA9PiB7fTtcblxuICAgIHdyaXRlVmFsdWUodmFsdWU6IGJvb2xlYW4pIHtcbiAgICAgICAgdGhpcy5jaGVja2VkU3RhdHVzID0gdmFsdWU7XG4gICAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cblxuICAgIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSkge1xuICAgICAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gICAgfVxuXG4gICAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSkge1xuICAgICAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICAgIH1cblxuICAgIHNldERpc2FibGVkU3RhdGU/KGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICAgIH1cblxuICAgIHNldFZhbHVlKCkge1xuICAgICAgICB0aGlzLmNoZWNrZWRTdGF0dXMgPSAhdGhpcy5jaGVja2VkU3RhdHVzO1xuICAgICAgICB0aGlzLm9uQ2hhbmdlKHRoaXMuY2hlY2tlZFN0YXR1cyk7XG4gICAgICAgIHRoaXMuY2hlY2tlZENoYW5nZS5lbWl0KHRoaXMuY2hlY2tlZFN0YXR1cyk7XG4gICAgICAgIHRoaXMub25Ub3VjaGVkKCk7XG4gICAgfVxufVxuIiwiPHNwYW4gY2xhc3M9XCJ0b2dnbGUtdGl0bGUgbXItM1wiICpuZ0lmPVwidG9nZ2xlVGl0bGUgJiYgIXRvZ2dsZVRpdGxlUmlnaHRcIj57eyB0b2dnbGVUaXRsZSB9fTwvc3Bhbj5cbjxsYWJlbCBjbGFzcz1cInRvZ2dsZS1jb250YWluZXJcIiBbY2xhc3Muc3VjY2Vzc109XCJzdWNjZXNzVHlwZVwiIFtjbGFzcy5kaXNhYmxlZF09XCJfZGlzYWJsZWRcIj5cbiAgICA8aW5wdXRcbiAgICAgICAgW2F0dHIuaWRdPVwiaWRcIlxuICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICBbYXR0ci5kYXRhLXRlc3RdPVwiY2hlY2tlZFN0YXR1cyA/ICd0b2dnbGUtb24nIDogJ3RvZ2dsZS1vZmYnXCJcbiAgICAgICAgW2NoZWNrZWRdPVwiY2hlY2tlZFN0YXR1c1wiXG4gICAgICAgIFtkaXNhYmxlZF09XCJfZGlzYWJsZWRcIlxuICAgICAgICAoY2xpY2spPVwic2V0VmFsdWUoKVwiIC8+XG4gICAgPHNwYW4gY2xhc3M9XCJ0b2dnbGUtYm9keVwiPlxuICAgICAgICA8aT48L2k+XG4gICAgPC9zcGFuPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvbGFiZWw+XG48c3BhbiBjbGFzcz1cInRvZ2dsZS10aXRsZSBtbC0zXCIgKm5nSWY9XCJ0b2dnbGVUaXRsZSAmJiB0b2dnbGVUaXRsZVJpZ2h0XCI+e3sgdG9nZ2xlVGl0bGUgfX08L3NwYW4+XG4iXX0=
124
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItdG9nZ2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWlucHV0cy9kci10b2dnbGUvZHItdG9nZ2xlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWlucHV0cy9kci10b2dnbGUvZHItdG9nZ2xlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFSCx1QkFBdUIsRUFDdkIsaUJBQWlCLEVBQ2pCLFNBQVMsRUFDVCxZQUFZLEVBQ1osV0FBVyxFQUNYLEtBQUssRUFDTCxNQUFNLEdBQ1QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7OztJQ1Z6RSwrQkFBc0c7SUFBN0IsNkpBQVMsZUFBQSx5QkFBa0IsQ0FBQSxJQUFDO0lBQUMsWUFBaUI7SUFBQSxpQkFBTzs7O0lBQXhCLGVBQWlCO0lBQWpCLHdDQUFpQjs7OztJQWN2SCwrQkFBcUc7SUFBN0IsNkpBQVMsZUFBQSx5QkFBa0IsQ0FBQSxJQUFDO0lBQUMsWUFBaUI7SUFBQSxpQkFBTzs7O0lBQXhCLGVBQWlCO0lBQWpCLHdDQUFpQjs7O0FES3RILE1BQU0sT0FBTyxpQkFBaUI7SUFrQjFCLElBQWEsUUFBUSxDQUFDLEtBQWM7UUFDaEMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFJRCxJQUEwQixZQUFZO1FBQ2xDLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDeEMsQ0FBQztJQUVELFlBQW9CLEdBQXNCO1FBQXRCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBM0IxQyxjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLGtCQUFhLEdBQWEsRUFBRSxDQUFDO1FBSzdCLFdBQU0sR0FBRyxJQUFJLENBQUM7UUFlSixrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFjN0MsYUFBUSxHQUE2QixHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDOUMsY0FBUyxHQUFlLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztJQVRZLENBQUM7SUFFOUMsZUFBZTtRQUNYLElBQUksSUFBSSxDQUFDLGdCQUFnQixFQUFFO1lBQ3ZCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLHdCQUF3QixDQUFDLENBQUM7U0FDckQ7SUFDTCxDQUFDO0lBS0QsVUFBVSxDQUFDLEtBQWM7UUFDckIsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUM7UUFDM0IsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBTztRQUNwQixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUNyQixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsZ0JBQWdCLENBQUUsVUFBbUI7UUFDakMsSUFBSSxDQUFDLFNBQVMsR0FBRyxVQUFVLENBQUM7SUFDaEMsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQztRQUN6QyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUNsQyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDNUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxnQkFBZ0I7UUFDWixJQUFJLElBQUksQ0FBQyxTQUFTO1lBQUUsT0FBTztRQUMzQixJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDcEIsQ0FBQztxR0FsRVEsaUJBQWlCO21HQUFqQixpQkFBaUI7OztxUUFIZixDQUFDLEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLENBQUM7O1lDaEI1RixvRUFBOEg7WUFDOUgsZ0NBQTJGLGVBQUE7WUFPbkYsNkZBQVMsY0FBVSxJQUFDO1lBTnhCLGlCQU0yQjtZQUMzQiwrQkFBMEI7WUFDdEIsb0JBQU87WUFDWCxpQkFBTztZQUNQLGtCQUF5QjtZQUM3QixpQkFBUTtZQUNSLG9FQUE2SDs7WUFkNUYsK0RBQXNDO1lBQ3ZDLGVBQTZCO1lBQTdCLDBDQUE2QiwyQkFBQTtZQUtyRCxlQUF5QjtZQUF6QiwyQ0FBeUIsMkJBQUE7WUFIekIsNEJBQWMsNkRBQUE7WUFXVyxlQUFxQztZQUFyQyw4REFBcUM7Ozt1RkRLekQsaUJBQWlCO2NBUDdCLFNBQVM7MkJBQ0ksV0FBVyxhQUdWLENBQUMsRUFBRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsV0FBVyxtQkFBbUIsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLENBQUMsbUJBQ3ZFLHVCQUF1QixDQUFDLE1BQU07b0VBTy9DLEVBQUU7a0JBREQsS0FBSztZQUdOLE1BQU07a0JBREwsV0FBVzttQkFBQyxTQUFTO1lBSXRCLFdBQVc7a0JBRFYsS0FBSztZQUdOLGdCQUFnQjtrQkFEZixLQUFLO1lBR04sV0FBVztrQkFEVixLQUFLO1lBR04sYUFBYTtrQkFEWixLQUFLO1lBR08sUUFBUTtrQkFBcEIsS0FBSztZQUlJLGFBQWE7a0JBQXRCLE1BQU07WUFFbUIsWUFBWTtrQkFBckMsV0FBVzttQkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBBZnRlclZpZXdJbml0LFxuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENoYW5nZURldGVjdG9yUmVmLFxuICAgIENvbXBvbmVudCxcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkci10b2dnbGUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9kci10b2dnbGUuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2RyLXRvZ2dsZS5jb21wb25lbnQuc2NzcyddLFxuICAgIHByb3ZpZGVyczogW3sgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsIHVzZUV4aXN0aW5nOiBEclRvZ2dsZUNvbXBvbmVudCwgbXVsdGk6IHRydWUgfV0sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERyVG9nZ2xlQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3IsIEFmdGVyVmlld0luaXQge1xuICAgIF9kaXNhYmxlZCA9IGZhbHNlO1xuICAgIF9lbGVtZW50Q2xhc3M6IHN0cmluZ1tdID0gW107XG5cbiAgICBASW5wdXQoKVxuICAgIGlkPzogc3RyaW5nO1xuICAgIEBIb3N0QmluZGluZygnYXR0ci5pZCcpXG4gICAgaG9zdElkID0gbnVsbDtcblxuICAgIEBJbnB1dCgpXG4gICAgdG9nZ2xlVGl0bGU6IGFueTtcbiAgICBASW5wdXQoKVxuICAgIHRvZ2dsZVRpdGxlUmlnaHQ6IGJvb2xlYW47XG4gICAgQElucHV0KClcbiAgICBzdWNjZXNzVHlwZTogYm9vbGVhbjtcbiAgICBASW5wdXQoKVxuICAgIGNoZWNrZWRTdGF0dXM6IGJvb2xlYW47XG5cbiAgICBASW5wdXQoKSBzZXQgZGlzYWJsZWQodmFsdWU6IGJvb2xlYW4pIHtcbiAgICAgICAgdGhpcy5zZXREaXNhYmxlZFN0YXRlKHZhbHVlKTtcbiAgICB9XG5cbiAgICBAT3V0cHV0KCkgY2hlY2tlZENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKSBnZXQgZWxlbWVudENsYXNzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLl9lbGVtZW50Q2xhc3Muam9pbignICcpO1xuICAgIH1cblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMudG9nZ2xlVGl0bGVSaWdodCkge1xuICAgICAgICAgICAgdGhpcy5fZWxlbWVudENsYXNzLnB1c2goJ3RvZ2dsZS1sYWJlbC1hbGlnbm1lbnQnKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9uQ2hhbmdlOiAodmFsdWU6IGJvb2xlYW4pID0+IHZvaWQgPSAoKSA9PiB7fTtcbiAgICBvblRvdWNoZWQ6ICgpID0+IHZvaWQgPSAoKSA9PiB7fTtcblxuICAgIHdyaXRlVmFsdWUodmFsdWU6IGJvb2xlYW4pIHtcbiAgICAgICAgdGhpcy5jaGVja2VkU3RhdHVzID0gdmFsdWU7XG4gICAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cblxuICAgIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSkge1xuICAgICAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gICAgfVxuXG4gICAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSkge1xuICAgICAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICAgIH1cblxuICAgIHNldERpc2FibGVkU3RhdGU/KGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICAgIH1cblxuICAgIHNldFZhbHVlKCkge1xuICAgICAgICB0aGlzLmNoZWNrZWRTdGF0dXMgPSAhdGhpcy5jaGVja2VkU3RhdHVzO1xuICAgICAgICB0aGlzLm9uQ2hhbmdlKHRoaXMuY2hlY2tlZFN0YXR1cyk7XG4gICAgICAgIHRoaXMuY2hlY2tlZENoYW5nZS5lbWl0KHRoaXMuY2hlY2tlZFN0YXR1cyk7XG4gICAgICAgIHRoaXMub25Ub3VjaGVkKCk7XG4gICAgfVxuXG4gICAgaGFuZGxlVGl0bGVDbGljaygpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuX2Rpc2FibGVkKSByZXR1cm47XG4gICAgICAgIHRoaXMuc2V0VmFsdWUoKTtcbiAgICB9XG59XG4iLCI8c3BhbiBjbGFzcz1cInRvZ2dsZS10aXRsZSBtci0zXCIgKm5nSWY9XCJ0b2dnbGVUaXRsZSAmJiAhdG9nZ2xlVGl0bGVSaWdodFwiIChjbGljayk9XCJoYW5kbGVUaXRsZUNsaWNrKClcIj57eyB0b2dnbGVUaXRsZSB9fTwvc3Bhbj5cbjxsYWJlbCBjbGFzcz1cInRvZ2dsZS1jb250YWluZXJcIiBbY2xhc3Muc3VjY2Vzc109XCJzdWNjZXNzVHlwZVwiIFtjbGFzcy5kaXNhYmxlZF09XCJfZGlzYWJsZWRcIj5cbiAgICA8aW5wdXRcbiAgICAgICAgW2F0dHIuaWRdPVwiaWRcIlxuICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICBbYXR0ci5kYXRhLXRlc3RdPVwiY2hlY2tlZFN0YXR1cyA/ICd0b2dnbGUtb24nIDogJ3RvZ2dsZS1vZmYnXCJcbiAgICAgICAgW2NoZWNrZWRdPVwiY2hlY2tlZFN0YXR1c1wiXG4gICAgICAgIFtkaXNhYmxlZF09XCJfZGlzYWJsZWRcIlxuICAgICAgICAoY2xpY2spPVwic2V0VmFsdWUoKVwiIC8+XG4gICAgPHNwYW4gY2xhc3M9XCJ0b2dnbGUtYm9keVwiPlxuICAgICAgICA8aT48L2k+XG4gICAgPC9zcGFuPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvbGFiZWw+XG48c3BhbiBjbGFzcz1cInRvZ2dsZS10aXRsZSBtbC0zXCIgKm5nSWY9XCJ0b2dnbGVUaXRsZSAmJiB0b2dnbGVUaXRsZVJpZ2h0XCIgKGNsaWNrKT1cImhhbmRsZVRpdGxlQ2xpY2soKVwiPnt7IHRvZ2dsZVRpdGxlIH19PC9zcGFuPlxuIl19
package/fesm2022/datarailsshared-datarailsshared.mjs CHANGED
@@ -1950,7 +1950,9 @@ class RadioGroupComponent {
1950
1950
  }] }); })();
1951
1951
 
1952
1952
  function DrToggleComponent_span_0_Template(rf, ctx) { if (rf & 1) {
1953
+ const _r3 = i0.ɵɵgetCurrentView();
1953
1954
  i0.ɵɵelementStart(0, "span", 5);
1955
+ i0.ɵɵlistener("click", function DrToggleComponent_span_0_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.handleTitleClick()); });
1954
1956
  i0.ɵɵtext(1);
1955
1957
  i0.ɵɵelementEnd();
1956
1958
  } if (rf & 2) {
@@ -1959,7 +1961,9 @@ function DrToggleComponent_span_0_Template(rf, ctx) { if (rf & 1) {
1959
1961
  i0.ɵɵtextInterpolate(ctx_r0.toggleTitle);
1960
1962
  } }
1961
1963
  function DrToggleComponent_span_6_Template(rf, ctx) { if (rf & 1) {
1964
+ const _r5 = i0.ɵɵgetCurrentView();
1962
1965
  i0.ɵɵelementStart(0, "span", 6);
1966
+ i0.ɵɵlistener("click", function DrToggleComponent_span_6_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.handleTitleClick()); });
1963
1967
  i0.ɵɵtext(1);
1964
1968
  i0.ɵɵelementEnd();
1965
1969
  } if (rf & 2) {
@@ -2008,11 +2012,16 @@ class DrToggleComponent {
2008
2012
  this.checkedChange.emit(this.checkedStatus);
2009
2013
  this.onTouched();
2010
2014
  }
2015
+ handleTitleClick() {
2016
+ if (this._disabled)
2017
+ return;
2018
+ this.setValue();
2019
+ }
2011
2020
  /** @nocollapse */ static { this.ɵfac = function DrToggleComponent_Factory(t) { return new (t || DrToggleComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
2012
2021
  /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrToggleComponent, selectors: [["dr-toggle"]], hostVars: 3, hostBindings: function DrToggleComponent_HostBindings(rf, ctx) { if (rf & 2) {
2013
2022
  i0.ɵɵattribute("id", ctx.hostId);
2014
2023
  i0.ɵɵclassMap(ctx.elementClass);
2015
- } }, inputs: { id: "id", toggleTitle: "toggleTitle", toggleTitleRight: "toggleTitleRight", successType: "successType", checkedStatus: "checkedStatus", disabled: "disabled" }, outputs: { checkedChange: "checkedChange" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: DrToggleComponent, multi: true }])], ngContentSelectors: _c0$V, decls: 7, vars: 10, consts: [["class", "toggle-title mr-3", 4, "ngIf"], [1, "toggle-container"], ["type", "checkbox", 3, "checked", "disabled", "click"], [1, "toggle-body"], ["class", "toggle-title ml-3", 4, "ngIf"], [1, "toggle-title", "mr-3"], [1, "toggle-title", "ml-3"]], template: function DrToggleComponent_Template(rf, ctx) { if (rf & 1) {
2024
+ } }, inputs: { id: "id", toggleTitle: "toggleTitle", toggleTitleRight: "toggleTitleRight", successType: "successType", checkedStatus: "checkedStatus", disabled: "disabled" }, outputs: { checkedChange: "checkedChange" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: DrToggleComponent, multi: true }])], ngContentSelectors: _c0$V, decls: 7, vars: 10, consts: [["class", "toggle-title mr-3", 3, "click", 4, "ngIf"], [1, "toggle-container"], ["type", "checkbox", 3, "checked", "disabled", "click"], [1, "toggle-body"], ["class", "toggle-title ml-3", 3, "click", 4, "ngIf"], [1, "toggle-title", "mr-3", 3, "click"], [1, "toggle-title", "ml-3", 3, "click"]], template: function DrToggleComponent_Template(rf, ctx) { if (rf & 1) {
2016
2025
  i0.ɵɵprojectionDef();
2017
2026
  i0.ɵɵtemplate(0, DrToggleComponent_span_0_Template, 2, 1, "span", 0);
2018
2027
  i0.ɵɵelementStart(1, "label", 1)(2, "input", 2);
@@ -2037,7 +2046,7 @@ class DrToggleComponent {
2037
2046
  }
2038
2047
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrToggleComponent, [{
2039
2048
  type: Component,
2040
- args: [{ selector: 'dr-toggle', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: DrToggleComponent, multi: true }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"toggle-title mr-3\" *ngIf=\"toggleTitle && !toggleTitleRight\">{{ toggleTitle }}</span>\n<label class=\"toggle-container\" [class.success]=\"successType\" [class.disabled]=\"_disabled\">\n <input\n [attr.id]=\"id\"\n type=\"checkbox\"\n [attr.data-test]=\"checkedStatus ? 'toggle-on' : 'toggle-off'\"\n [checked]=\"checkedStatus\"\n [disabled]=\"_disabled\"\n (click)=\"setValue()\" />\n <span class=\"toggle-body\">\n <i></i>\n </span>\n <ng-content></ng-content>\n</label>\n<span class=\"toggle-title ml-3\" *ngIf=\"toggleTitle && toggleTitleRight\">{{ toggleTitle }}</span>\n", styles: [":host{display:flex;justify-content:space-between;align-items:center;font-family:Poppins,sans-serif}:host.toggle-label-alignment{justify-content:start}:host .toggle-container{display:flex;align-items:center}:host .toggle-container.disabled{pointer-events:none}:host .toggle-container.disabled .toggle-body{background-color:#8f9bb329!important}:host .toggle-container.disabled .toggle-body i{background:#8f9bb33d!important}:host .toggle-container.success input:checked+span.toggle-body{background-color:#03a678}:host .toggle-container input{display:none}:host .toggle-container input:checked+span.toggle-body>i,:host .toggle-container input:checked+span.toggle-body:active>i{margin-left:16px}:host .toggle-container input:checked+span.toggle-body{background-color:#4646ce}:host .toggle-container .toggle-body{cursor:pointer;display:block;width:30px;height:16px;margin:7px auto;border-radius:15px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;background-color:#8f929e;line-height:1}:host .toggle-container .toggle-body:active{background-color:#a6b9cb}:host .toggle-container .toggle-body-wrapper{display:flex;flex-direction:column}:host .toggle-container .toggle-body i{height:12px;width:12px;background:#fff;display:inline-block;border-radius:100px;margin-top:2px;margin-left:1.5px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;pointer-events:none}:host .toggle-title{line-height:22px}\n"] }]
2049
+ args: [{ selector: 'dr-toggle', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: DrToggleComponent, multi: true }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"toggle-title mr-3\" *ngIf=\"toggleTitle && !toggleTitleRight\" (click)=\"handleTitleClick()\">{{ toggleTitle }}</span>\n<label class=\"toggle-container\" [class.success]=\"successType\" [class.disabled]=\"_disabled\">\n <input\n [attr.id]=\"id\"\n type=\"checkbox\"\n [attr.data-test]=\"checkedStatus ? 'toggle-on' : 'toggle-off'\"\n [checked]=\"checkedStatus\"\n [disabled]=\"_disabled\"\n (click)=\"setValue()\" />\n <span class=\"toggle-body\">\n <i></i>\n </span>\n <ng-content></ng-content>\n</label>\n<span class=\"toggle-title ml-3\" *ngIf=\"toggleTitle && toggleTitleRight\" (click)=\"handleTitleClick()\">{{ toggleTitle }}</span>\n", styles: [":host{display:flex;justify-content:space-between;align-items:center;font-family:Poppins,sans-serif}:host.toggle-label-alignment{justify-content:start}:host .toggle-container{display:flex;align-items:center}:host .toggle-container.disabled{pointer-events:none}:host .toggle-container.disabled .toggle-body{background-color:#8f9bb329!important}:host .toggle-container.disabled .toggle-body i{background:#8f9bb33d!important}:host .toggle-container.success input:checked+span.toggle-body{background-color:#03a678}:host .toggle-container input{display:none}:host .toggle-container input:checked+span.toggle-body>i,:host .toggle-container input:checked+span.toggle-body:active>i{margin-left:16px}:host .toggle-container input:checked+span.toggle-body{background-color:#4646ce}:host .toggle-container .toggle-body{cursor:pointer;display:block;width:30px;height:16px;margin:7px auto;border-radius:15px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;background-color:#8f929e;line-height:1}:host .toggle-container .toggle-body:active{background-color:#a6b9cb}:host .toggle-container .toggle-body-wrapper{display:flex;flex-direction:column}:host .toggle-container .toggle-body i{height:12px;width:12px;background:#fff;display:inline-block;border-radius:100px;margin-top:2px;margin-left:1.5px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;pointer-events:none}:host .toggle-title{line-height:22px}\n"] }]
2041
2050
  }], function () { return [{ type: i0.ChangeDetectorRef }]; }, { id: [{
2042
2051
  type: Input
2043
2052
  }], hostId: [{
@@ -2113,11 +2122,11 @@ class DrButtonComponent {
2113
2122
  i0.ɵɵproperty("ngIf", ctx.isLoading);
2114
2123
  i0.ɵɵadvance(1);
2115
2124
  i0.ɵɵproperty("ngIf", ctx.iconAfter);
2116
- } }, dependencies: [CommonModule, i1$1.NgIf], styles: ["[_nghost-%COMP%]{display:inline-block}.disabled[_nghost-%COMP%], .loading[_nghost-%COMP%]{pointer-events:none}[_nghost-%COMP%] button[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:400;position:relative;display:flex;align-items:center;flex-wrap:nowrap;cursor:pointer;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;line-height:16px;font-weight:400;border:1px solid #dfe0e3;border-radius:6px;padding:6px 8px;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)}}"] }); }
2125
+ } }, dependencies: [CommonModule, i1$1.NgIf], styles: ["[_nghost-%COMP%]{display:inline-block}.disabled[_nghost-%COMP%], .loading[_nghost-%COMP%]{pointer-events:none}[_nghost-%COMP%] button[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:400;position:relative;display:flex;align-items:center;flex-wrap:nowrap;cursor:pointer;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:#ffffff1a;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;line-height:16px;font-weight:400;border:1px solid #dfe0e3;border-radius:6px;padding:6px 8px;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)}}"] }); }
2117
2126
  }
2118
2127
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrButtonComponent, [{
2119
2128
  type: Component,
2120
- 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{font-size:14px;line-height:24px;font-weight:400;position:relative;display:flex;align-items:center;flex-wrap:nowrap;cursor:pointer;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;line-height:16px;font-weight:400;border:1px solid #dfe0e3;border-radius:6px;padding:6px 8px;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"] }]
2129
+ 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{font-size:14px;line-height:24px;font-weight:400;position:relative;display:flex;align-items:center;flex-wrap:nowrap;cursor:pointer;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:#ffffff1a;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;line-height:16px;font-weight:400;border:1px solid #dfe0e3;border-radius:6px;padding:6px 8px;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"] }]
2121
2130
  }], null, { theme: [{
2122
2131
  type: Input
2123
2132
  }, {