@filip.mazev/blocks 1.2.5 → 1.2.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/core/styles/_theme-engine.scss +44 -16
- package/fesm2022/filip.mazev-blocks-button.mjs +2 -2
- package/fesm2022/filip.mazev-blocks-button.mjs.map +1 -1
- package/fesm2022/filip.mazev-blocks-core.mjs +3 -3
- package/fesm2022/filip.mazev-blocks-core.mjs.map +1 -1
- package/fesm2022/filip.mazev-blocks-icons.mjs +2 -2
- package/fesm2022/filip.mazev-blocks-icons.mjs.map +1 -1
- package/fesm2022/filip.mazev-blocks-modal.mjs +18 -24
- package/fesm2022/filip.mazev-blocks-modal.mjs.map +1 -1
- package/fesm2022/filip.mazev-blocks-toastr.mjs +81 -38
- package/fesm2022/filip.mazev-blocks-toastr.mjs.map +1 -1
- package/fesm2022/filip.mazev-blocks.mjs +1 -1
- package/fesm2022/filip.mazev-blocks.mjs.map +1 -1
- package/package.json +11 -9
- package/types/filip.mazev-blocks-icons.d.ts +1 -1
- package/types/filip.mazev-blocks-modal.d.ts +20 -15
- package/types/filip.mazev-blocks-toastr.d.ts +26 -10
- package/types/filip.mazev-blocks.d.ts +1 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
2
|
@use 'sass:list';
|
|
3
|
+
@use 'sass:string';
|
|
3
4
|
@use 'palettes' as *;
|
|
4
5
|
|
|
5
6
|
$required-theme-keys: (
|
|
@@ -218,24 +219,8 @@ $merged-theme: map.merge($base, $overrides);
|
|
|
218
219
|
|
|
219
220
|
@mixin bx-theme($config) {
|
|
220
221
|
@each $key, $value in $config {
|
|
221
|
-
|
|
222
222
|
@if $key !='meta-brand-palette' {
|
|
223
223
|
--bx-#{$key}: #{$value};
|
|
224
|
-
|
|
225
|
-
.bx-bg-#{$key} {
|
|
226
|
-
background-color: var(--bx-#{$key});
|
|
227
|
-
transition: background-color 0.2s ease-in-out;
|
|
228
|
-
}
|
|
229
|
-
|
|
230
|
-
.bx-text-#{$key} {
|
|
231
|
-
color: var(--bx-#{$key});
|
|
232
|
-
transition: color 0.2s ease-in-out;
|
|
233
|
-
}
|
|
234
|
-
|
|
235
|
-
.bx-border-#{$key} {
|
|
236
|
-
border-color: var(--bx-#{$key});
|
|
237
|
-
transition: border-color 0.2s ease-in-out;
|
|
238
|
-
}
|
|
239
224
|
}
|
|
240
225
|
|
|
241
226
|
@if $key =='meta-brand-palette' {
|
|
@@ -246,4 +231,47 @@ $merged-theme: map.merge($base, $overrides);
|
|
|
246
231
|
}
|
|
247
232
|
}
|
|
248
233
|
}
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
@each $key in $required-theme-keys {
|
|
237
|
+
|
|
238
|
+
@if string.index($key, 'bg-')==1 {
|
|
239
|
+
.bx-#{$key} {
|
|
240
|
+
background-color: var(--bx-#{$key});
|
|
241
|
+
transition: background-color 0.2s ease-in-out;
|
|
242
|
+
}
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
@else if string.index($key, 'text-')==1 {
|
|
246
|
+
.bx-#{$key} {
|
|
247
|
+
color: var(--bx-#{$key});
|
|
248
|
+
transition: color 0.2s ease-in-out;
|
|
249
|
+
}
|
|
250
|
+
}
|
|
251
|
+
|
|
252
|
+
@else if string.index($key, 'border-')==1 {
|
|
253
|
+
.bx-#{$key} {
|
|
254
|
+
border-color: var(--bx-#{$key});
|
|
255
|
+
transition: border-color 0.2s ease-in-out;
|
|
256
|
+
}
|
|
257
|
+
}
|
|
258
|
+
|
|
259
|
+
@else if string.index($key, 'scroll-')==1 {}
|
|
260
|
+
|
|
261
|
+
@else {
|
|
262
|
+
.bx-bg-#{$key} {
|
|
263
|
+
background-color: var(--bx-#{$key});
|
|
264
|
+
transition: background-color 0.2s ease-in-out;
|
|
265
|
+
}
|
|
266
|
+
|
|
267
|
+
.bx-text-#{$key} {
|
|
268
|
+
color: var(--bx-#{$key});
|
|
269
|
+
transition: color 0.2s ease-in-out;
|
|
270
|
+
}
|
|
271
|
+
|
|
272
|
+
.bx-border-#{$key} {
|
|
273
|
+
border-color: var(--bx-#{$key});
|
|
274
|
+
transition: border-color 0.2s ease-in-out;
|
|
275
|
+
}
|
|
276
|
+
}
|
|
249
277
|
}
|
|
@@ -14,7 +14,7 @@ class Button {
|
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Button, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: Button, isStandalone: true, selector: "bx-button, button[bx-button], a[bx-button]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, outlined: { classPropertyName: "outlined", publicName: "outlined", isSignal: true, isRequired: false, transformFunction: null }, elevated: { classPropertyName: "elevated", publicName: "elevated", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)" }, properties: { "class": "\"bx-btn bx-btn-\" + variant() + \" bx-btn-color-\" + color()", "class.bx-btn-is-outlined": "outlined()", "class.bx-btn-is-elevated": "elevated()", "attr.disabled": "disabled() ? true : null", "attr.aria-disabled": "disabled()", "attr.tabindex": "disabled() ? \"-1\" : null" } }, ngImport: i0, template: "<span class=\"bx-btn-content-wrapper\">\n <ng-content></ng-content>\n</span>", styles: [".bx-p-0{padding:0}.bx-pt-0{padding-top:0}.bx-pr-0{padding-right:0}.bx-pb-0{padding-bottom:0}.bx-pl-0{padding-left:0}.bx-px-0{padding-left:0;padding-right:0}.bx-py-0{padding-top:0;padding-bottom:0}.bx-m-0{margin:0}.bx-mt-0{margin-top:0}.bx-mr-0{margin-right:0}.bx-mb-0{margin-bottom:0}.bx-ml-0{margin-left:0}.bx-mx-0{margin-left:0;margin-right:0}.bx-my-0{margin-top:0;margin-bottom:0}.bx-p-1{padding:.25rem}.bx-pt-1{padding-top:.25rem}.bx-pr-1{padding-right:.25rem}.bx-pb-1{padding-bottom:.25rem}.bx-pl-1{padding-left:.25rem}.bx-px-1{padding-left:.25rem;padding-right:.25rem}.bx-py-1{padding-top:.25rem;padding-bottom:.25rem}.bx-m-1{margin:.25rem}.bx-mt-1{margin-top:.25rem}.bx-mr-1{margin-right:.25rem}.bx-mb-1{margin-bottom:.25rem}.bx-ml-1{margin-left:.25rem}.bx-mx-1{margin-left:.25rem;margin-right:.25rem}.bx-my-1{margin-top:.25rem;margin-bottom:.25rem}.bx-p-2{padding:.5rem}.bx-pt-2{padding-top:.5rem}.bx-pr-2{padding-right:.5rem}.bx-pb-2{padding-bottom:.5rem}.bx-pl-2{padding-left:.5rem}.bx-px-2{padding-left:.5rem;padding-right:.5rem}.bx-py-2{padding-top:.5rem;padding-bottom:.5rem}.bx-m-2{margin:.5rem}.bx-mt-2{margin-top:.5rem}.bx-mr-2{margin-right:.5rem}.bx-mb-2{margin-bottom:.5rem}.bx-ml-2{margin-left:.5rem}.bx-mx-2{margin-left:.5rem;margin-right:.5rem}.bx-my-2{margin-top:.5rem;margin-bottom:.5rem}.bx-p-3{padding:.75rem}.bx-pt-3{padding-top:.75rem}.bx-pr-3{padding-right:.75rem}.bx-pb-3{padding-bottom:.75rem}.bx-pl-3{padding-left:.75rem}.bx-px-3{padding-left:.75rem;padding-right:.75rem}.bx-py-3{padding-top:.75rem;padding-bottom:.75rem}.bx-m-3{margin:.75rem}.bx-mt-3{margin-top:.75rem}.bx-mr-3{margin-right:.75rem}.bx-mb-3{margin-bottom:.75rem}.bx-ml-3{margin-left:.75rem}.bx-mx-3{margin-left:.75rem;margin-right:.75rem}.bx-my-3{margin-top:.75rem;margin-bottom:.75rem}.bx-p-4{padding:1rem}.bx-pt-4{padding-top:1rem}.bx-pr-4{padding-right:1rem}.bx-pb-4{padding-bottom:1rem}.bx-pl-4{padding-left:1rem}.bx-px-4{padding-left:1rem;padding-right:1rem}.bx-py-4{padding-top:1rem;padding-bottom:1rem}.bx-m-4{margin:1rem}.bx-mt-4{margin-top:1rem}.bx-mr-4{margin-right:1rem}.bx-mb-4{margin-bottom:1rem}.bx-ml-4{margin-left:1rem}.bx-mx-4{margin-left:1rem;margin-right:1rem}.bx-my-4{margin-top:1rem;margin-bottom:1rem}.bx-p-5{padding:1.25rem}.bx-pt-5{padding-top:1.25rem}.bx-pr-5{padding-right:1.25rem}.bx-pb-5{padding-bottom:1.25rem}.bx-pl-5{padding-left:1.25rem}.bx-px-5{padding-left:1.25rem;padding-right:1.25rem}.bx-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.bx-m-5{margin:1.25rem}.bx-mt-5{margin-top:1.25rem}.bx-mr-5{margin-right:1.25rem}.bx-mb-5{margin-bottom:1.25rem}.bx-ml-5{margin-left:1.25rem}.bx-mx-5{margin-left:1.25rem;margin-right:1.25rem}.bx-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.bx-p-6{padding:1.5rem}.bx-pt-6{padding-top:1.5rem}.bx-pr-6{padding-right:1.5rem}.bx-pb-6{padding-bottom:1.5rem}.bx-pl-6{padding-left:1.5rem}.bx-px-6{padding-left:1.5rem;padding-right:1.5rem}.bx-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.bx-m-6{margin:1.5rem}.bx-mt-6{margin-top:1.5rem}.bx-mr-6{margin-right:1.5rem}.bx-mb-6{margin-bottom:1.5rem}.bx-ml-6{margin-left:1.5rem}.bx-mx-6{margin-left:1.5rem;margin-right:1.5rem}.bx-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.bx-p-8{padding:2rem}.bx-pt-8{padding-top:2rem}.bx-pr-8{padding-right:2rem}.bx-pb-8{padding-bottom:2rem}.bx-pl-8{padding-left:2rem}.bx-px-8{padding-left:2rem;padding-right:2rem}.bx-py-8{padding-top:2rem;padding-bottom:2rem}.bx-m-8{margin:2rem}.bx-mt-8{margin-top:2rem}.bx-mr-8{margin-right:2rem}.bx-mb-8{margin-bottom:2rem}.bx-ml-8{margin-left:2rem}.bx-mx-8{margin-left:2rem;margin-right:2rem}.bx-my-8{margin-top:2rem;margin-bottom:2rem}.bx-p-10{padding:2.5rem}.bx-pt-10{padding-top:2.5rem}.bx-pr-10{padding-right:2.5rem}.bx-pb-10{padding-bottom:2.5rem}.bx-pl-10{padding-left:2.5rem}.bx-px-10{padding-left:2.5rem;padding-right:2.5rem}.bx-py-10{padding-top:2.5rem;padding-bottom:2.5rem}.bx-m-10{margin:2.5rem}.bx-mt-10{margin-top:2.5rem}.bx-mr-10{margin-right:2.5rem}.bx-mb-10{margin-bottom:2.5rem}.bx-ml-10{margin-left:2.5rem}.bx-mx-10{margin-left:2.5rem;margin-right:2.5rem}.bx-my-10{margin-top:2.5rem;margin-bottom:2.5rem}.bx-p-12{padding:3rem}.bx-pt-12{padding-top:3rem}.bx-pr-12{padding-right:3rem}.bx-pb-12{padding-bottom:3rem}.bx-pl-12{padding-left:3rem}.bx-px-12{padding-left:3rem;padding-right:3rem}.bx-py-12{padding-top:3rem;padding-bottom:3rem}.bx-m-12{margin:3rem}.bx-mt-12{margin-top:3rem}.bx-mr-12{margin-right:3rem}.bx-mb-12{margin-bottom:3rem}.bx-ml-12{margin-left:3rem}.bx-mx-12{margin-left:3rem;margin-right:3rem}.bx-my-12{margin-top:3rem;margin-bottom:3rem}.bx-rounded-none{border-radius:0}.bx-rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.bx-rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.bx-rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.bx-rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.bx-rounded-sm{border-radius:.25rem}.bx-rounded-t-sm{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.bx-rounded-b-sm{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-l-sm{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.bx-rounded-r-sm{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-md{border-radius:.5rem}.bx-rounded-t-md{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.bx-rounded-b-md{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-l-md{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.bx-rounded-r-md{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-lg{border-radius:.75rem}.bx-rounded-t-lg{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.bx-rounded-b-lg{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-l-lg{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.bx-rounded-r-lg{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-xl{border-radius:1rem}.bx-rounded-t-xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.bx-rounded-b-xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-l-xl{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.bx-rounded-r-xl{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-2xl{border-radius:1.5rem}.bx-rounded-t-2xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.bx-rounded-b-2xl{border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-l-2xl{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}.bx-rounded-r-2xl{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-3xl{border-radius:1.875rem}.bx-rounded-t-3xl{border-top-left-radius:1.875rem;border-top-right-radius:1.875rem}.bx-rounded-b-3xl{border-bottom-left-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-l-3xl{border-top-left-radius:1.875rem;border-bottom-left-radius:1.875rem}.bx-rounded-r-3xl{border-top-right-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-pill{border-radius:9999px}.bx-rounded-t-pill{border-top-left-radius:9999px;border-top-right-radius:9999px}.bx-rounded-b-pill{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}.bx-rounded-l-pill{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.bx-rounded-r-pill{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.bx-shadow-sm{box-shadow:0 2px 4px #0000001a,0 1px 2px -1px #0000001a}.bx-shadow-md{box-shadow:0 4px 8px -1px #00000026,0 2px 4px -2px #0000001f}.bx-shadow-lg{box-shadow:0 12px 20px -3px #0003,0 4px 6px -2px #0000001a}.bx-shadow-xl{box-shadow:0 24px 32px -5px #00000040,0 10px 12px -5px #00000026}.bx-shadow-modal{box-shadow:0 8px 20px #0000001f}.bx-shadow-toast{box-shadow:0 4px 12px #00000026}.bx-z-base{z-index:1}.bx-z-dropdown{z-index:100}.bx-z-sticky{z-index:200}.bx-z-fixed{z-index:300}.bx-z-modal{z-index:400}.bx-z-popover{z-index:500}.bx-z-tooltip{z-index:600}.bx-z-toast{z-index:9999}.bx-bg-orange-50{background-color:var(--bx-color-orange-50)}.bx-text-orange-50{color:var(--bx-color-orange-50)}.bx-border-orange-50{border-color:var(--bx-color-orange-50)}.bx-bg-orange-100{background-color:var(--bx-color-orange-100)}.bx-text-orange-100{color:var(--bx-color-orange-100)}.bx-border-orange-100{border-color:var(--bx-color-orange-100)}.bx-bg-orange-200{background-color:var(--bx-color-orange-200)}.bx-text-orange-200{color:var(--bx-color-orange-200)}.bx-border-orange-200{border-color:var(--bx-color-orange-200)}.bx-bg-orange-300{background-color:var(--bx-color-orange-300)}.bx-text-orange-300{color:var(--bx-color-orange-300)}.bx-border-orange-300{border-color:var(--bx-color-orange-300)}.bx-bg-orange-400{background-color:var(--bx-color-orange-400)}.bx-text-orange-400{color:var(--bx-color-orange-400)}.bx-border-orange-400{border-color:var(--bx-color-orange-400)}.bx-bg-orange-500{background-color:var(--bx-color-orange-500)}.bx-text-orange-500{color:var(--bx-color-orange-500)}.bx-border-orange-500{border-color:var(--bx-color-orange-500)}.bx-bg-orange-600{background-color:var(--bx-color-orange-600)}.bx-text-orange-600{color:var(--bx-color-orange-600)}.bx-border-orange-600{border-color:var(--bx-color-orange-600)}.bx-bg-orange-700{background-color:var(--bx-color-orange-700)}.bx-text-orange-700{color:var(--bx-color-orange-700)}.bx-border-orange-700{border-color:var(--bx-color-orange-700)}.bx-bg-orange-800{background-color:var(--bx-color-orange-800)}.bx-text-orange-800{color:var(--bx-color-orange-800)}.bx-border-orange-800{border-color:var(--bx-color-orange-800)}.bx-bg-orange-900{background-color:var(--bx-color-orange-900)}.bx-text-orange-900{color:var(--bx-color-orange-900)}.bx-border-orange-900{border-color:var(--bx-color-orange-900)}.bx-bg-orange-1000{background-color:var(--bx-color-orange-1000)}.bx-text-orange-1000{color:var(--bx-color-orange-1000)}.bx-border-orange-1000{border-color:var(--bx-color-orange-1000)}.bx-bg-purple-50{background-color:var(--bx-color-purple-50)}.bx-text-purple-50{color:var(--bx-color-purple-50)}.bx-border-purple-50{border-color:var(--bx-color-purple-50)}.bx-bg-purple-100{background-color:var(--bx-color-purple-100)}.bx-text-purple-100{color:var(--bx-color-purple-100)}.bx-border-purple-100{border-color:var(--bx-color-purple-100)}.bx-bg-purple-200{background-color:var(--bx-color-purple-200)}.bx-text-purple-200{color:var(--bx-color-purple-200)}.bx-border-purple-200{border-color:var(--bx-color-purple-200)}.bx-bg-purple-300{background-color:var(--bx-color-purple-300)}.bx-text-purple-300{color:var(--bx-color-purple-300)}.bx-border-purple-300{border-color:var(--bx-color-purple-300)}.bx-bg-purple-400{background-color:var(--bx-color-purple-400)}.bx-text-purple-400{color:var(--bx-color-purple-400)}.bx-border-purple-400{border-color:var(--bx-color-purple-400)}.bx-bg-purple-500{background-color:var(--bx-color-purple-500)}.bx-text-purple-500{color:var(--bx-color-purple-500)}.bx-border-purple-500{border-color:var(--bx-color-purple-500)}.bx-bg-purple-600{background-color:var(--bx-color-purple-600)}.bx-text-purple-600{color:var(--bx-color-purple-600)}.bx-border-purple-600{border-color:var(--bx-color-purple-600)}.bx-bg-purple-700{background-color:var(--bx-color-purple-700)}.bx-text-purple-700{color:var(--bx-color-purple-700)}.bx-border-purple-700{border-color:var(--bx-color-purple-700)}.bx-bg-purple-800{background-color:var(--bx-color-purple-800)}.bx-text-purple-800{color:var(--bx-color-purple-800)}.bx-border-purple-800{border-color:var(--bx-color-purple-800)}.bx-bg-purple-900{background-color:var(--bx-color-purple-900)}.bx-text-purple-900{color:var(--bx-color-purple-900)}.bx-border-purple-900{border-color:var(--bx-color-purple-900)}.bx-bg-purple-1000{background-color:var(--bx-color-purple-1000)}.bx-text-purple-1000{color:var(--bx-color-purple-1000)}.bx-border-purple-1000{border-color:var(--bx-color-purple-1000)}.bx-bg-red-50{background-color:var(--bx-color-red-50)}.bx-text-red-50{color:var(--bx-color-red-50)}.bx-border-red-50{border-color:var(--bx-color-red-50)}.bx-bg-red-100{background-color:var(--bx-color-red-100)}.bx-text-red-100{color:var(--bx-color-red-100)}.bx-border-red-100{border-color:var(--bx-color-red-100)}.bx-bg-red-200{background-color:var(--bx-color-red-200)}.bx-text-red-200{color:var(--bx-color-red-200)}.bx-border-red-200{border-color:var(--bx-color-red-200)}.bx-bg-red-300{background-color:var(--bx-color-red-300)}.bx-text-red-300{color:var(--bx-color-red-300)}.bx-border-red-300{border-color:var(--bx-color-red-300)}.bx-bg-red-400{background-color:var(--bx-color-red-400)}.bx-text-red-400{color:var(--bx-color-red-400)}.bx-border-red-400{border-color:var(--bx-color-red-400)}.bx-bg-red-500{background-color:var(--bx-color-red-500)}.bx-text-red-500{color:var(--bx-color-red-500)}.bx-border-red-500{border-color:var(--bx-color-red-500)}.bx-bg-red-600{background-color:var(--bx-color-red-600)}.bx-text-red-600{color:var(--bx-color-red-600)}.bx-border-red-600{border-color:var(--bx-color-red-600)}.bx-bg-red-700{background-color:var(--bx-color-red-700)}.bx-text-red-700{color:var(--bx-color-red-700)}.bx-border-red-700{border-color:var(--bx-color-red-700)}.bx-bg-red-800{background-color:var(--bx-color-red-800)}.bx-text-red-800{color:var(--bx-color-red-800)}.bx-border-red-800{border-color:var(--bx-color-red-800)}.bx-bg-red-900{background-color:var(--bx-color-red-900)}.bx-text-red-900{color:var(--bx-color-red-900)}.bx-border-red-900{border-color:var(--bx-color-red-900)}.bx-bg-red-1000{background-color:var(--bx-color-red-1000)}.bx-text-red-1000{color:var(--bx-color-red-1000)}.bx-border-red-1000{border-color:var(--bx-color-red-1000)}.bx-bg-green-50{background-color:var(--bx-color-green-50)}.bx-text-green-50{color:var(--bx-color-green-50)}.bx-border-green-50{border-color:var(--bx-color-green-50)}.bx-bg-green-100{background-color:var(--bx-color-green-100)}.bx-text-green-100{color:var(--bx-color-green-100)}.bx-border-green-100{border-color:var(--bx-color-green-100)}.bx-bg-green-200{background-color:var(--bx-color-green-200)}.bx-text-green-200{color:var(--bx-color-green-200)}.bx-border-green-200{border-color:var(--bx-color-green-200)}.bx-bg-green-300{background-color:var(--bx-color-green-300)}.bx-text-green-300{color:var(--bx-color-green-300)}.bx-border-green-300{border-color:var(--bx-color-green-300)}.bx-bg-green-400{background-color:var(--bx-color-green-400)}.bx-text-green-400{color:var(--bx-color-green-400)}.bx-border-green-400{border-color:var(--bx-color-green-400)}.bx-bg-green-500{background-color:var(--bx-color-green-500)}.bx-text-green-500{color:var(--bx-color-green-500)}.bx-border-green-500{border-color:var(--bx-color-green-500)}.bx-bg-green-600{background-color:var(--bx-color-green-600)}.bx-text-green-600{color:var(--bx-color-green-600)}.bx-border-green-600{border-color:var(--bx-color-green-600)}.bx-bg-green-700{background-color:var(--bx-color-green-700)}.bx-text-green-700{color:var(--bx-color-green-700)}.bx-border-green-700{border-color:var(--bx-color-green-700)}.bx-bg-green-800{background-color:var(--bx-color-green-800)}.bx-text-green-800{color:var(--bx-color-green-800)}.bx-border-green-800{border-color:var(--bx-color-green-800)}.bx-bg-green-900{background-color:var(--bx-color-green-900)}.bx-text-green-900{color:var(--bx-color-green-900)}.bx-border-green-900{border-color:var(--bx-color-green-900)}.bx-bg-green-1000{background-color:var(--bx-color-green-1000)}.bx-text-green-1000{color:var(--bx-color-green-1000)}.bx-border-green-1000{border-color:var(--bx-color-green-1000)}.bx-bg-danger-50{background-color:var(--bx-color-danger-50)}.bx-text-danger-50{color:var(--bx-color-danger-50)}.bx-border-danger-50{border-color:var(--bx-color-danger-50)}.bx-bg-danger-100{background-color:var(--bx-color-danger-100)}.bx-text-danger-100{color:var(--bx-color-danger-100)}.bx-border-danger-100{border-color:var(--bx-color-danger-100)}.bx-bg-danger-200{background-color:var(--bx-color-danger-200)}.bx-text-danger-200{color:var(--bx-color-danger-200)}.bx-border-danger-200{border-color:var(--bx-color-danger-200)}.bx-bg-danger-300{background-color:var(--bx-color-danger-300)}.bx-text-danger-300{color:var(--bx-color-danger-300)}.bx-border-danger-300{border-color:var(--bx-color-danger-300)}.bx-bg-danger-400{background-color:var(--bx-color-danger-400)}.bx-text-danger-400{color:var(--bx-color-danger-400)}.bx-border-danger-400{border-color:var(--bx-color-danger-400)}.bx-bg-danger-500{background-color:var(--bx-color-danger-500)}.bx-text-danger-500{color:var(--bx-color-danger-500)}.bx-border-danger-500{border-color:var(--bx-color-danger-500)}.bx-bg-danger-600{background-color:var(--bx-color-danger-600)}.bx-text-danger-600{color:var(--bx-color-danger-600)}.bx-border-danger-600{border-color:var(--bx-color-danger-600)}.bx-bg-danger-700{background-color:var(--bx-color-danger-700)}.bx-text-danger-700{color:var(--bx-color-danger-700)}.bx-border-danger-700{border-color:var(--bx-color-danger-700)}.bx-bg-danger-800{background-color:var(--bx-color-danger-800)}.bx-text-danger-800{color:var(--bx-color-danger-800)}.bx-border-danger-800{border-color:var(--bx-color-danger-800)}.bx-bg-danger-900{background-color:var(--bx-color-danger-900)}.bx-text-danger-900{color:var(--bx-color-danger-900)}.bx-border-danger-900{border-color:var(--bx-color-danger-900)}.bx-bg-danger-1000{background-color:var(--bx-color-danger-1000)}.bx-text-danger-1000{color:var(--bx-color-danger-1000)}.bx-border-danger-1000{border-color:var(--bx-color-danger-1000)}.bx-bg-warn-50{background-color:var(--bx-color-warn-50)}.bx-text-warn-50{color:var(--bx-color-warn-50)}.bx-border-warn-50{border-color:var(--bx-color-warn-50)}.bx-bg-warn-100{background-color:var(--bx-color-warn-100)}.bx-text-warn-100{color:var(--bx-color-warn-100)}.bx-border-warn-100{border-color:var(--bx-color-warn-100)}.bx-bg-warn-200{background-color:var(--bx-color-warn-200)}.bx-text-warn-200{color:var(--bx-color-warn-200)}.bx-border-warn-200{border-color:var(--bx-color-warn-200)}.bx-bg-warn-300{background-color:var(--bx-color-warn-300)}.bx-text-warn-300{color:var(--bx-color-warn-300)}.bx-border-warn-300{border-color:var(--bx-color-warn-300)}.bx-bg-warn-400{background-color:var(--bx-color-warn-400)}.bx-text-warn-400{color:var(--bx-color-warn-400)}.bx-border-warn-400{border-color:var(--bx-color-warn-400)}.bx-bg-warn-500{background-color:var(--bx-color-warn-500)}.bx-text-warn-500{color:var(--bx-color-warn-500)}.bx-border-warn-500{border-color:var(--bx-color-warn-500)}.bx-bg-warn-600{background-color:var(--bx-color-warn-600)}.bx-text-warn-600{color:var(--bx-color-warn-600)}.bx-border-warn-600{border-color:var(--bx-color-warn-600)}.bx-bg-warn-700{background-color:var(--bx-color-warn-700)}.bx-text-warn-700{color:var(--bx-color-warn-700)}.bx-border-warn-700{border-color:var(--bx-color-warn-700)}.bx-bg-warn-800{background-color:var(--bx-color-warn-800)}.bx-text-warn-800{color:var(--bx-color-warn-800)}.bx-border-warn-800{border-color:var(--bx-color-warn-800)}.bx-bg-warn-900{background-color:var(--bx-color-warn-900)}.bx-text-warn-900{color:var(--bx-color-warn-900)}.bx-border-warn-900{border-color:var(--bx-color-warn-900)}.bx-bg-warn-1000{background-color:var(--bx-color-warn-1000)}.bx-text-warn-1000{color:var(--bx-color-warn-1000)}.bx-border-warn-1000{border-color:var(--bx-color-warn-1000)}.bx-bg-success-50{background-color:var(--bx-color-success-50)}.bx-text-success-50{color:var(--bx-color-success-50)}.bx-border-success-50{border-color:var(--bx-color-success-50)}.bx-bg-success-100{background-color:var(--bx-color-success-100)}.bx-text-success-100{color:var(--bx-color-success-100)}.bx-border-success-100{border-color:var(--bx-color-success-100)}.bx-bg-success-200{background-color:var(--bx-color-success-200)}.bx-text-success-200{color:var(--bx-color-success-200)}.bx-border-success-200{border-color:var(--bx-color-success-200)}.bx-bg-success-300{background-color:var(--bx-color-success-300)}.bx-text-success-300{color:var(--bx-color-success-300)}.bx-border-success-300{border-color:var(--bx-color-success-300)}.bx-bg-success-400{background-color:var(--bx-color-success-400)}.bx-text-success-400{color:var(--bx-color-success-400)}.bx-border-success-400{border-color:var(--bx-color-success-400)}.bx-bg-success-500{background-color:var(--bx-color-success-500)}.bx-text-success-500{color:var(--bx-color-success-500)}.bx-border-success-500{border-color:var(--bx-color-success-500)}.bx-bg-success-600{background-color:var(--bx-color-success-600)}.bx-text-success-600{color:var(--bx-color-success-600)}.bx-border-success-600{border-color:var(--bx-color-success-600)}.bx-bg-success-700{background-color:var(--bx-color-success-700)}.bx-text-success-700{color:var(--bx-color-success-700)}.bx-border-success-700{border-color:var(--bx-color-success-700)}.bx-bg-success-800{background-color:var(--bx-color-success-800)}.bx-text-success-800{color:var(--bx-color-success-800)}.bx-border-success-800{border-color:var(--bx-color-success-800)}.bx-bg-success-900{background-color:var(--bx-color-success-900)}.bx-text-success-900{color:var(--bx-color-success-900)}.bx-border-success-900{border-color:var(--bx-color-success-900)}.bx-bg-success-1000{background-color:var(--bx-color-success-1000)}.bx-text-success-1000{color:var(--bx-color-success-1000)}.bx-border-success-1000{border-color:var(--bx-color-success-1000)}.bx-bg-information-50{background-color:var(--bx-color-information-50)}.bx-text-information-50{color:var(--bx-color-information-50)}.bx-border-information-50{border-color:var(--bx-color-information-50)}.bx-bg-information-100{background-color:var(--bx-color-information-100)}.bx-text-information-100{color:var(--bx-color-information-100)}.bx-border-information-100{border-color:var(--bx-color-information-100)}.bx-bg-information-200{background-color:var(--bx-color-information-200)}.bx-text-information-200{color:var(--bx-color-information-200)}.bx-border-information-200{border-color:var(--bx-color-information-200)}.bx-bg-information-300{background-color:var(--bx-color-information-300)}.bx-text-information-300{color:var(--bx-color-information-300)}.bx-border-information-300{border-color:var(--bx-color-information-300)}.bx-bg-information-400{background-color:var(--bx-color-information-400)}.bx-text-information-400{color:var(--bx-color-information-400)}.bx-border-information-400{border-color:var(--bx-color-information-400)}.bx-bg-information-500{background-color:var(--bx-color-information-500)}.bx-text-information-500{color:var(--bx-color-information-500)}.bx-border-information-500{border-color:var(--bx-color-information-500)}.bx-bg-information-600{background-color:var(--bx-color-information-600)}.bx-text-information-600{color:var(--bx-color-information-600)}.bx-border-information-600{border-color:var(--bx-color-information-600)}.bx-bg-information-700{background-color:var(--bx-color-information-700)}.bx-text-information-700{color:var(--bx-color-information-700)}.bx-border-information-700{border-color:var(--bx-color-information-700)}.bx-bg-information-800{background-color:var(--bx-color-information-800)}.bx-text-information-800{color:var(--bx-color-information-800)}.bx-border-information-800{border-color:var(--bx-color-information-800)}.bx-bg-information-900{background-color:var(--bx-color-information-900)}.bx-text-information-900{color:var(--bx-color-information-900)}.bx-border-information-900{border-color:var(--bx-color-information-900)}.bx-bg-information-1000{background-color:var(--bx-color-information-1000)}.bx-text-information-1000{color:var(--bx-color-information-1000)}.bx-border-information-1000{border-color:var(--bx-color-information-1000)}.bx-bg-neutral-50{background-color:var(--bx-color-neutral-50)}.bx-text-neutral-50{color:var(--bx-color-neutral-50)}.bx-border-neutral-50{border-color:var(--bx-color-neutral-50)}.bx-bg-neutral-100{background-color:var(--bx-color-neutral-100)}.bx-text-neutral-100{color:var(--bx-color-neutral-100)}.bx-border-neutral-100{border-color:var(--bx-color-neutral-100)}.bx-bg-neutral-200{background-color:var(--bx-color-neutral-200)}.bx-text-neutral-200{color:var(--bx-color-neutral-200)}.bx-border-neutral-200{border-color:var(--bx-color-neutral-200)}.bx-bg-neutral-300{background-color:var(--bx-color-neutral-300)}.bx-text-neutral-300{color:var(--bx-color-neutral-300)}.bx-border-neutral-300{border-color:var(--bx-color-neutral-300)}.bx-bg-neutral-400{background-color:var(--bx-color-neutral-400)}.bx-text-neutral-400{color:var(--bx-color-neutral-400)}.bx-border-neutral-400{border-color:var(--bx-color-neutral-400)}.bx-bg-neutral-500{background-color:var(--bx-color-neutral-500)}.bx-text-neutral-500{color:var(--bx-color-neutral-500)}.bx-border-neutral-500{border-color:var(--bx-color-neutral-500)}.bx-bg-neutral-600{background-color:var(--bx-color-neutral-600)}.bx-text-neutral-600{color:var(--bx-color-neutral-600)}.bx-border-neutral-600{border-color:var(--bx-color-neutral-600)}.bx-bg-neutral-700{background-color:var(--bx-color-neutral-700)}.bx-text-neutral-700{color:var(--bx-color-neutral-700)}.bx-border-neutral-700{border-color:var(--bx-color-neutral-700)}.bx-bg-neutral-800{background-color:var(--bx-color-neutral-800)}.bx-text-neutral-800{color:var(--bx-color-neutral-800)}.bx-border-neutral-800{border-color:var(--bx-color-neutral-800)}.bx-bg-neutral-900{background-color:var(--bx-color-neutral-900)}.bx-text-neutral-900{color:var(--bx-color-neutral-900)}.bx-border-neutral-900{border-color:var(--bx-color-neutral-900)}.bx-bg-neutral-1000{background-color:var(--bx-color-neutral-1000)}.bx-text-neutral-1000{color:var(--bx-color-neutral-1000)}.bx-border-neutral-1000{border-color:var(--bx-color-neutral-1000)}:root{--bx-space-0: 0;--bx-space-1: .25rem;--bx-space-2: .5rem;--bx-space-3: .75rem;--bx-space-4: 1rem;--bx-space-5: 1.25rem;--bx-space-6: 1.5rem;--bx-space-8: 2rem;--bx-space-10: 2.5rem;--bx-space-12: 3rem;--bx-rounded-none: 0;--bx-rounded-sm: .25rem;--bx-rounded-md: .5rem;--bx-rounded-lg: .75rem;--bx-rounded-xl: 1rem;--bx-rounded-2xl: 1.5rem;--bx-rounded-3xl: 1.875rem;--bx-rounded-pill: 9999px;--bx-shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bx-shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .15), 0 2px 4px -2px rgba(0, 0, 0, .12);--bx-shadow-lg: 0 12px 20px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);--bx-shadow-xl: 0 24px 32px -5px rgba(0, 0, 0, .25), 0 10px 12px -5px rgba(0, 0, 0, .15);--bx-shadow-modal: 0 8px 20px rgba(0, 0, 0, .12);--bx-shadow-toast: 0 4px 12px rgba(0, 0, 0, .15);--bx-z-base: 1;--bx-z-dropdown: 100;--bx-z-sticky: 200;--bx-z-fixed: 300;--bx-z-modal: 400;--bx-z-popover: 500;--bx-z-tooltip: 600;--bx-z-toast: 9999;--bx-color-orange-50: #FFF7ED;--bx-color-orange-100: #FFEDD4;--bx-color-orange-200: #FFD6A7;--bx-color-orange-300: #FFB86A;--bx-color-orange-400: #FF8904;--bx-color-orange-500: #FF6900;--bx-color-orange-600: #F54900;--bx-color-orange-700: #CA3500;--bx-color-orange-800: #9F2D00;--bx-color-orange-900: #551111;--bx-color-orange-1000: #441306;--bx-color-purple-50: #F4EBFF;--bx-color-purple-100: #E6D4FF;--bx-color-purple-200: #CFA3FF;--bx-color-purple-300: #B36BFF;--bx-color-purple-400: #922FFF;--bx-color-purple-500: #6D00FF;--bx-color-purple-600: #5700CC;--bx-color-purple-700: #410099;--bx-color-purple-800: #2C0066;--bx-color-purple-900: #160033;--bx-color-purple-1000: #0B001A;--bx-color-red-50: #FDF1F0;--bx-color-red-100: #FADCDA;--bx-color-red-200: #F5B0AB;--bx-color-red-300: #EF8079;--bx-color-red-400: #EA4C43;--bx-color-red-500: #E3241B;--bx-color-red-600: #BE1810;--bx-color-red-700: #991009;--bx-color-red-800: #750904;--bx-color-red-900: #520401;--bx-color-red-1000: #2E0200;--bx-color-green-50: #F7FCE8;--bx-color-green-100: #EDF8C8;--bx-color-green-200: #DDF19C;--bx-color-green-300: #CAE96A;--bx-color-green-400: #BEE046;--bx-color-green-500: #B0D624;--bx-color-green-600: #92B518;--bx-color-green-700: #718F10;--bx-color-green-800: #556D0C;--bx-color-green-900: #3C4E08;--bx-color-green-1000: #212C03;--bx-color-danger-50: #FFFCFC;--bx-color-danger-100: #F4E5E5;--bx-color-danger-200: #EAD0D0;--bx-color-danger-300: #DE9E9E;--bx-color-danger-400: #F76D6D;--bx-color-danger-500: #D94D4D;--bx-color-danger-600: #C93D3D;--bx-color-danger-700: #BA2E2E;--bx-color-danger-800: #722222;--bx-color-danger-900: #2B1717;--bx-color-danger-1000: #0E0C0C;--bx-color-warn-50: #FFFEFB;--bx-color-warn-100: #F7F0E3;--bx-color-warn-200: #EAE3D0;--bx-color-warn-300: #E7C892;--bx-color-warn-400: #E4AD55;--bx-color-warn-500: #C68D36;--bx-color-warn-600: #B77D27;--bx-color-warn-700: #A96D18;--bx-color-warn-800: #6A4817;--bx-color-warn-900: #2B2317;--bx-color-warn-1000: #0E0D0C;--bx-color-success-50: #FCFFFC;--bx-color-success-100: #E6F4E6;--bx-color-success-200: #D1EAD0;--bx-color-success-300: #98D6A0;--bx-color-success-400: #5FC370;--bx-color-success-500: #3FA94E;--bx-color-success-600: #2E9C3E;--bx-color-success-700: #1E8F2D;--bx-color-success-800: #1A5D22;--bx-color-success-900: #172B18;--bx-color-success-1000: #0C0E0C;--bx-color-information-50: #FBFDFF;--bx-color-information-100: #E5EEF7;--bx-color-information-200: #D0DDEA;--bx-color-information-300: #97CACE;--bx-color-information-400: #5FB7C3;--bx-color-information-500: #3E90B5;--bx-color-information-600: #2E7CAE;--bx-color-information-700: #1E69A7;--bx-color-information-800: #1A4469;--bx-color-information-900: #17202B;--bx-color-information-1000: #0C0D0E;--bx-color-neutral-50: #FAFAFA;--bx-color-neutral-100: #F5F5F5;--bx-color-neutral-200: #E5E5E5;--bx-color-neutral-300: #D4D4D4;--bx-color-neutral-400: #A1A1A1;--bx-color-neutral-500: #737373;--bx-color-neutral-600: #525252;--bx-color-neutral-700: #404040;--bx-color-neutral-800: #262626;--bx-color-neutral-900: #171717;--bx-color-neutral-1000: #0A0A0A}:root .bx-icon-pos-start{margin-right:.5rem}:root .bx-icon-pos-end{margin-left:.5rem}:host{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out;outline:none;text-decoration:none;box-sizing:border-box;border:1px solid transparent}:host[disabled],:host[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none;box-shadow:none!important}:host.bx-btn-color-primary{--btn-theme-base: var(--bx-primary);--btn-theme-hover: var(--bx-primary-hover);--btn-theme-active: var(--bx-primary-active);--btn-theme-text: var(--bx-on-primary);--btn-theme-tonal-bg: var(--bx-primary-subtle);--btn-theme-tonal-text: var(--bx-text-brand);--btn-theme-border: var(--bx-border-brand)}:host.bx-btn-color-danger{--btn-theme-base: var(--bx-bg-danger);--btn-theme-hover: var(--bx-bg-danger-hover);--btn-theme-active: var(--bx-bg-danger-active);--btn-theme-text: var(--bx-text-danger);--btn-theme-tonal-bg: var(--bx-bg-danger-subtle);--btn-theme-tonal-text: var(--bx-text-danger);--btn-theme-border: var(--bx-border-danger)}:host.bx-btn-color-success{--btn-theme-base: var(--bx-bg-success);--btn-theme-hover: var(--bx-bg-success-hover);--btn-theme-active: var(--bx-bg-success-active);--btn-theme-text: var(--bx-text-success);--btn-theme-tonal-bg: var(--bx-bg-success-subtle);--btn-theme-tonal-text: var(--bx-text-success);--btn-theme-border: var(--bx-border-success)}:host.bx-btn-color-info{--btn-theme-base: var(--bx-bg-info);--btn-theme-hover: var(--bx-bg-info-hover);--btn-theme-active: var(--bx-bg-info-active);--btn-theme-text: var(--bx-text-info);--btn-theme-tonal-bg: var(--bx-bg-info-subtle);--btn-theme-tonal-text: var(--bx-text-info);--btn-theme-border: var(--bx-border-info)}:host.bx-btn-color-warn{--btn-theme-base: var(--bx-bg-warn);--btn-theme-hover: var(--bx-bg-warn-hover);--btn-theme-active: var(--bx-bg-warn-active);--btn-theme-text: var(--bx-text-warn);--btn-theme-tonal-bg: var(--bx-bg-warn-subtle);--btn-theme-tonal-text: var(--bx-text-warn);--btn-theme-border: var(--bx-border-warn)}:host.bx-btn-color-grayscale{--btn-theme-base: var(--bx-bg-element);--btn-theme-hover: var(--bx-bg-element-hover);--btn-theme-active: var(--bx-bg-element-active);--btn-theme-text: var(--bx-text-primary);--btn-theme-tonal-bg: var(--bx-bg-surface-alt);--btn-theme-tonal-text: var(--bx-text-primary);--btn-theme-border: var(--bx-border-strong)}:host.bx-btn-text,:host.bx-btn-filled,:host.bx-btn-tonal{padding:.5rem 1rem;border-radius:.25rem}:host.bx-btn-icon,:host.bx-btn-fab,:host.bx-btn-mini-fab{padding:0;border-radius:50%}:host.bx-btn-icon .bx-btn-content-wrapper,:host.bx-btn-fab .bx-btn-content-wrapper,:host.bx-btn-mini-fab .bx-btn-content-wrapper{gap:0}:host.bx-btn-filled,:host.bx-btn-fab,:host.bx-btn-mini-fab,:host.bx-btn-extended-fab{background:var(--btn-theme-base);color:var(--btn-theme-text)}:host.bx-btn-filled:hover,:host.bx-btn-fab:hover,:host.bx-btn-mini-fab:hover,:host.bx-btn-extended-fab:hover{background:var(--btn-theme-hover)}:host.bx-btn-filled:active,:host.bx-btn-fab:active,:host.bx-btn-mini-fab:active,:host.bx-btn-extended-fab:active{background:var(--btn-theme-active)}:host.bx-btn-text,:host.bx-btn-icon{background:transparent;color:var(--btn-theme-text)}:host.bx-btn-text:hover,:host.bx-btn-icon:hover{background:var(--btn-theme-tonal-bg)}:host.bx-btn-text:active,:host.bx-btn-icon:active{background:var(--btn-theme-active)}:host.bx-btn-tonal{background:var(--btn-theme-tonal-bg);color:var(--btn-theme-tonal-text)}:host.bx-btn-tonal:hover{opacity:.8}:host.bx-btn-tonal:active{opacity:.9}:host.bx-btn-icon,:host.bx-btn-mini-fab{width:2.5rem;height:2.5rem}:host.bx-btn-fab{width:3.5rem;height:3.5rem}:host.bx-btn-extended-fab{padding:0 1.5rem;height:3.5rem;border-radius:9999px}:host.bx-btn-is-outlined{border-color:var(--btn-theme-border)}:host.bx-btn-is-elevated{box-shadow:0 4px 8px -1px #00000026,0 2px 4px -2px #0000001f}:host.bx-btn-is-elevated:active{box-shadow:0 2px 4px #0000001a,0 1px 2px -1px #0000001a}.bx-btn-content-wrapper{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:100%;color:inherit}\n"] });
|
|
17
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: Button, isStandalone: true, selector: "bx-button, button[bx-button], a[bx-button]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, outlined: { classPropertyName: "outlined", publicName: "outlined", isSignal: true, isRequired: false, transformFunction: null }, elevated: { classPropertyName: "elevated", publicName: "elevated", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)" }, properties: { "class": "\"bx-btn bx-btn-\" + variant() + \" bx-btn-color-\" + color()", "class.bx-btn-is-outlined": "outlined()", "class.bx-btn-is-elevated": "elevated()", "attr.disabled": "disabled() ? true : null", "attr.aria-disabled": "disabled()", "attr.tabindex": "disabled() ? \"-1\" : null" } }, ngImport: i0, template: "<span class=\"bx-btn-content-wrapper\">\n <ng-content></ng-content>\n</span>", styles: [".bx-p-0{padding:0}.bx-pt-0{padding-top:0}.bx-pr-0{padding-right:0}.bx-pb-0{padding-bottom:0}.bx-pl-0{padding-left:0}.bx-px-0{padding-left:0;padding-right:0}.bx-py-0{padding-top:0;padding-bottom:0}.bx-m-0{margin:0}.bx-mt-0{margin-top:0}.bx-mr-0{margin-right:0}.bx-mb-0{margin-bottom:0}.bx-ml-0{margin-left:0}.bx-mx-0{margin-left:0;margin-right:0}.bx-my-0{margin-top:0;margin-bottom:0}.bx-p-1{padding:.25rem}.bx-pt-1{padding-top:.25rem}.bx-pr-1{padding-right:.25rem}.bx-pb-1{padding-bottom:.25rem}.bx-pl-1{padding-left:.25rem}.bx-px-1{padding-left:.25rem;padding-right:.25rem}.bx-py-1{padding-top:.25rem;padding-bottom:.25rem}.bx-m-1{margin:.25rem}.bx-mt-1{margin-top:.25rem}.bx-mr-1{margin-right:.25rem}.bx-mb-1{margin-bottom:.25rem}.bx-ml-1{margin-left:.25rem}.bx-mx-1{margin-left:.25rem;margin-right:.25rem}.bx-my-1{margin-top:.25rem;margin-bottom:.25rem}.bx-p-2{padding:.5rem}.bx-pt-2{padding-top:.5rem}.bx-pr-2{padding-right:.5rem}.bx-pb-2{padding-bottom:.5rem}.bx-pl-2{padding-left:.5rem}.bx-px-2{padding-left:.5rem;padding-right:.5rem}.bx-py-2{padding-top:.5rem;padding-bottom:.5rem}.bx-m-2{margin:.5rem}.bx-mt-2{margin-top:.5rem}.bx-mr-2{margin-right:.5rem}.bx-mb-2{margin-bottom:.5rem}.bx-ml-2{margin-left:.5rem}.bx-mx-2{margin-left:.5rem;margin-right:.5rem}.bx-my-2{margin-top:.5rem;margin-bottom:.5rem}.bx-p-3{padding:.75rem}.bx-pt-3{padding-top:.75rem}.bx-pr-3{padding-right:.75rem}.bx-pb-3{padding-bottom:.75rem}.bx-pl-3{padding-left:.75rem}.bx-px-3{padding-left:.75rem;padding-right:.75rem}.bx-py-3{padding-top:.75rem;padding-bottom:.75rem}.bx-m-3{margin:.75rem}.bx-mt-3{margin-top:.75rem}.bx-mr-3{margin-right:.75rem}.bx-mb-3{margin-bottom:.75rem}.bx-ml-3{margin-left:.75rem}.bx-mx-3{margin-left:.75rem;margin-right:.75rem}.bx-my-3{margin-top:.75rem;margin-bottom:.75rem}.bx-p-4{padding:1rem}.bx-pt-4{padding-top:1rem}.bx-pr-4{padding-right:1rem}.bx-pb-4{padding-bottom:1rem}.bx-pl-4{padding-left:1rem}.bx-px-4{padding-left:1rem;padding-right:1rem}.bx-py-4{padding-top:1rem;padding-bottom:1rem}.bx-m-4{margin:1rem}.bx-mt-4{margin-top:1rem}.bx-mr-4{margin-right:1rem}.bx-mb-4{margin-bottom:1rem}.bx-ml-4{margin-left:1rem}.bx-mx-4{margin-left:1rem;margin-right:1rem}.bx-my-4{margin-top:1rem;margin-bottom:1rem}.bx-p-5{padding:1.25rem}.bx-pt-5{padding-top:1.25rem}.bx-pr-5{padding-right:1.25rem}.bx-pb-5{padding-bottom:1.25rem}.bx-pl-5{padding-left:1.25rem}.bx-px-5{padding-left:1.25rem;padding-right:1.25rem}.bx-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.bx-m-5{margin:1.25rem}.bx-mt-5{margin-top:1.25rem}.bx-mr-5{margin-right:1.25rem}.bx-mb-5{margin-bottom:1.25rem}.bx-ml-5{margin-left:1.25rem}.bx-mx-5{margin-left:1.25rem;margin-right:1.25rem}.bx-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.bx-p-6{padding:1.5rem}.bx-pt-6{padding-top:1.5rem}.bx-pr-6{padding-right:1.5rem}.bx-pb-6{padding-bottom:1.5rem}.bx-pl-6{padding-left:1.5rem}.bx-px-6{padding-left:1.5rem;padding-right:1.5rem}.bx-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.bx-m-6{margin:1.5rem}.bx-mt-6{margin-top:1.5rem}.bx-mr-6{margin-right:1.5rem}.bx-mb-6{margin-bottom:1.5rem}.bx-ml-6{margin-left:1.5rem}.bx-mx-6{margin-left:1.5rem;margin-right:1.5rem}.bx-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.bx-p-8{padding:2rem}.bx-pt-8{padding-top:2rem}.bx-pr-8{padding-right:2rem}.bx-pb-8{padding-bottom:2rem}.bx-pl-8{padding-left:2rem}.bx-px-8{padding-left:2rem;padding-right:2rem}.bx-py-8{padding-top:2rem;padding-bottom:2rem}.bx-m-8{margin:2rem}.bx-mt-8{margin-top:2rem}.bx-mr-8{margin-right:2rem}.bx-mb-8{margin-bottom:2rem}.bx-ml-8{margin-left:2rem}.bx-mx-8{margin-left:2rem;margin-right:2rem}.bx-my-8{margin-top:2rem;margin-bottom:2rem}.bx-p-10{padding:2.5rem}.bx-pt-10{padding-top:2.5rem}.bx-pr-10{padding-right:2.5rem}.bx-pb-10{padding-bottom:2.5rem}.bx-pl-10{padding-left:2.5rem}.bx-px-10{padding-left:2.5rem;padding-right:2.5rem}.bx-py-10{padding-top:2.5rem;padding-bottom:2.5rem}.bx-m-10{margin:2.5rem}.bx-mt-10{margin-top:2.5rem}.bx-mr-10{margin-right:2.5rem}.bx-mb-10{margin-bottom:2.5rem}.bx-ml-10{margin-left:2.5rem}.bx-mx-10{margin-left:2.5rem;margin-right:2.5rem}.bx-my-10{margin-top:2.5rem;margin-bottom:2.5rem}.bx-p-12{padding:3rem}.bx-pt-12{padding-top:3rem}.bx-pr-12{padding-right:3rem}.bx-pb-12{padding-bottom:3rem}.bx-pl-12{padding-left:3rem}.bx-px-12{padding-left:3rem;padding-right:3rem}.bx-py-12{padding-top:3rem;padding-bottom:3rem}.bx-m-12{margin:3rem}.bx-mt-12{margin-top:3rem}.bx-mr-12{margin-right:3rem}.bx-mb-12{margin-bottom:3rem}.bx-ml-12{margin-left:3rem}.bx-mx-12{margin-left:3rem;margin-right:3rem}.bx-my-12{margin-top:3rem;margin-bottom:3rem}.bx-rounded-none{border-radius:0}.bx-rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.bx-rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.bx-rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.bx-rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.bx-rounded-sm{border-radius:.25rem}.bx-rounded-t-sm{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.bx-rounded-b-sm{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-l-sm{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.bx-rounded-r-sm{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-md{border-radius:.5rem}.bx-rounded-t-md{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.bx-rounded-b-md{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-l-md{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.bx-rounded-r-md{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-lg{border-radius:.75rem}.bx-rounded-t-lg{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.bx-rounded-b-lg{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-l-lg{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.bx-rounded-r-lg{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-xl{border-radius:1rem}.bx-rounded-t-xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.bx-rounded-b-xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-l-xl{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.bx-rounded-r-xl{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-2xl{border-radius:1.5rem}.bx-rounded-t-2xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.bx-rounded-b-2xl{border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-l-2xl{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}.bx-rounded-r-2xl{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-3xl{border-radius:1.875rem}.bx-rounded-t-3xl{border-top-left-radius:1.875rem;border-top-right-radius:1.875rem}.bx-rounded-b-3xl{border-bottom-left-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-l-3xl{border-top-left-radius:1.875rem;border-bottom-left-radius:1.875rem}.bx-rounded-r-3xl{border-top-right-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-pill{border-radius:9999px}.bx-rounded-t-pill{border-top-left-radius:9999px;border-top-right-radius:9999px}.bx-rounded-b-pill{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}.bx-rounded-l-pill{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.bx-rounded-r-pill{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.bx-shadow-sm{box-shadow:0 2px 4px #0000001a,0 1px 2px -1px #0000001a}.bx-shadow-md{box-shadow:0 4px 8px -1px #00000026,0 2px 4px -2px #0000001f}.bx-shadow-lg{box-shadow:0 12px 20px -3px #0003,0 4px 6px -2px #0000001a}.bx-shadow-xl{box-shadow:0 24px 32px -5px #00000040,0 10px 12px -5px #00000026}.bx-shadow-modal{box-shadow:0 8px 20px #0000001f}.bx-shadow-toast{box-shadow:0 4px 12px #00000026}.bx-z-base{z-index:1}.bx-z-dropdown{z-index:100}.bx-z-sticky{z-index:200}.bx-z-fixed{z-index:300}.bx-z-modal{z-index:400}.bx-z-popover{z-index:500}.bx-z-tooltip{z-index:600}.bx-z-toast{z-index:9999}.bx-bg-orange-50{background-color:var(--bx-color-orange-50)}.bx-text-orange-50{color:var(--bx-color-orange-50)}.bx-border-orange-50{border-color:var(--bx-color-orange-50)}.bx-bg-orange-100{background-color:var(--bx-color-orange-100)}.bx-text-orange-100{color:var(--bx-color-orange-100)}.bx-border-orange-100{border-color:var(--bx-color-orange-100)}.bx-bg-orange-200{background-color:var(--bx-color-orange-200)}.bx-text-orange-200{color:var(--bx-color-orange-200)}.bx-border-orange-200{border-color:var(--bx-color-orange-200)}.bx-bg-orange-300{background-color:var(--bx-color-orange-300)}.bx-text-orange-300{color:var(--bx-color-orange-300)}.bx-border-orange-300{border-color:var(--bx-color-orange-300)}.bx-bg-orange-400{background-color:var(--bx-color-orange-400)}.bx-text-orange-400{color:var(--bx-color-orange-400)}.bx-border-orange-400{border-color:var(--bx-color-orange-400)}.bx-bg-orange-500{background-color:var(--bx-color-orange-500)}.bx-text-orange-500{color:var(--bx-color-orange-500)}.bx-border-orange-500{border-color:var(--bx-color-orange-500)}.bx-bg-orange-600{background-color:var(--bx-color-orange-600)}.bx-text-orange-600{color:var(--bx-color-orange-600)}.bx-border-orange-600{border-color:var(--bx-color-orange-600)}.bx-bg-orange-700{background-color:var(--bx-color-orange-700)}.bx-text-orange-700{color:var(--bx-color-orange-700)}.bx-border-orange-700{border-color:var(--bx-color-orange-700)}.bx-bg-orange-800{background-color:var(--bx-color-orange-800)}.bx-text-orange-800{color:var(--bx-color-orange-800)}.bx-border-orange-800{border-color:var(--bx-color-orange-800)}.bx-bg-orange-900{background-color:var(--bx-color-orange-900)}.bx-text-orange-900{color:var(--bx-color-orange-900)}.bx-border-orange-900{border-color:var(--bx-color-orange-900)}.bx-bg-orange-1000{background-color:var(--bx-color-orange-1000)}.bx-text-orange-1000{color:var(--bx-color-orange-1000)}.bx-border-orange-1000{border-color:var(--bx-color-orange-1000)}.bx-bg-purple-50{background-color:var(--bx-color-purple-50)}.bx-text-purple-50{color:var(--bx-color-purple-50)}.bx-border-purple-50{border-color:var(--bx-color-purple-50)}.bx-bg-purple-100{background-color:var(--bx-color-purple-100)}.bx-text-purple-100{color:var(--bx-color-purple-100)}.bx-border-purple-100{border-color:var(--bx-color-purple-100)}.bx-bg-purple-200{background-color:var(--bx-color-purple-200)}.bx-text-purple-200{color:var(--bx-color-purple-200)}.bx-border-purple-200{border-color:var(--bx-color-purple-200)}.bx-bg-purple-300{background-color:var(--bx-color-purple-300)}.bx-text-purple-300{color:var(--bx-color-purple-300)}.bx-border-purple-300{border-color:var(--bx-color-purple-300)}.bx-bg-purple-400{background-color:var(--bx-color-purple-400)}.bx-text-purple-400{color:var(--bx-color-purple-400)}.bx-border-purple-400{border-color:var(--bx-color-purple-400)}.bx-bg-purple-500{background-color:var(--bx-color-purple-500)}.bx-text-purple-500{color:var(--bx-color-purple-500)}.bx-border-purple-500{border-color:var(--bx-color-purple-500)}.bx-bg-purple-600{background-color:var(--bx-color-purple-600)}.bx-text-purple-600{color:var(--bx-color-purple-600)}.bx-border-purple-600{border-color:var(--bx-color-purple-600)}.bx-bg-purple-700{background-color:var(--bx-color-purple-700)}.bx-text-purple-700{color:var(--bx-color-purple-700)}.bx-border-purple-700{border-color:var(--bx-color-purple-700)}.bx-bg-purple-800{background-color:var(--bx-color-purple-800)}.bx-text-purple-800{color:var(--bx-color-purple-800)}.bx-border-purple-800{border-color:var(--bx-color-purple-800)}.bx-bg-purple-900{background-color:var(--bx-color-purple-900)}.bx-text-purple-900{color:var(--bx-color-purple-900)}.bx-border-purple-900{border-color:var(--bx-color-purple-900)}.bx-bg-purple-1000{background-color:var(--bx-color-purple-1000)}.bx-text-purple-1000{color:var(--bx-color-purple-1000)}.bx-border-purple-1000{border-color:var(--bx-color-purple-1000)}.bx-bg-red-50{background-color:var(--bx-color-red-50)}.bx-text-red-50{color:var(--bx-color-red-50)}.bx-border-red-50{border-color:var(--bx-color-red-50)}.bx-bg-red-100{background-color:var(--bx-color-red-100)}.bx-text-red-100{color:var(--bx-color-red-100)}.bx-border-red-100{border-color:var(--bx-color-red-100)}.bx-bg-red-200{background-color:var(--bx-color-red-200)}.bx-text-red-200{color:var(--bx-color-red-200)}.bx-border-red-200{border-color:var(--bx-color-red-200)}.bx-bg-red-300{background-color:var(--bx-color-red-300)}.bx-text-red-300{color:var(--bx-color-red-300)}.bx-border-red-300{border-color:var(--bx-color-red-300)}.bx-bg-red-400{background-color:var(--bx-color-red-400)}.bx-text-red-400{color:var(--bx-color-red-400)}.bx-border-red-400{border-color:var(--bx-color-red-400)}.bx-bg-red-500{background-color:var(--bx-color-red-500)}.bx-text-red-500{color:var(--bx-color-red-500)}.bx-border-red-500{border-color:var(--bx-color-red-500)}.bx-bg-red-600{background-color:var(--bx-color-red-600)}.bx-text-red-600{color:var(--bx-color-red-600)}.bx-border-red-600{border-color:var(--bx-color-red-600)}.bx-bg-red-700{background-color:var(--bx-color-red-700)}.bx-text-red-700{color:var(--bx-color-red-700)}.bx-border-red-700{border-color:var(--bx-color-red-700)}.bx-bg-red-800{background-color:var(--bx-color-red-800)}.bx-text-red-800{color:var(--bx-color-red-800)}.bx-border-red-800{border-color:var(--bx-color-red-800)}.bx-bg-red-900{background-color:var(--bx-color-red-900)}.bx-text-red-900{color:var(--bx-color-red-900)}.bx-border-red-900{border-color:var(--bx-color-red-900)}.bx-bg-red-1000{background-color:var(--bx-color-red-1000)}.bx-text-red-1000{color:var(--bx-color-red-1000)}.bx-border-red-1000{border-color:var(--bx-color-red-1000)}.bx-bg-green-50{background-color:var(--bx-color-green-50)}.bx-text-green-50{color:var(--bx-color-green-50)}.bx-border-green-50{border-color:var(--bx-color-green-50)}.bx-bg-green-100{background-color:var(--bx-color-green-100)}.bx-text-green-100{color:var(--bx-color-green-100)}.bx-border-green-100{border-color:var(--bx-color-green-100)}.bx-bg-green-200{background-color:var(--bx-color-green-200)}.bx-text-green-200{color:var(--bx-color-green-200)}.bx-border-green-200{border-color:var(--bx-color-green-200)}.bx-bg-green-300{background-color:var(--bx-color-green-300)}.bx-text-green-300{color:var(--bx-color-green-300)}.bx-border-green-300{border-color:var(--bx-color-green-300)}.bx-bg-green-400{background-color:var(--bx-color-green-400)}.bx-text-green-400{color:var(--bx-color-green-400)}.bx-border-green-400{border-color:var(--bx-color-green-400)}.bx-bg-green-500{background-color:var(--bx-color-green-500)}.bx-text-green-500{color:var(--bx-color-green-500)}.bx-border-green-500{border-color:var(--bx-color-green-500)}.bx-bg-green-600{background-color:var(--bx-color-green-600)}.bx-text-green-600{color:var(--bx-color-green-600)}.bx-border-green-600{border-color:var(--bx-color-green-600)}.bx-bg-green-700{background-color:var(--bx-color-green-700)}.bx-text-green-700{color:var(--bx-color-green-700)}.bx-border-green-700{border-color:var(--bx-color-green-700)}.bx-bg-green-800{background-color:var(--bx-color-green-800)}.bx-text-green-800{color:var(--bx-color-green-800)}.bx-border-green-800{border-color:var(--bx-color-green-800)}.bx-bg-green-900{background-color:var(--bx-color-green-900)}.bx-text-green-900{color:var(--bx-color-green-900)}.bx-border-green-900{border-color:var(--bx-color-green-900)}.bx-bg-green-1000{background-color:var(--bx-color-green-1000)}.bx-text-green-1000{color:var(--bx-color-green-1000)}.bx-border-green-1000{border-color:var(--bx-color-green-1000)}.bx-bg-danger-50{background-color:var(--bx-color-danger-50)}.bx-text-danger-50{color:var(--bx-color-danger-50)}.bx-border-danger-50{border-color:var(--bx-color-danger-50)}.bx-bg-danger-100{background-color:var(--bx-color-danger-100)}.bx-text-danger-100{color:var(--bx-color-danger-100)}.bx-border-danger-100{border-color:var(--bx-color-danger-100)}.bx-bg-danger-200{background-color:var(--bx-color-danger-200)}.bx-text-danger-200{color:var(--bx-color-danger-200)}.bx-border-danger-200{border-color:var(--bx-color-danger-200)}.bx-bg-danger-300{background-color:var(--bx-color-danger-300)}.bx-text-danger-300{color:var(--bx-color-danger-300)}.bx-border-danger-300{border-color:var(--bx-color-danger-300)}.bx-bg-danger-400{background-color:var(--bx-color-danger-400)}.bx-text-danger-400{color:var(--bx-color-danger-400)}.bx-border-danger-400{border-color:var(--bx-color-danger-400)}.bx-bg-danger-500{background-color:var(--bx-color-danger-500)}.bx-text-danger-500{color:var(--bx-color-danger-500)}.bx-border-danger-500{border-color:var(--bx-color-danger-500)}.bx-bg-danger-600{background-color:var(--bx-color-danger-600)}.bx-text-danger-600{color:var(--bx-color-danger-600)}.bx-border-danger-600{border-color:var(--bx-color-danger-600)}.bx-bg-danger-700{background-color:var(--bx-color-danger-700)}.bx-text-danger-700{color:var(--bx-color-danger-700)}.bx-border-danger-700{border-color:var(--bx-color-danger-700)}.bx-bg-danger-800{background-color:var(--bx-color-danger-800)}.bx-text-danger-800{color:var(--bx-color-danger-800)}.bx-border-danger-800{border-color:var(--bx-color-danger-800)}.bx-bg-danger-900{background-color:var(--bx-color-danger-900)}.bx-text-danger-900{color:var(--bx-color-danger-900)}.bx-border-danger-900{border-color:var(--bx-color-danger-900)}.bx-bg-danger-1000{background-color:var(--bx-color-danger-1000)}.bx-text-danger-1000{color:var(--bx-color-danger-1000)}.bx-border-danger-1000{border-color:var(--bx-color-danger-1000)}.bx-bg-warn-50{background-color:var(--bx-color-warn-50)}.bx-text-warn-50{color:var(--bx-color-warn-50)}.bx-border-warn-50{border-color:var(--bx-color-warn-50)}.bx-bg-warn-100{background-color:var(--bx-color-warn-100)}.bx-text-warn-100{color:var(--bx-color-warn-100)}.bx-border-warn-100{border-color:var(--bx-color-warn-100)}.bx-bg-warn-200{background-color:var(--bx-color-warn-200)}.bx-text-warn-200{color:var(--bx-color-warn-200)}.bx-border-warn-200{border-color:var(--bx-color-warn-200)}.bx-bg-warn-300{background-color:var(--bx-color-warn-300)}.bx-text-warn-300{color:var(--bx-color-warn-300)}.bx-border-warn-300{border-color:var(--bx-color-warn-300)}.bx-bg-warn-400{background-color:var(--bx-color-warn-400)}.bx-text-warn-400{color:var(--bx-color-warn-400)}.bx-border-warn-400{border-color:var(--bx-color-warn-400)}.bx-bg-warn-500{background-color:var(--bx-color-warn-500)}.bx-text-warn-500{color:var(--bx-color-warn-500)}.bx-border-warn-500{border-color:var(--bx-color-warn-500)}.bx-bg-warn-600{background-color:var(--bx-color-warn-600)}.bx-text-warn-600{color:var(--bx-color-warn-600)}.bx-border-warn-600{border-color:var(--bx-color-warn-600)}.bx-bg-warn-700{background-color:var(--bx-color-warn-700)}.bx-text-warn-700{color:var(--bx-color-warn-700)}.bx-border-warn-700{border-color:var(--bx-color-warn-700)}.bx-bg-warn-800{background-color:var(--bx-color-warn-800)}.bx-text-warn-800{color:var(--bx-color-warn-800)}.bx-border-warn-800{border-color:var(--bx-color-warn-800)}.bx-bg-warn-900{background-color:var(--bx-color-warn-900)}.bx-text-warn-900{color:var(--bx-color-warn-900)}.bx-border-warn-900{border-color:var(--bx-color-warn-900)}.bx-bg-warn-1000{background-color:var(--bx-color-warn-1000)}.bx-text-warn-1000{color:var(--bx-color-warn-1000)}.bx-border-warn-1000{border-color:var(--bx-color-warn-1000)}.bx-bg-success-50{background-color:var(--bx-color-success-50)}.bx-text-success-50{color:var(--bx-color-success-50)}.bx-border-success-50{border-color:var(--bx-color-success-50)}.bx-bg-success-100{background-color:var(--bx-color-success-100)}.bx-text-success-100{color:var(--bx-color-success-100)}.bx-border-success-100{border-color:var(--bx-color-success-100)}.bx-bg-success-200{background-color:var(--bx-color-success-200)}.bx-text-success-200{color:var(--bx-color-success-200)}.bx-border-success-200{border-color:var(--bx-color-success-200)}.bx-bg-success-300{background-color:var(--bx-color-success-300)}.bx-text-success-300{color:var(--bx-color-success-300)}.bx-border-success-300{border-color:var(--bx-color-success-300)}.bx-bg-success-400{background-color:var(--bx-color-success-400)}.bx-text-success-400{color:var(--bx-color-success-400)}.bx-border-success-400{border-color:var(--bx-color-success-400)}.bx-bg-success-500{background-color:var(--bx-color-success-500)}.bx-text-success-500{color:var(--bx-color-success-500)}.bx-border-success-500{border-color:var(--bx-color-success-500)}.bx-bg-success-600{background-color:var(--bx-color-success-600)}.bx-text-success-600{color:var(--bx-color-success-600)}.bx-border-success-600{border-color:var(--bx-color-success-600)}.bx-bg-success-700{background-color:var(--bx-color-success-700)}.bx-text-success-700{color:var(--bx-color-success-700)}.bx-border-success-700{border-color:var(--bx-color-success-700)}.bx-bg-success-800{background-color:var(--bx-color-success-800)}.bx-text-success-800{color:var(--bx-color-success-800)}.bx-border-success-800{border-color:var(--bx-color-success-800)}.bx-bg-success-900{background-color:var(--bx-color-success-900)}.bx-text-success-900{color:var(--bx-color-success-900)}.bx-border-success-900{border-color:var(--bx-color-success-900)}.bx-bg-success-1000{background-color:var(--bx-color-success-1000)}.bx-text-success-1000{color:var(--bx-color-success-1000)}.bx-border-success-1000{border-color:var(--bx-color-success-1000)}.bx-bg-information-50{background-color:var(--bx-color-information-50)}.bx-text-information-50{color:var(--bx-color-information-50)}.bx-border-information-50{border-color:var(--bx-color-information-50)}.bx-bg-information-100{background-color:var(--bx-color-information-100)}.bx-text-information-100{color:var(--bx-color-information-100)}.bx-border-information-100{border-color:var(--bx-color-information-100)}.bx-bg-information-200{background-color:var(--bx-color-information-200)}.bx-text-information-200{color:var(--bx-color-information-200)}.bx-border-information-200{border-color:var(--bx-color-information-200)}.bx-bg-information-300{background-color:var(--bx-color-information-300)}.bx-text-information-300{color:var(--bx-color-information-300)}.bx-border-information-300{border-color:var(--bx-color-information-300)}.bx-bg-information-400{background-color:var(--bx-color-information-400)}.bx-text-information-400{color:var(--bx-color-information-400)}.bx-border-information-400{border-color:var(--bx-color-information-400)}.bx-bg-information-500{background-color:var(--bx-color-information-500)}.bx-text-information-500{color:var(--bx-color-information-500)}.bx-border-information-500{border-color:var(--bx-color-information-500)}.bx-bg-information-600{background-color:var(--bx-color-information-600)}.bx-text-information-600{color:var(--bx-color-information-600)}.bx-border-information-600{border-color:var(--bx-color-information-600)}.bx-bg-information-700{background-color:var(--bx-color-information-700)}.bx-text-information-700{color:var(--bx-color-information-700)}.bx-border-information-700{border-color:var(--bx-color-information-700)}.bx-bg-information-800{background-color:var(--bx-color-information-800)}.bx-text-information-800{color:var(--bx-color-information-800)}.bx-border-information-800{border-color:var(--bx-color-information-800)}.bx-bg-information-900{background-color:var(--bx-color-information-900)}.bx-text-information-900{color:var(--bx-color-information-900)}.bx-border-information-900{border-color:var(--bx-color-information-900)}.bx-bg-information-1000{background-color:var(--bx-color-information-1000)}.bx-text-information-1000{color:var(--bx-color-information-1000)}.bx-border-information-1000{border-color:var(--bx-color-information-1000)}.bx-bg-neutral-50{background-color:var(--bx-color-neutral-50)}.bx-text-neutral-50{color:var(--bx-color-neutral-50)}.bx-border-neutral-50{border-color:var(--bx-color-neutral-50)}.bx-bg-neutral-100{background-color:var(--bx-color-neutral-100)}.bx-text-neutral-100{color:var(--bx-color-neutral-100)}.bx-border-neutral-100{border-color:var(--bx-color-neutral-100)}.bx-bg-neutral-200{background-color:var(--bx-color-neutral-200)}.bx-text-neutral-200{color:var(--bx-color-neutral-200)}.bx-border-neutral-200{border-color:var(--bx-color-neutral-200)}.bx-bg-neutral-300{background-color:var(--bx-color-neutral-300)}.bx-text-neutral-300{color:var(--bx-color-neutral-300)}.bx-border-neutral-300{border-color:var(--bx-color-neutral-300)}.bx-bg-neutral-400{background-color:var(--bx-color-neutral-400)}.bx-text-neutral-400{color:var(--bx-color-neutral-400)}.bx-border-neutral-400{border-color:var(--bx-color-neutral-400)}.bx-bg-neutral-500{background-color:var(--bx-color-neutral-500)}.bx-text-neutral-500{color:var(--bx-color-neutral-500)}.bx-border-neutral-500{border-color:var(--bx-color-neutral-500)}.bx-bg-neutral-600{background-color:var(--bx-color-neutral-600)}.bx-text-neutral-600{color:var(--bx-color-neutral-600)}.bx-border-neutral-600{border-color:var(--bx-color-neutral-600)}.bx-bg-neutral-700{background-color:var(--bx-color-neutral-700)}.bx-text-neutral-700{color:var(--bx-color-neutral-700)}.bx-border-neutral-700{border-color:var(--bx-color-neutral-700)}.bx-bg-neutral-800{background-color:var(--bx-color-neutral-800)}.bx-text-neutral-800{color:var(--bx-color-neutral-800)}.bx-border-neutral-800{border-color:var(--bx-color-neutral-800)}.bx-bg-neutral-900{background-color:var(--bx-color-neutral-900)}.bx-text-neutral-900{color:var(--bx-color-neutral-900)}.bx-border-neutral-900{border-color:var(--bx-color-neutral-900)}.bx-bg-neutral-1000{background-color:var(--bx-color-neutral-1000)}.bx-text-neutral-1000{color:var(--bx-color-neutral-1000)}.bx-border-neutral-1000{border-color:var(--bx-color-neutral-1000)}:root{--bx-space-0: 0;--bx-space-1: .25rem;--bx-space-2: .5rem;--bx-space-3: .75rem;--bx-space-4: 1rem;--bx-space-5: 1.25rem;--bx-space-6: 1.5rem;--bx-space-8: 2rem;--bx-space-10: 2.5rem;--bx-space-12: 3rem;--bx-rounded-none: 0;--bx-rounded-sm: .25rem;--bx-rounded-md: .5rem;--bx-rounded-lg: .75rem;--bx-rounded-xl: 1rem;--bx-rounded-2xl: 1.5rem;--bx-rounded-3xl: 1.875rem;--bx-rounded-pill: 9999px;--bx-shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bx-shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .15), 0 2px 4px -2px rgba(0, 0, 0, .12);--bx-shadow-lg: 0 12px 20px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);--bx-shadow-xl: 0 24px 32px -5px rgba(0, 0, 0, .25), 0 10px 12px -5px rgba(0, 0, 0, .15);--bx-shadow-modal: 0 8px 20px rgba(0, 0, 0, .12);--bx-shadow-toast: 0 4px 12px rgba(0, 0, 0, .15);--bx-z-base: 1;--bx-z-dropdown: 100;--bx-z-sticky: 200;--bx-z-fixed: 300;--bx-z-modal: 400;--bx-z-popover: 500;--bx-z-tooltip: 600;--bx-z-toast: 9999;--bx-color-orange-50: #FFF7ED;--bx-color-orange-100: #FFEDD4;--bx-color-orange-200: #FFD6A7;--bx-color-orange-300: #FFB86A;--bx-color-orange-400: #FF8904;--bx-color-orange-500: #FF6900;--bx-color-orange-600: #F54900;--bx-color-orange-700: #CA3500;--bx-color-orange-800: #9F2D00;--bx-color-orange-900: #551111;--bx-color-orange-1000: #441306;--bx-color-purple-50: #F4EBFF;--bx-color-purple-100: #E6D4FF;--bx-color-purple-200: #CFA3FF;--bx-color-purple-300: #B36BFF;--bx-color-purple-400: #922FFF;--bx-color-purple-500: #6D00FF;--bx-color-purple-600: #5700CC;--bx-color-purple-700: #410099;--bx-color-purple-800: #2C0066;--bx-color-purple-900: #160033;--bx-color-purple-1000: #0B001A;--bx-color-red-50: #FDF1F0;--bx-color-red-100: #FADCDA;--bx-color-red-200: #F5B0AB;--bx-color-red-300: #EF8079;--bx-color-red-400: #EA4C43;--bx-color-red-500: #E3241B;--bx-color-red-600: #BE1810;--bx-color-red-700: #991009;--bx-color-red-800: #750904;--bx-color-red-900: #520401;--bx-color-red-1000: #2E0200;--bx-color-green-50: #F7FCE8;--bx-color-green-100: #EDF8C8;--bx-color-green-200: #DDF19C;--bx-color-green-300: #CAE96A;--bx-color-green-400: #BEE046;--bx-color-green-500: #B0D624;--bx-color-green-600: #92B518;--bx-color-green-700: #718F10;--bx-color-green-800: #556D0C;--bx-color-green-900: #3C4E08;--bx-color-green-1000: #212C03;--bx-color-danger-50: #FFFCFC;--bx-color-danger-100: #F4E5E5;--bx-color-danger-200: #EAD0D0;--bx-color-danger-300: #DE9E9E;--bx-color-danger-400: #F76D6D;--bx-color-danger-500: #D94D4D;--bx-color-danger-600: #C93D3D;--bx-color-danger-700: #BA2E2E;--bx-color-danger-800: #722222;--bx-color-danger-900: #2B1717;--bx-color-danger-1000: #0E0C0C;--bx-color-warn-50: #FFFEFB;--bx-color-warn-100: #F7F0E3;--bx-color-warn-200: #EAE3D0;--bx-color-warn-300: #E7C892;--bx-color-warn-400: #E4AD55;--bx-color-warn-500: #C68D36;--bx-color-warn-600: #B77D27;--bx-color-warn-700: #A96D18;--bx-color-warn-800: #6A4817;--bx-color-warn-900: #2B2317;--bx-color-warn-1000: #0E0D0C;--bx-color-success-50: #FCFFFC;--bx-color-success-100: #E6F4E6;--bx-color-success-200: #D1EAD0;--bx-color-success-300: #98D6A0;--bx-color-success-400: #5FC370;--bx-color-success-500: #3FA94E;--bx-color-success-600: #2E9C3E;--bx-color-success-700: #1E8F2D;--bx-color-success-800: #1A5D22;--bx-color-success-900: #172B18;--bx-color-success-1000: #0C0E0C;--bx-color-information-50: #FBFDFF;--bx-color-information-100: #E5EEF7;--bx-color-information-200: #D0DDEA;--bx-color-information-300: #97CACE;--bx-color-information-400: #5FB7C3;--bx-color-information-500: #3E90B5;--bx-color-information-600: #2E7CAE;--bx-color-information-700: #1E69A7;--bx-color-information-800: #1A4469;--bx-color-information-900: #17202B;--bx-color-information-1000: #0C0D0E;--bx-color-neutral-50: #FAFAFA;--bx-color-neutral-100: #F5F5F5;--bx-color-neutral-200: #E5E5E5;--bx-color-neutral-300: #D4D4D4;--bx-color-neutral-400: #A1A1A1;--bx-color-neutral-500: #737373;--bx-color-neutral-600: #525252;--bx-color-neutral-700: #404040;--bx-color-neutral-800: #262626;--bx-color-neutral-900: #171717;--bx-color-neutral-1000: #0A0A0A}:root .bx-icon-pos-start{margin-right:.5rem}:root .bx-icon-pos-end{margin-left:.5rem}.bx-bg-canvas{background-color:var(--bx-bg-canvas);transition:background-color .2s ease-in-out}.bx-bg-surface{background-color:var(--bx-bg-surface);transition:background-color .2s ease-in-out}.bx-bg-surface-alt{background-color:var(--bx-bg-surface-alt);transition:background-color .2s ease-in-out}.bx-bg-element{background-color:var(--bx-bg-element);transition:background-color .2s ease-in-out}.bx-bg-element-hover{background-color:var(--bx-bg-element-hover);transition:background-color .2s ease-in-out}.bx-bg-element-active{background-color:var(--bx-bg-element-active);transition:background-color .2s ease-in-out}.bx-bg-primary{background-color:var(--bx-primary);transition:background-color .2s ease-in-out}.bx-text-primary{color:var(--bx-primary);transition:color .2s ease-in-out}.bx-border-primary{border-color:var(--bx-primary);transition:border-color .2s ease-in-out}.bx-bg-primary-hover{background-color:var(--bx-primary-hover);transition:background-color .2s ease-in-out}.bx-text-primary-hover{color:var(--bx-primary-hover);transition:color .2s ease-in-out}.bx-border-primary-hover{border-color:var(--bx-primary-hover);transition:border-color .2s ease-in-out}.bx-bg-primary-active{background-color:var(--bx-primary-active);transition:background-color .2s ease-in-out}.bx-text-primary-active{color:var(--bx-primary-active);transition:color .2s ease-in-out}.bx-border-primary-active{border-color:var(--bx-primary-active);transition:border-color .2s ease-in-out}.bx-bg-primary-subtle{background-color:var(--bx-primary-subtle);transition:background-color .2s ease-in-out}.bx-text-primary-subtle{color:var(--bx-primary-subtle);transition:color .2s ease-in-out}.bx-border-primary-subtle{border-color:var(--bx-primary-subtle);transition:border-color .2s ease-in-out}.bx-bg-on-primary{background-color:var(--bx-on-primary);transition:background-color .2s ease-in-out}.bx-text-on-primary{color:var(--bx-on-primary);transition:color .2s ease-in-out}.bx-border-on-primary{border-color:var(--bx-on-primary);transition:border-color .2s ease-in-out}.bx-text-heading{color:var(--bx-text-heading);transition:color .2s ease-in-out}.bx-text-primary{color:var(--bx-text-primary);transition:color .2s ease-in-out}.bx-text-secondary{color:var(--bx-text-secondary);transition:color .2s ease-in-out}.bx-text-brand{color:var(--bx-text-brand);transition:color .2s ease-in-out}.bx-text-inverse{color:var(--bx-text-inverse);transition:color .2s ease-in-out}.bx-text-info{color:var(--bx-text-info);transition:color .2s ease-in-out}.bx-text-warn{color:var(--bx-text-warn);transition:color .2s ease-in-out}.bx-text-success{color:var(--bx-text-success);transition:color .2s ease-in-out}.bx-text-danger{color:var(--bx-text-danger);transition:color .2s ease-in-out}.bx-border-subtle{border-color:var(--bx-border-subtle);transition:border-color .2s ease-in-out}.bx-border-default{border-color:var(--bx-border-default);transition:border-color .2s ease-in-out}.bx-border-strong{border-color:var(--bx-border-strong);transition:border-color .2s ease-in-out}.bx-border-brand{border-color:var(--bx-border-brand);transition:border-color .2s ease-in-out}.bx-border-info{border-color:var(--bx-border-info);transition:border-color .2s ease-in-out}.bx-border-success{border-color:var(--bx-border-success);transition:border-color .2s ease-in-out}.bx-border-warn{border-color:var(--bx-border-warn);transition:border-color .2s ease-in-out}.bx-border-danger{border-color:var(--bx-border-danger);transition:border-color .2s ease-in-out}.bx-bg-info{background-color:var(--bx-bg-info);transition:background-color .2s ease-in-out}.bx-bg-info-hover{background-color:var(--bx-bg-info-hover);transition:background-color .2s ease-in-out}.bx-bg-info-active{background-color:var(--bx-bg-info-active);transition:background-color .2s ease-in-out}.bx-bg-info-disabled{background-color:var(--bx-bg-info-disabled);transition:background-color .2s ease-in-out}.bx-bg-info-subtle{background-color:var(--bx-bg-info-subtle);transition:background-color .2s ease-in-out}.bx-bg-success{background-color:var(--bx-bg-success);transition:background-color .2s ease-in-out}.bx-bg-success-hover{background-color:var(--bx-bg-success-hover);transition:background-color .2s ease-in-out}.bx-bg-success-active{background-color:var(--bx-bg-success-active);transition:background-color .2s ease-in-out}.bx-bg-success-disabled{background-color:var(--bx-bg-success-disabled);transition:background-color .2s ease-in-out}.bx-bg-success-subtle{background-color:var(--bx-bg-success-subtle);transition:background-color .2s ease-in-out}.bx-bg-warn{background-color:var(--bx-bg-warn);transition:background-color .2s ease-in-out}.bx-bg-warn-hover{background-color:var(--bx-bg-warn-hover);transition:background-color .2s ease-in-out}.bx-bg-warn-active{background-color:var(--bx-bg-warn-active);transition:background-color .2s ease-in-out}.bx-bg-warn-disabled{background-color:var(--bx-bg-warn-disabled);transition:background-color .2s ease-in-out}.bx-bg-warn-subtle{background-color:var(--bx-bg-warn-subtle);transition:background-color .2s ease-in-out}.bx-bg-danger{background-color:var(--bx-bg-danger);transition:background-color .2s ease-in-out}.bx-bg-danger-hover{background-color:var(--bx-bg-danger-hover);transition:background-color .2s ease-in-out}.bx-bg-danger-active{background-color:var(--bx-bg-danger-active);transition:background-color .2s ease-in-out}.bx-bg-danger-disabled{background-color:var(--bx-bg-danger-disabled);transition:background-color .2s ease-in-out}.bx-bg-danger-subtle{background-color:var(--bx-bg-danger-subtle);transition:background-color .2s ease-in-out}:host{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out;outline:none;text-decoration:none;box-sizing:border-box;border:1px solid transparent}:host[disabled],:host[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none;box-shadow:none!important}:host.bx-btn-color-primary{--btn-theme-base: var(--bx-primary);--btn-theme-hover: var(--bx-primary-hover);--btn-theme-active: var(--bx-primary-active);--btn-theme-text: var(--bx-on-primary);--btn-theme-tonal-bg: var(--bx-primary-subtle);--btn-theme-tonal-text: var(--bx-text-brand);--btn-theme-border: var(--bx-border-brand)}:host.bx-btn-color-danger{--btn-theme-base: var(--bx-bg-danger);--btn-theme-hover: var(--bx-bg-danger-hover);--btn-theme-active: var(--bx-bg-danger-active);--btn-theme-text: var(--bx-text-danger);--btn-theme-tonal-bg: var(--bx-bg-danger-subtle);--btn-theme-tonal-text: var(--bx-text-danger);--btn-theme-border: var(--bx-border-danger)}:host.bx-btn-color-success{--btn-theme-base: var(--bx-bg-success);--btn-theme-hover: var(--bx-bg-success-hover);--btn-theme-active: var(--bx-bg-success-active);--btn-theme-text: var(--bx-text-success);--btn-theme-tonal-bg: var(--bx-bg-success-subtle);--btn-theme-tonal-text: var(--bx-text-success);--btn-theme-border: var(--bx-border-success)}:host.bx-btn-color-info{--btn-theme-base: var(--bx-bg-info);--btn-theme-hover: var(--bx-bg-info-hover);--btn-theme-active: var(--bx-bg-info-active);--btn-theme-text: var(--bx-text-info);--btn-theme-tonal-bg: var(--bx-bg-info-subtle);--btn-theme-tonal-text: var(--bx-text-info);--btn-theme-border: var(--bx-border-info)}:host.bx-btn-color-warn{--btn-theme-base: var(--bx-bg-warn);--btn-theme-hover: var(--bx-bg-warn-hover);--btn-theme-active: var(--bx-bg-warn-active);--btn-theme-text: var(--bx-text-warn);--btn-theme-tonal-bg: var(--bx-bg-warn-subtle);--btn-theme-tonal-text: var(--bx-text-warn);--btn-theme-border: var(--bx-border-warn)}:host.bx-btn-color-grayscale{--btn-theme-base: var(--bx-bg-element);--btn-theme-hover: var(--bx-bg-element-hover);--btn-theme-active: var(--bx-bg-element-active);--btn-theme-text: var(--bx-text-primary);--btn-theme-tonal-bg: var(--bx-bg-surface-alt);--btn-theme-tonal-text: var(--bx-text-primary);--btn-theme-border: var(--bx-border-strong)}:host.bx-btn-text,:host.bx-btn-filled,:host.bx-btn-tonal{padding:.5rem 1rem;border-radius:.25rem}:host.bx-btn-icon,:host.bx-btn-fab,:host.bx-btn-mini-fab{padding:0;border-radius:50%}:host.bx-btn-icon .bx-btn-content-wrapper,:host.bx-btn-fab .bx-btn-content-wrapper,:host.bx-btn-mini-fab .bx-btn-content-wrapper{gap:0}:host.bx-btn-filled,:host.bx-btn-fab,:host.bx-btn-mini-fab,:host.bx-btn-extended-fab{background:var(--btn-theme-base);color:var(--btn-theme-text)}:host.bx-btn-filled:hover,:host.bx-btn-fab:hover,:host.bx-btn-mini-fab:hover,:host.bx-btn-extended-fab:hover{background:var(--btn-theme-hover)}:host.bx-btn-filled:active,:host.bx-btn-fab:active,:host.bx-btn-mini-fab:active,:host.bx-btn-extended-fab:active{background:var(--btn-theme-active)}:host.bx-btn-text,:host.bx-btn-icon{background:transparent;color:var(--btn-theme-text)}:host.bx-btn-text:hover,:host.bx-btn-icon:hover{background:var(--btn-theme-tonal-bg)}:host.bx-btn-text:active,:host.bx-btn-icon:active{background:var(--btn-theme-active)}:host.bx-btn-tonal{background:var(--btn-theme-tonal-bg);color:var(--btn-theme-tonal-text)}:host.bx-btn-tonal:hover{opacity:.8}:host.bx-btn-tonal:active{opacity:.9}:host.bx-btn-icon,:host.bx-btn-mini-fab{width:2.5rem;height:2.5rem}:host.bx-btn-fab{width:3.5rem;height:3.5rem}:host.bx-btn-extended-fab{padding:0 1.5rem;height:3.5rem;border-radius:9999px}:host.bx-btn-is-outlined{border-color:var(--btn-theme-border)}:host.bx-btn-is-elevated{box-shadow:0 4px 8px -1px #00000026,0 2px 4px -2px #0000001f}:host.bx-btn-is-elevated:active{box-shadow:0 2px 4px #0000001a,0 1px 2px -1px #0000001a}.bx-btn-content-wrapper{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:100%;color:inherit}\n"] });
|
|
18
18
|
}
|
|
19
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Button, decorators: [{
|
|
20
20
|
type: Component,
|
|
@@ -25,7 +25,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
|
|
|
25
25
|
'[attr.disabled]': 'disabled() ? true : null',
|
|
26
26
|
'[attr.aria-disabled]': 'disabled()',
|
|
27
27
|
'[attr.tabindex]': 'disabled() ? "-1" : null'
|
|
28
|
-
}, template: "<span class=\"bx-btn-content-wrapper\">\n <ng-content></ng-content>\n</span>", styles: [".bx-p-0{padding:0}.bx-pt-0{padding-top:0}.bx-pr-0{padding-right:0}.bx-pb-0{padding-bottom:0}.bx-pl-0{padding-left:0}.bx-px-0{padding-left:0;padding-right:0}.bx-py-0{padding-top:0;padding-bottom:0}.bx-m-0{margin:0}.bx-mt-0{margin-top:0}.bx-mr-0{margin-right:0}.bx-mb-0{margin-bottom:0}.bx-ml-0{margin-left:0}.bx-mx-0{margin-left:0;margin-right:0}.bx-my-0{margin-top:0;margin-bottom:0}.bx-p-1{padding:.25rem}.bx-pt-1{padding-top:.25rem}.bx-pr-1{padding-right:.25rem}.bx-pb-1{padding-bottom:.25rem}.bx-pl-1{padding-left:.25rem}.bx-px-1{padding-left:.25rem;padding-right:.25rem}.bx-py-1{padding-top:.25rem;padding-bottom:.25rem}.bx-m-1{margin:.25rem}.bx-mt-1{margin-top:.25rem}.bx-mr-1{margin-right:.25rem}.bx-mb-1{margin-bottom:.25rem}.bx-ml-1{margin-left:.25rem}.bx-mx-1{margin-left:.25rem;margin-right:.25rem}.bx-my-1{margin-top:.25rem;margin-bottom:.25rem}.bx-p-2{padding:.5rem}.bx-pt-2{padding-top:.5rem}.bx-pr-2{padding-right:.5rem}.bx-pb-2{padding-bottom:.5rem}.bx-pl-2{padding-left:.5rem}.bx-px-2{padding-left:.5rem;padding-right:.5rem}.bx-py-2{padding-top:.5rem;padding-bottom:.5rem}.bx-m-2{margin:.5rem}.bx-mt-2{margin-top:.5rem}.bx-mr-2{margin-right:.5rem}.bx-mb-2{margin-bottom:.5rem}.bx-ml-2{margin-left:.5rem}.bx-mx-2{margin-left:.5rem;margin-right:.5rem}.bx-my-2{margin-top:.5rem;margin-bottom:.5rem}.bx-p-3{padding:.75rem}.bx-pt-3{padding-top:.75rem}.bx-pr-3{padding-right:.75rem}.bx-pb-3{padding-bottom:.75rem}.bx-pl-3{padding-left:.75rem}.bx-px-3{padding-left:.75rem;padding-right:.75rem}.bx-py-3{padding-top:.75rem;padding-bottom:.75rem}.bx-m-3{margin:.75rem}.bx-mt-3{margin-top:.75rem}.bx-mr-3{margin-right:.75rem}.bx-mb-3{margin-bottom:.75rem}.bx-ml-3{margin-left:.75rem}.bx-mx-3{margin-left:.75rem;margin-right:.75rem}.bx-my-3{margin-top:.75rem;margin-bottom:.75rem}.bx-p-4{padding:1rem}.bx-pt-4{padding-top:1rem}.bx-pr-4{padding-right:1rem}.bx-pb-4{padding-bottom:1rem}.bx-pl-4{padding-left:1rem}.bx-px-4{padding-left:1rem;padding-right:1rem}.bx-py-4{padding-top:1rem;padding-bottom:1rem}.bx-m-4{margin:1rem}.bx-mt-4{margin-top:1rem}.bx-mr-4{margin-right:1rem}.bx-mb-4{margin-bottom:1rem}.bx-ml-4{margin-left:1rem}.bx-mx-4{margin-left:1rem;margin-right:1rem}.bx-my-4{margin-top:1rem;margin-bottom:1rem}.bx-p-5{padding:1.25rem}.bx-pt-5{padding-top:1.25rem}.bx-pr-5{padding-right:1.25rem}.bx-pb-5{padding-bottom:1.25rem}.bx-pl-5{padding-left:1.25rem}.bx-px-5{padding-left:1.25rem;padding-right:1.25rem}.bx-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.bx-m-5{margin:1.25rem}.bx-mt-5{margin-top:1.25rem}.bx-mr-5{margin-right:1.25rem}.bx-mb-5{margin-bottom:1.25rem}.bx-ml-5{margin-left:1.25rem}.bx-mx-5{margin-left:1.25rem;margin-right:1.25rem}.bx-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.bx-p-6{padding:1.5rem}.bx-pt-6{padding-top:1.5rem}.bx-pr-6{padding-right:1.5rem}.bx-pb-6{padding-bottom:1.5rem}.bx-pl-6{padding-left:1.5rem}.bx-px-6{padding-left:1.5rem;padding-right:1.5rem}.bx-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.bx-m-6{margin:1.5rem}.bx-mt-6{margin-top:1.5rem}.bx-mr-6{margin-right:1.5rem}.bx-mb-6{margin-bottom:1.5rem}.bx-ml-6{margin-left:1.5rem}.bx-mx-6{margin-left:1.5rem;margin-right:1.5rem}.bx-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.bx-p-8{padding:2rem}.bx-pt-8{padding-top:2rem}.bx-pr-8{padding-right:2rem}.bx-pb-8{padding-bottom:2rem}.bx-pl-8{padding-left:2rem}.bx-px-8{padding-left:2rem;padding-right:2rem}.bx-py-8{padding-top:2rem;padding-bottom:2rem}.bx-m-8{margin:2rem}.bx-mt-8{margin-top:2rem}.bx-mr-8{margin-right:2rem}.bx-mb-8{margin-bottom:2rem}.bx-ml-8{margin-left:2rem}.bx-mx-8{margin-left:2rem;margin-right:2rem}.bx-my-8{margin-top:2rem;margin-bottom:2rem}.bx-p-10{padding:2.5rem}.bx-pt-10{padding-top:2.5rem}.bx-pr-10{padding-right:2.5rem}.bx-pb-10{padding-bottom:2.5rem}.bx-pl-10{padding-left:2.5rem}.bx-px-10{padding-left:2.5rem;padding-right:2.5rem}.bx-py-10{padding-top:2.5rem;padding-bottom:2.5rem}.bx-m-10{margin:2.5rem}.bx-mt-10{margin-top:2.5rem}.bx-mr-10{margin-right:2.5rem}.bx-mb-10{margin-bottom:2.5rem}.bx-ml-10{margin-left:2.5rem}.bx-mx-10{margin-left:2.5rem;margin-right:2.5rem}.bx-my-10{margin-top:2.5rem;margin-bottom:2.5rem}.bx-p-12{padding:3rem}.bx-pt-12{padding-top:3rem}.bx-pr-12{padding-right:3rem}.bx-pb-12{padding-bottom:3rem}.bx-pl-12{padding-left:3rem}.bx-px-12{padding-left:3rem;padding-right:3rem}.bx-py-12{padding-top:3rem;padding-bottom:3rem}.bx-m-12{margin:3rem}.bx-mt-12{margin-top:3rem}.bx-mr-12{margin-right:3rem}.bx-mb-12{margin-bottom:3rem}.bx-ml-12{margin-left:3rem}.bx-mx-12{margin-left:3rem;margin-right:3rem}.bx-my-12{margin-top:3rem;margin-bottom:3rem}.bx-rounded-none{border-radius:0}.bx-rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.bx-rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.bx-rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.bx-rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.bx-rounded-sm{border-radius:.25rem}.bx-rounded-t-sm{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.bx-rounded-b-sm{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-l-sm{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.bx-rounded-r-sm{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-md{border-radius:.5rem}.bx-rounded-t-md{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.bx-rounded-b-md{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-l-md{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.bx-rounded-r-md{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-lg{border-radius:.75rem}.bx-rounded-t-lg{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.bx-rounded-b-lg{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-l-lg{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.bx-rounded-r-lg{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-xl{border-radius:1rem}.bx-rounded-t-xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.bx-rounded-b-xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-l-xl{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.bx-rounded-r-xl{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-2xl{border-radius:1.5rem}.bx-rounded-t-2xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.bx-rounded-b-2xl{border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-l-2xl{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}.bx-rounded-r-2xl{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-3xl{border-radius:1.875rem}.bx-rounded-t-3xl{border-top-left-radius:1.875rem;border-top-right-radius:1.875rem}.bx-rounded-b-3xl{border-bottom-left-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-l-3xl{border-top-left-radius:1.875rem;border-bottom-left-radius:1.875rem}.bx-rounded-r-3xl{border-top-right-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-pill{border-radius:9999px}.bx-rounded-t-pill{border-top-left-radius:9999px;border-top-right-radius:9999px}.bx-rounded-b-pill{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}.bx-rounded-l-pill{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.bx-rounded-r-pill{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.bx-shadow-sm{box-shadow:0 2px 4px #0000001a,0 1px 2px -1px #0000001a}.bx-shadow-md{box-shadow:0 4px 8px -1px #00000026,0 2px 4px -2px #0000001f}.bx-shadow-lg{box-shadow:0 12px 20px -3px #0003,0 4px 6px -2px #0000001a}.bx-shadow-xl{box-shadow:0 24px 32px -5px #00000040,0 10px 12px -5px #00000026}.bx-shadow-modal{box-shadow:0 8px 20px #0000001f}.bx-shadow-toast{box-shadow:0 4px 12px #00000026}.bx-z-base{z-index:1}.bx-z-dropdown{z-index:100}.bx-z-sticky{z-index:200}.bx-z-fixed{z-index:300}.bx-z-modal{z-index:400}.bx-z-popover{z-index:500}.bx-z-tooltip{z-index:600}.bx-z-toast{z-index:9999}.bx-bg-orange-50{background-color:var(--bx-color-orange-50)}.bx-text-orange-50{color:var(--bx-color-orange-50)}.bx-border-orange-50{border-color:var(--bx-color-orange-50)}.bx-bg-orange-100{background-color:var(--bx-color-orange-100)}.bx-text-orange-100{color:var(--bx-color-orange-100)}.bx-border-orange-100{border-color:var(--bx-color-orange-100)}.bx-bg-orange-200{background-color:var(--bx-color-orange-200)}.bx-text-orange-200{color:var(--bx-color-orange-200)}.bx-border-orange-200{border-color:var(--bx-color-orange-200)}.bx-bg-orange-300{background-color:var(--bx-color-orange-300)}.bx-text-orange-300{color:var(--bx-color-orange-300)}.bx-border-orange-300{border-color:var(--bx-color-orange-300)}.bx-bg-orange-400{background-color:var(--bx-color-orange-400)}.bx-text-orange-400{color:var(--bx-color-orange-400)}.bx-border-orange-400{border-color:var(--bx-color-orange-400)}.bx-bg-orange-500{background-color:var(--bx-color-orange-500)}.bx-text-orange-500{color:var(--bx-color-orange-500)}.bx-border-orange-500{border-color:var(--bx-color-orange-500)}.bx-bg-orange-600{background-color:var(--bx-color-orange-600)}.bx-text-orange-600{color:var(--bx-color-orange-600)}.bx-border-orange-600{border-color:var(--bx-color-orange-600)}.bx-bg-orange-700{background-color:var(--bx-color-orange-700)}.bx-text-orange-700{color:var(--bx-color-orange-700)}.bx-border-orange-700{border-color:var(--bx-color-orange-700)}.bx-bg-orange-800{background-color:var(--bx-color-orange-800)}.bx-text-orange-800{color:var(--bx-color-orange-800)}.bx-border-orange-800{border-color:var(--bx-color-orange-800)}.bx-bg-orange-900{background-color:var(--bx-color-orange-900)}.bx-text-orange-900{color:var(--bx-color-orange-900)}.bx-border-orange-900{border-color:var(--bx-color-orange-900)}.bx-bg-orange-1000{background-color:var(--bx-color-orange-1000)}.bx-text-orange-1000{color:var(--bx-color-orange-1000)}.bx-border-orange-1000{border-color:var(--bx-color-orange-1000)}.bx-bg-purple-50{background-color:var(--bx-color-purple-50)}.bx-text-purple-50{color:var(--bx-color-purple-50)}.bx-border-purple-50{border-color:var(--bx-color-purple-50)}.bx-bg-purple-100{background-color:var(--bx-color-purple-100)}.bx-text-purple-100{color:var(--bx-color-purple-100)}.bx-border-purple-100{border-color:var(--bx-color-purple-100)}.bx-bg-purple-200{background-color:var(--bx-color-purple-200)}.bx-text-purple-200{color:var(--bx-color-purple-200)}.bx-border-purple-200{border-color:var(--bx-color-purple-200)}.bx-bg-purple-300{background-color:var(--bx-color-purple-300)}.bx-text-purple-300{color:var(--bx-color-purple-300)}.bx-border-purple-300{border-color:var(--bx-color-purple-300)}.bx-bg-purple-400{background-color:var(--bx-color-purple-400)}.bx-text-purple-400{color:var(--bx-color-purple-400)}.bx-border-purple-400{border-color:var(--bx-color-purple-400)}.bx-bg-purple-500{background-color:var(--bx-color-purple-500)}.bx-text-purple-500{color:var(--bx-color-purple-500)}.bx-border-purple-500{border-color:var(--bx-color-purple-500)}.bx-bg-purple-600{background-color:var(--bx-color-purple-600)}.bx-text-purple-600{color:var(--bx-color-purple-600)}.bx-border-purple-600{border-color:var(--bx-color-purple-600)}.bx-bg-purple-700{background-color:var(--bx-color-purple-700)}.bx-text-purple-700{color:var(--bx-color-purple-700)}.bx-border-purple-700{border-color:var(--bx-color-purple-700)}.bx-bg-purple-800{background-color:var(--bx-color-purple-800)}.bx-text-purple-800{color:var(--bx-color-purple-800)}.bx-border-purple-800{border-color:var(--bx-color-purple-800)}.bx-bg-purple-900{background-color:var(--bx-color-purple-900)}.bx-text-purple-900{color:var(--bx-color-purple-900)}.bx-border-purple-900{border-color:var(--bx-color-purple-900)}.bx-bg-purple-1000{background-color:var(--bx-color-purple-1000)}.bx-text-purple-1000{color:var(--bx-color-purple-1000)}.bx-border-purple-1000{border-color:var(--bx-color-purple-1000)}.bx-bg-red-50{background-color:var(--bx-color-red-50)}.bx-text-red-50{color:var(--bx-color-red-50)}.bx-border-red-50{border-color:var(--bx-color-red-50)}.bx-bg-red-100{background-color:var(--bx-color-red-100)}.bx-text-red-100{color:var(--bx-color-red-100)}.bx-border-red-100{border-color:var(--bx-color-red-100)}.bx-bg-red-200{background-color:var(--bx-color-red-200)}.bx-text-red-200{color:var(--bx-color-red-200)}.bx-border-red-200{border-color:var(--bx-color-red-200)}.bx-bg-red-300{background-color:var(--bx-color-red-300)}.bx-text-red-300{color:var(--bx-color-red-300)}.bx-border-red-300{border-color:var(--bx-color-red-300)}.bx-bg-red-400{background-color:var(--bx-color-red-400)}.bx-text-red-400{color:var(--bx-color-red-400)}.bx-border-red-400{border-color:var(--bx-color-red-400)}.bx-bg-red-500{background-color:var(--bx-color-red-500)}.bx-text-red-500{color:var(--bx-color-red-500)}.bx-border-red-500{border-color:var(--bx-color-red-500)}.bx-bg-red-600{background-color:var(--bx-color-red-600)}.bx-text-red-600{color:var(--bx-color-red-600)}.bx-border-red-600{border-color:var(--bx-color-red-600)}.bx-bg-red-700{background-color:var(--bx-color-red-700)}.bx-text-red-700{color:var(--bx-color-red-700)}.bx-border-red-700{border-color:var(--bx-color-red-700)}.bx-bg-red-800{background-color:var(--bx-color-red-800)}.bx-text-red-800{color:var(--bx-color-red-800)}.bx-border-red-800{border-color:var(--bx-color-red-800)}.bx-bg-red-900{background-color:var(--bx-color-red-900)}.bx-text-red-900{color:var(--bx-color-red-900)}.bx-border-red-900{border-color:var(--bx-color-red-900)}.bx-bg-red-1000{background-color:var(--bx-color-red-1000)}.bx-text-red-1000{color:var(--bx-color-red-1000)}.bx-border-red-1000{border-color:var(--bx-color-red-1000)}.bx-bg-green-50{background-color:var(--bx-color-green-50)}.bx-text-green-50{color:var(--bx-color-green-50)}.bx-border-green-50{border-color:var(--bx-color-green-50)}.bx-bg-green-100{background-color:var(--bx-color-green-100)}.bx-text-green-100{color:var(--bx-color-green-100)}.bx-border-green-100{border-color:var(--bx-color-green-100)}.bx-bg-green-200{background-color:var(--bx-color-green-200)}.bx-text-green-200{color:var(--bx-color-green-200)}.bx-border-green-200{border-color:var(--bx-color-green-200)}.bx-bg-green-300{background-color:var(--bx-color-green-300)}.bx-text-green-300{color:var(--bx-color-green-300)}.bx-border-green-300{border-color:var(--bx-color-green-300)}.bx-bg-green-400{background-color:var(--bx-color-green-400)}.bx-text-green-400{color:var(--bx-color-green-400)}.bx-border-green-400{border-color:var(--bx-color-green-400)}.bx-bg-green-500{background-color:var(--bx-color-green-500)}.bx-text-green-500{color:var(--bx-color-green-500)}.bx-border-green-500{border-color:var(--bx-color-green-500)}.bx-bg-green-600{background-color:var(--bx-color-green-600)}.bx-text-green-600{color:var(--bx-color-green-600)}.bx-border-green-600{border-color:var(--bx-color-green-600)}.bx-bg-green-700{background-color:var(--bx-color-green-700)}.bx-text-green-700{color:var(--bx-color-green-700)}.bx-border-green-700{border-color:var(--bx-color-green-700)}.bx-bg-green-800{background-color:var(--bx-color-green-800)}.bx-text-green-800{color:var(--bx-color-green-800)}.bx-border-green-800{border-color:var(--bx-color-green-800)}.bx-bg-green-900{background-color:var(--bx-color-green-900)}.bx-text-green-900{color:var(--bx-color-green-900)}.bx-border-green-900{border-color:var(--bx-color-green-900)}.bx-bg-green-1000{background-color:var(--bx-color-green-1000)}.bx-text-green-1000{color:var(--bx-color-green-1000)}.bx-border-green-1000{border-color:var(--bx-color-green-1000)}.bx-bg-danger-50{background-color:var(--bx-color-danger-50)}.bx-text-danger-50{color:var(--bx-color-danger-50)}.bx-border-danger-50{border-color:var(--bx-color-danger-50)}.bx-bg-danger-100{background-color:var(--bx-color-danger-100)}.bx-text-danger-100{color:var(--bx-color-danger-100)}.bx-border-danger-100{border-color:var(--bx-color-danger-100)}.bx-bg-danger-200{background-color:var(--bx-color-danger-200)}.bx-text-danger-200{color:var(--bx-color-danger-200)}.bx-border-danger-200{border-color:var(--bx-color-danger-200)}.bx-bg-danger-300{background-color:var(--bx-color-danger-300)}.bx-text-danger-300{color:var(--bx-color-danger-300)}.bx-border-danger-300{border-color:var(--bx-color-danger-300)}.bx-bg-danger-400{background-color:var(--bx-color-danger-400)}.bx-text-danger-400{color:var(--bx-color-danger-400)}.bx-border-danger-400{border-color:var(--bx-color-danger-400)}.bx-bg-danger-500{background-color:var(--bx-color-danger-500)}.bx-text-danger-500{color:var(--bx-color-danger-500)}.bx-border-danger-500{border-color:var(--bx-color-danger-500)}.bx-bg-danger-600{background-color:var(--bx-color-danger-600)}.bx-text-danger-600{color:var(--bx-color-danger-600)}.bx-border-danger-600{border-color:var(--bx-color-danger-600)}.bx-bg-danger-700{background-color:var(--bx-color-danger-700)}.bx-text-danger-700{color:var(--bx-color-danger-700)}.bx-border-danger-700{border-color:var(--bx-color-danger-700)}.bx-bg-danger-800{background-color:var(--bx-color-danger-800)}.bx-text-danger-800{color:var(--bx-color-danger-800)}.bx-border-danger-800{border-color:var(--bx-color-danger-800)}.bx-bg-danger-900{background-color:var(--bx-color-danger-900)}.bx-text-danger-900{color:var(--bx-color-danger-900)}.bx-border-danger-900{border-color:var(--bx-color-danger-900)}.bx-bg-danger-1000{background-color:var(--bx-color-danger-1000)}.bx-text-danger-1000{color:var(--bx-color-danger-1000)}.bx-border-danger-1000{border-color:var(--bx-color-danger-1000)}.bx-bg-warn-50{background-color:var(--bx-color-warn-50)}.bx-text-warn-50{color:var(--bx-color-warn-50)}.bx-border-warn-50{border-color:var(--bx-color-warn-50)}.bx-bg-warn-100{background-color:var(--bx-color-warn-100)}.bx-text-warn-100{color:var(--bx-color-warn-100)}.bx-border-warn-100{border-color:var(--bx-color-warn-100)}.bx-bg-warn-200{background-color:var(--bx-color-warn-200)}.bx-text-warn-200{color:var(--bx-color-warn-200)}.bx-border-warn-200{border-color:var(--bx-color-warn-200)}.bx-bg-warn-300{background-color:var(--bx-color-warn-300)}.bx-text-warn-300{color:var(--bx-color-warn-300)}.bx-border-warn-300{border-color:var(--bx-color-warn-300)}.bx-bg-warn-400{background-color:var(--bx-color-warn-400)}.bx-text-warn-400{color:var(--bx-color-warn-400)}.bx-border-warn-400{border-color:var(--bx-color-warn-400)}.bx-bg-warn-500{background-color:var(--bx-color-warn-500)}.bx-text-warn-500{color:var(--bx-color-warn-500)}.bx-border-warn-500{border-color:var(--bx-color-warn-500)}.bx-bg-warn-600{background-color:var(--bx-color-warn-600)}.bx-text-warn-600{color:var(--bx-color-warn-600)}.bx-border-warn-600{border-color:var(--bx-color-warn-600)}.bx-bg-warn-700{background-color:var(--bx-color-warn-700)}.bx-text-warn-700{color:var(--bx-color-warn-700)}.bx-border-warn-700{border-color:var(--bx-color-warn-700)}.bx-bg-warn-800{background-color:var(--bx-color-warn-800)}.bx-text-warn-800{color:var(--bx-color-warn-800)}.bx-border-warn-800{border-color:var(--bx-color-warn-800)}.bx-bg-warn-900{background-color:var(--bx-color-warn-900)}.bx-text-warn-900{color:var(--bx-color-warn-900)}.bx-border-warn-900{border-color:var(--bx-color-warn-900)}.bx-bg-warn-1000{background-color:var(--bx-color-warn-1000)}.bx-text-warn-1000{color:var(--bx-color-warn-1000)}.bx-border-warn-1000{border-color:var(--bx-color-warn-1000)}.bx-bg-success-50{background-color:var(--bx-color-success-50)}.bx-text-success-50{color:var(--bx-color-success-50)}.bx-border-success-50{border-color:var(--bx-color-success-50)}.bx-bg-success-100{background-color:var(--bx-color-success-100)}.bx-text-success-100{color:var(--bx-color-success-100)}.bx-border-success-100{border-color:var(--bx-color-success-100)}.bx-bg-success-200{background-color:var(--bx-color-success-200)}.bx-text-success-200{color:var(--bx-color-success-200)}.bx-border-success-200{border-color:var(--bx-color-success-200)}.bx-bg-success-300{background-color:var(--bx-color-success-300)}.bx-text-success-300{color:var(--bx-color-success-300)}.bx-border-success-300{border-color:var(--bx-color-success-300)}.bx-bg-success-400{background-color:var(--bx-color-success-400)}.bx-text-success-400{color:var(--bx-color-success-400)}.bx-border-success-400{border-color:var(--bx-color-success-400)}.bx-bg-success-500{background-color:var(--bx-color-success-500)}.bx-text-success-500{color:var(--bx-color-success-500)}.bx-border-success-500{border-color:var(--bx-color-success-500)}.bx-bg-success-600{background-color:var(--bx-color-success-600)}.bx-text-success-600{color:var(--bx-color-success-600)}.bx-border-success-600{border-color:var(--bx-color-success-600)}.bx-bg-success-700{background-color:var(--bx-color-success-700)}.bx-text-success-700{color:var(--bx-color-success-700)}.bx-border-success-700{border-color:var(--bx-color-success-700)}.bx-bg-success-800{background-color:var(--bx-color-success-800)}.bx-text-success-800{color:var(--bx-color-success-800)}.bx-border-success-800{border-color:var(--bx-color-success-800)}.bx-bg-success-900{background-color:var(--bx-color-success-900)}.bx-text-success-900{color:var(--bx-color-success-900)}.bx-border-success-900{border-color:var(--bx-color-success-900)}.bx-bg-success-1000{background-color:var(--bx-color-success-1000)}.bx-text-success-1000{color:var(--bx-color-success-1000)}.bx-border-success-1000{border-color:var(--bx-color-success-1000)}.bx-bg-information-50{background-color:var(--bx-color-information-50)}.bx-text-information-50{color:var(--bx-color-information-50)}.bx-border-information-50{border-color:var(--bx-color-information-50)}.bx-bg-information-100{background-color:var(--bx-color-information-100)}.bx-text-information-100{color:var(--bx-color-information-100)}.bx-border-information-100{border-color:var(--bx-color-information-100)}.bx-bg-information-200{background-color:var(--bx-color-information-200)}.bx-text-information-200{color:var(--bx-color-information-200)}.bx-border-information-200{border-color:var(--bx-color-information-200)}.bx-bg-information-300{background-color:var(--bx-color-information-300)}.bx-text-information-300{color:var(--bx-color-information-300)}.bx-border-information-300{border-color:var(--bx-color-information-300)}.bx-bg-information-400{background-color:var(--bx-color-information-400)}.bx-text-information-400{color:var(--bx-color-information-400)}.bx-border-information-400{border-color:var(--bx-color-information-400)}.bx-bg-information-500{background-color:var(--bx-color-information-500)}.bx-text-information-500{color:var(--bx-color-information-500)}.bx-border-information-500{border-color:var(--bx-color-information-500)}.bx-bg-information-600{background-color:var(--bx-color-information-600)}.bx-text-information-600{color:var(--bx-color-information-600)}.bx-border-information-600{border-color:var(--bx-color-information-600)}.bx-bg-information-700{background-color:var(--bx-color-information-700)}.bx-text-information-700{color:var(--bx-color-information-700)}.bx-border-information-700{border-color:var(--bx-color-information-700)}.bx-bg-information-800{background-color:var(--bx-color-information-800)}.bx-text-information-800{color:var(--bx-color-information-800)}.bx-border-information-800{border-color:var(--bx-color-information-800)}.bx-bg-information-900{background-color:var(--bx-color-information-900)}.bx-text-information-900{color:var(--bx-color-information-900)}.bx-border-information-900{border-color:var(--bx-color-information-900)}.bx-bg-information-1000{background-color:var(--bx-color-information-1000)}.bx-text-information-1000{color:var(--bx-color-information-1000)}.bx-border-information-1000{border-color:var(--bx-color-information-1000)}.bx-bg-neutral-50{background-color:var(--bx-color-neutral-50)}.bx-text-neutral-50{color:var(--bx-color-neutral-50)}.bx-border-neutral-50{border-color:var(--bx-color-neutral-50)}.bx-bg-neutral-100{background-color:var(--bx-color-neutral-100)}.bx-text-neutral-100{color:var(--bx-color-neutral-100)}.bx-border-neutral-100{border-color:var(--bx-color-neutral-100)}.bx-bg-neutral-200{background-color:var(--bx-color-neutral-200)}.bx-text-neutral-200{color:var(--bx-color-neutral-200)}.bx-border-neutral-200{border-color:var(--bx-color-neutral-200)}.bx-bg-neutral-300{background-color:var(--bx-color-neutral-300)}.bx-text-neutral-300{color:var(--bx-color-neutral-300)}.bx-border-neutral-300{border-color:var(--bx-color-neutral-300)}.bx-bg-neutral-400{background-color:var(--bx-color-neutral-400)}.bx-text-neutral-400{color:var(--bx-color-neutral-400)}.bx-border-neutral-400{border-color:var(--bx-color-neutral-400)}.bx-bg-neutral-500{background-color:var(--bx-color-neutral-500)}.bx-text-neutral-500{color:var(--bx-color-neutral-500)}.bx-border-neutral-500{border-color:var(--bx-color-neutral-500)}.bx-bg-neutral-600{background-color:var(--bx-color-neutral-600)}.bx-text-neutral-600{color:var(--bx-color-neutral-600)}.bx-border-neutral-600{border-color:var(--bx-color-neutral-600)}.bx-bg-neutral-700{background-color:var(--bx-color-neutral-700)}.bx-text-neutral-700{color:var(--bx-color-neutral-700)}.bx-border-neutral-700{border-color:var(--bx-color-neutral-700)}.bx-bg-neutral-800{background-color:var(--bx-color-neutral-800)}.bx-text-neutral-800{color:var(--bx-color-neutral-800)}.bx-border-neutral-800{border-color:var(--bx-color-neutral-800)}.bx-bg-neutral-900{background-color:var(--bx-color-neutral-900)}.bx-text-neutral-900{color:var(--bx-color-neutral-900)}.bx-border-neutral-900{border-color:var(--bx-color-neutral-900)}.bx-bg-neutral-1000{background-color:var(--bx-color-neutral-1000)}.bx-text-neutral-1000{color:var(--bx-color-neutral-1000)}.bx-border-neutral-1000{border-color:var(--bx-color-neutral-1000)}:root{--bx-space-0: 0;--bx-space-1: .25rem;--bx-space-2: .5rem;--bx-space-3: .75rem;--bx-space-4: 1rem;--bx-space-5: 1.25rem;--bx-space-6: 1.5rem;--bx-space-8: 2rem;--bx-space-10: 2.5rem;--bx-space-12: 3rem;--bx-rounded-none: 0;--bx-rounded-sm: .25rem;--bx-rounded-md: .5rem;--bx-rounded-lg: .75rem;--bx-rounded-xl: 1rem;--bx-rounded-2xl: 1.5rem;--bx-rounded-3xl: 1.875rem;--bx-rounded-pill: 9999px;--bx-shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bx-shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .15), 0 2px 4px -2px rgba(0, 0, 0, .12);--bx-shadow-lg: 0 12px 20px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);--bx-shadow-xl: 0 24px 32px -5px rgba(0, 0, 0, .25), 0 10px 12px -5px rgba(0, 0, 0, .15);--bx-shadow-modal: 0 8px 20px rgba(0, 0, 0, .12);--bx-shadow-toast: 0 4px 12px rgba(0, 0, 0, .15);--bx-z-base: 1;--bx-z-dropdown: 100;--bx-z-sticky: 200;--bx-z-fixed: 300;--bx-z-modal: 400;--bx-z-popover: 500;--bx-z-tooltip: 600;--bx-z-toast: 9999;--bx-color-orange-50: #FFF7ED;--bx-color-orange-100: #FFEDD4;--bx-color-orange-200: #FFD6A7;--bx-color-orange-300: #FFB86A;--bx-color-orange-400: #FF8904;--bx-color-orange-500: #FF6900;--bx-color-orange-600: #F54900;--bx-color-orange-700: #CA3500;--bx-color-orange-800: #9F2D00;--bx-color-orange-900: #551111;--bx-color-orange-1000: #441306;--bx-color-purple-50: #F4EBFF;--bx-color-purple-100: #E6D4FF;--bx-color-purple-200: #CFA3FF;--bx-color-purple-300: #B36BFF;--bx-color-purple-400: #922FFF;--bx-color-purple-500: #6D00FF;--bx-color-purple-600: #5700CC;--bx-color-purple-700: #410099;--bx-color-purple-800: #2C0066;--bx-color-purple-900: #160033;--bx-color-purple-1000: #0B001A;--bx-color-red-50: #FDF1F0;--bx-color-red-100: #FADCDA;--bx-color-red-200: #F5B0AB;--bx-color-red-300: #EF8079;--bx-color-red-400: #EA4C43;--bx-color-red-500: #E3241B;--bx-color-red-600: #BE1810;--bx-color-red-700: #991009;--bx-color-red-800: #750904;--bx-color-red-900: #520401;--bx-color-red-1000: #2E0200;--bx-color-green-50: #F7FCE8;--bx-color-green-100: #EDF8C8;--bx-color-green-200: #DDF19C;--bx-color-green-300: #CAE96A;--bx-color-green-400: #BEE046;--bx-color-green-500: #B0D624;--bx-color-green-600: #92B518;--bx-color-green-700: #718F10;--bx-color-green-800: #556D0C;--bx-color-green-900: #3C4E08;--bx-color-green-1000: #212C03;--bx-color-danger-50: #FFFCFC;--bx-color-danger-100: #F4E5E5;--bx-color-danger-200: #EAD0D0;--bx-color-danger-300: #DE9E9E;--bx-color-danger-400: #F76D6D;--bx-color-danger-500: #D94D4D;--bx-color-danger-600: #C93D3D;--bx-color-danger-700: #BA2E2E;--bx-color-danger-800: #722222;--bx-color-danger-900: #2B1717;--bx-color-danger-1000: #0E0C0C;--bx-color-warn-50: #FFFEFB;--bx-color-warn-100: #F7F0E3;--bx-color-warn-200: #EAE3D0;--bx-color-warn-300: #E7C892;--bx-color-warn-400: #E4AD55;--bx-color-warn-500: #C68D36;--bx-color-warn-600: #B77D27;--bx-color-warn-700: #A96D18;--bx-color-warn-800: #6A4817;--bx-color-warn-900: #2B2317;--bx-color-warn-1000: #0E0D0C;--bx-color-success-50: #FCFFFC;--bx-color-success-100: #E6F4E6;--bx-color-success-200: #D1EAD0;--bx-color-success-300: #98D6A0;--bx-color-success-400: #5FC370;--bx-color-success-500: #3FA94E;--bx-color-success-600: #2E9C3E;--bx-color-success-700: #1E8F2D;--bx-color-success-800: #1A5D22;--bx-color-success-900: #172B18;--bx-color-success-1000: #0C0E0C;--bx-color-information-50: #FBFDFF;--bx-color-information-100: #E5EEF7;--bx-color-information-200: #D0DDEA;--bx-color-information-300: #97CACE;--bx-color-information-400: #5FB7C3;--bx-color-information-500: #3E90B5;--bx-color-information-600: #2E7CAE;--bx-color-information-700: #1E69A7;--bx-color-information-800: #1A4469;--bx-color-information-900: #17202B;--bx-color-information-1000: #0C0D0E;--bx-color-neutral-50: #FAFAFA;--bx-color-neutral-100: #F5F5F5;--bx-color-neutral-200: #E5E5E5;--bx-color-neutral-300: #D4D4D4;--bx-color-neutral-400: #A1A1A1;--bx-color-neutral-500: #737373;--bx-color-neutral-600: #525252;--bx-color-neutral-700: #404040;--bx-color-neutral-800: #262626;--bx-color-neutral-900: #171717;--bx-color-neutral-1000: #0A0A0A}:root .bx-icon-pos-start{margin-right:.5rem}:root .bx-icon-pos-end{margin-left:.5rem}:host{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out;outline:none;text-decoration:none;box-sizing:border-box;border:1px solid transparent}:host[disabled],:host[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none;box-shadow:none!important}:host.bx-btn-color-primary{--btn-theme-base: var(--bx-primary);--btn-theme-hover: var(--bx-primary-hover);--btn-theme-active: var(--bx-primary-active);--btn-theme-text: var(--bx-on-primary);--btn-theme-tonal-bg: var(--bx-primary-subtle);--btn-theme-tonal-text: var(--bx-text-brand);--btn-theme-border: var(--bx-border-brand)}:host.bx-btn-color-danger{--btn-theme-base: var(--bx-bg-danger);--btn-theme-hover: var(--bx-bg-danger-hover);--btn-theme-active: var(--bx-bg-danger-active);--btn-theme-text: var(--bx-text-danger);--btn-theme-tonal-bg: var(--bx-bg-danger-subtle);--btn-theme-tonal-text: var(--bx-text-danger);--btn-theme-border: var(--bx-border-danger)}:host.bx-btn-color-success{--btn-theme-base: var(--bx-bg-success);--btn-theme-hover: var(--bx-bg-success-hover);--btn-theme-active: var(--bx-bg-success-active);--btn-theme-text: var(--bx-text-success);--btn-theme-tonal-bg: var(--bx-bg-success-subtle);--btn-theme-tonal-text: var(--bx-text-success);--btn-theme-border: var(--bx-border-success)}:host.bx-btn-color-info{--btn-theme-base: var(--bx-bg-info);--btn-theme-hover: var(--bx-bg-info-hover);--btn-theme-active: var(--bx-bg-info-active);--btn-theme-text: var(--bx-text-info);--btn-theme-tonal-bg: var(--bx-bg-info-subtle);--btn-theme-tonal-text: var(--bx-text-info);--btn-theme-border: var(--bx-border-info)}:host.bx-btn-color-warn{--btn-theme-base: var(--bx-bg-warn);--btn-theme-hover: var(--bx-bg-warn-hover);--btn-theme-active: var(--bx-bg-warn-active);--btn-theme-text: var(--bx-text-warn);--btn-theme-tonal-bg: var(--bx-bg-warn-subtle);--btn-theme-tonal-text: var(--bx-text-warn);--btn-theme-border: var(--bx-border-warn)}:host.bx-btn-color-grayscale{--btn-theme-base: var(--bx-bg-element);--btn-theme-hover: var(--bx-bg-element-hover);--btn-theme-active: var(--bx-bg-element-active);--btn-theme-text: var(--bx-text-primary);--btn-theme-tonal-bg: var(--bx-bg-surface-alt);--btn-theme-tonal-text: var(--bx-text-primary);--btn-theme-border: var(--bx-border-strong)}:host.bx-btn-text,:host.bx-btn-filled,:host.bx-btn-tonal{padding:.5rem 1rem;border-radius:.25rem}:host.bx-btn-icon,:host.bx-btn-fab,:host.bx-btn-mini-fab{padding:0;border-radius:50%}:host.bx-btn-icon .bx-btn-content-wrapper,:host.bx-btn-fab .bx-btn-content-wrapper,:host.bx-btn-mini-fab .bx-btn-content-wrapper{gap:0}:host.bx-btn-filled,:host.bx-btn-fab,:host.bx-btn-mini-fab,:host.bx-btn-extended-fab{background:var(--btn-theme-base);color:var(--btn-theme-text)}:host.bx-btn-filled:hover,:host.bx-btn-fab:hover,:host.bx-btn-mini-fab:hover,:host.bx-btn-extended-fab:hover{background:var(--btn-theme-hover)}:host.bx-btn-filled:active,:host.bx-btn-fab:active,:host.bx-btn-mini-fab:active,:host.bx-btn-extended-fab:active{background:var(--btn-theme-active)}:host.bx-btn-text,:host.bx-btn-icon{background:transparent;color:var(--btn-theme-text)}:host.bx-btn-text:hover,:host.bx-btn-icon:hover{background:var(--btn-theme-tonal-bg)}:host.bx-btn-text:active,:host.bx-btn-icon:active{background:var(--btn-theme-active)}:host.bx-btn-tonal{background:var(--btn-theme-tonal-bg);color:var(--btn-theme-tonal-text)}:host.bx-btn-tonal:hover{opacity:.8}:host.bx-btn-tonal:active{opacity:.9}:host.bx-btn-icon,:host.bx-btn-mini-fab{width:2.5rem;height:2.5rem}:host.bx-btn-fab{width:3.5rem;height:3.5rem}:host.bx-btn-extended-fab{padding:0 1.5rem;height:3.5rem;border-radius:9999px}:host.bx-btn-is-outlined{border-color:var(--btn-theme-border)}:host.bx-btn-is-elevated{box-shadow:0 4px 8px -1px #00000026,0 2px 4px -2px #0000001f}:host.bx-btn-is-elevated:active{box-shadow:0 2px 4px #0000001a,0 1px 2px -1px #0000001a}.bx-btn-content-wrapper{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:100%;color:inherit}\n"] }]
|
|
28
|
+
}, template: "<span class=\"bx-btn-content-wrapper\">\n <ng-content></ng-content>\n</span>", styles: [".bx-p-0{padding:0}.bx-pt-0{padding-top:0}.bx-pr-0{padding-right:0}.bx-pb-0{padding-bottom:0}.bx-pl-0{padding-left:0}.bx-px-0{padding-left:0;padding-right:0}.bx-py-0{padding-top:0;padding-bottom:0}.bx-m-0{margin:0}.bx-mt-0{margin-top:0}.bx-mr-0{margin-right:0}.bx-mb-0{margin-bottom:0}.bx-ml-0{margin-left:0}.bx-mx-0{margin-left:0;margin-right:0}.bx-my-0{margin-top:0;margin-bottom:0}.bx-p-1{padding:.25rem}.bx-pt-1{padding-top:.25rem}.bx-pr-1{padding-right:.25rem}.bx-pb-1{padding-bottom:.25rem}.bx-pl-1{padding-left:.25rem}.bx-px-1{padding-left:.25rem;padding-right:.25rem}.bx-py-1{padding-top:.25rem;padding-bottom:.25rem}.bx-m-1{margin:.25rem}.bx-mt-1{margin-top:.25rem}.bx-mr-1{margin-right:.25rem}.bx-mb-1{margin-bottom:.25rem}.bx-ml-1{margin-left:.25rem}.bx-mx-1{margin-left:.25rem;margin-right:.25rem}.bx-my-1{margin-top:.25rem;margin-bottom:.25rem}.bx-p-2{padding:.5rem}.bx-pt-2{padding-top:.5rem}.bx-pr-2{padding-right:.5rem}.bx-pb-2{padding-bottom:.5rem}.bx-pl-2{padding-left:.5rem}.bx-px-2{padding-left:.5rem;padding-right:.5rem}.bx-py-2{padding-top:.5rem;padding-bottom:.5rem}.bx-m-2{margin:.5rem}.bx-mt-2{margin-top:.5rem}.bx-mr-2{margin-right:.5rem}.bx-mb-2{margin-bottom:.5rem}.bx-ml-2{margin-left:.5rem}.bx-mx-2{margin-left:.5rem;margin-right:.5rem}.bx-my-2{margin-top:.5rem;margin-bottom:.5rem}.bx-p-3{padding:.75rem}.bx-pt-3{padding-top:.75rem}.bx-pr-3{padding-right:.75rem}.bx-pb-3{padding-bottom:.75rem}.bx-pl-3{padding-left:.75rem}.bx-px-3{padding-left:.75rem;padding-right:.75rem}.bx-py-3{padding-top:.75rem;padding-bottom:.75rem}.bx-m-3{margin:.75rem}.bx-mt-3{margin-top:.75rem}.bx-mr-3{margin-right:.75rem}.bx-mb-3{margin-bottom:.75rem}.bx-ml-3{margin-left:.75rem}.bx-mx-3{margin-left:.75rem;margin-right:.75rem}.bx-my-3{margin-top:.75rem;margin-bottom:.75rem}.bx-p-4{padding:1rem}.bx-pt-4{padding-top:1rem}.bx-pr-4{padding-right:1rem}.bx-pb-4{padding-bottom:1rem}.bx-pl-4{padding-left:1rem}.bx-px-4{padding-left:1rem;padding-right:1rem}.bx-py-4{padding-top:1rem;padding-bottom:1rem}.bx-m-4{margin:1rem}.bx-mt-4{margin-top:1rem}.bx-mr-4{margin-right:1rem}.bx-mb-4{margin-bottom:1rem}.bx-ml-4{margin-left:1rem}.bx-mx-4{margin-left:1rem;margin-right:1rem}.bx-my-4{margin-top:1rem;margin-bottom:1rem}.bx-p-5{padding:1.25rem}.bx-pt-5{padding-top:1.25rem}.bx-pr-5{padding-right:1.25rem}.bx-pb-5{padding-bottom:1.25rem}.bx-pl-5{padding-left:1.25rem}.bx-px-5{padding-left:1.25rem;padding-right:1.25rem}.bx-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.bx-m-5{margin:1.25rem}.bx-mt-5{margin-top:1.25rem}.bx-mr-5{margin-right:1.25rem}.bx-mb-5{margin-bottom:1.25rem}.bx-ml-5{margin-left:1.25rem}.bx-mx-5{margin-left:1.25rem;margin-right:1.25rem}.bx-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.bx-p-6{padding:1.5rem}.bx-pt-6{padding-top:1.5rem}.bx-pr-6{padding-right:1.5rem}.bx-pb-6{padding-bottom:1.5rem}.bx-pl-6{padding-left:1.5rem}.bx-px-6{padding-left:1.5rem;padding-right:1.5rem}.bx-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.bx-m-6{margin:1.5rem}.bx-mt-6{margin-top:1.5rem}.bx-mr-6{margin-right:1.5rem}.bx-mb-6{margin-bottom:1.5rem}.bx-ml-6{margin-left:1.5rem}.bx-mx-6{margin-left:1.5rem;margin-right:1.5rem}.bx-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.bx-p-8{padding:2rem}.bx-pt-8{padding-top:2rem}.bx-pr-8{padding-right:2rem}.bx-pb-8{padding-bottom:2rem}.bx-pl-8{padding-left:2rem}.bx-px-8{padding-left:2rem;padding-right:2rem}.bx-py-8{padding-top:2rem;padding-bottom:2rem}.bx-m-8{margin:2rem}.bx-mt-8{margin-top:2rem}.bx-mr-8{margin-right:2rem}.bx-mb-8{margin-bottom:2rem}.bx-ml-8{margin-left:2rem}.bx-mx-8{margin-left:2rem;margin-right:2rem}.bx-my-8{margin-top:2rem;margin-bottom:2rem}.bx-p-10{padding:2.5rem}.bx-pt-10{padding-top:2.5rem}.bx-pr-10{padding-right:2.5rem}.bx-pb-10{padding-bottom:2.5rem}.bx-pl-10{padding-left:2.5rem}.bx-px-10{padding-left:2.5rem;padding-right:2.5rem}.bx-py-10{padding-top:2.5rem;padding-bottom:2.5rem}.bx-m-10{margin:2.5rem}.bx-mt-10{margin-top:2.5rem}.bx-mr-10{margin-right:2.5rem}.bx-mb-10{margin-bottom:2.5rem}.bx-ml-10{margin-left:2.5rem}.bx-mx-10{margin-left:2.5rem;margin-right:2.5rem}.bx-my-10{margin-top:2.5rem;margin-bottom:2.5rem}.bx-p-12{padding:3rem}.bx-pt-12{padding-top:3rem}.bx-pr-12{padding-right:3rem}.bx-pb-12{padding-bottom:3rem}.bx-pl-12{padding-left:3rem}.bx-px-12{padding-left:3rem;padding-right:3rem}.bx-py-12{padding-top:3rem;padding-bottom:3rem}.bx-m-12{margin:3rem}.bx-mt-12{margin-top:3rem}.bx-mr-12{margin-right:3rem}.bx-mb-12{margin-bottom:3rem}.bx-ml-12{margin-left:3rem}.bx-mx-12{margin-left:3rem;margin-right:3rem}.bx-my-12{margin-top:3rem;margin-bottom:3rem}.bx-rounded-none{border-radius:0}.bx-rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.bx-rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.bx-rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.bx-rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.bx-rounded-sm{border-radius:.25rem}.bx-rounded-t-sm{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.bx-rounded-b-sm{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-l-sm{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.bx-rounded-r-sm{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-md{border-radius:.5rem}.bx-rounded-t-md{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.bx-rounded-b-md{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-l-md{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.bx-rounded-r-md{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-lg{border-radius:.75rem}.bx-rounded-t-lg{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.bx-rounded-b-lg{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-l-lg{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.bx-rounded-r-lg{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-xl{border-radius:1rem}.bx-rounded-t-xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.bx-rounded-b-xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-l-xl{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.bx-rounded-r-xl{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-2xl{border-radius:1.5rem}.bx-rounded-t-2xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.bx-rounded-b-2xl{border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-l-2xl{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}.bx-rounded-r-2xl{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-3xl{border-radius:1.875rem}.bx-rounded-t-3xl{border-top-left-radius:1.875rem;border-top-right-radius:1.875rem}.bx-rounded-b-3xl{border-bottom-left-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-l-3xl{border-top-left-radius:1.875rem;border-bottom-left-radius:1.875rem}.bx-rounded-r-3xl{border-top-right-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-pill{border-radius:9999px}.bx-rounded-t-pill{border-top-left-radius:9999px;border-top-right-radius:9999px}.bx-rounded-b-pill{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}.bx-rounded-l-pill{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.bx-rounded-r-pill{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.bx-shadow-sm{box-shadow:0 2px 4px #0000001a,0 1px 2px -1px #0000001a}.bx-shadow-md{box-shadow:0 4px 8px -1px #00000026,0 2px 4px -2px #0000001f}.bx-shadow-lg{box-shadow:0 12px 20px -3px #0003,0 4px 6px -2px #0000001a}.bx-shadow-xl{box-shadow:0 24px 32px -5px #00000040,0 10px 12px -5px #00000026}.bx-shadow-modal{box-shadow:0 8px 20px #0000001f}.bx-shadow-toast{box-shadow:0 4px 12px #00000026}.bx-z-base{z-index:1}.bx-z-dropdown{z-index:100}.bx-z-sticky{z-index:200}.bx-z-fixed{z-index:300}.bx-z-modal{z-index:400}.bx-z-popover{z-index:500}.bx-z-tooltip{z-index:600}.bx-z-toast{z-index:9999}.bx-bg-orange-50{background-color:var(--bx-color-orange-50)}.bx-text-orange-50{color:var(--bx-color-orange-50)}.bx-border-orange-50{border-color:var(--bx-color-orange-50)}.bx-bg-orange-100{background-color:var(--bx-color-orange-100)}.bx-text-orange-100{color:var(--bx-color-orange-100)}.bx-border-orange-100{border-color:var(--bx-color-orange-100)}.bx-bg-orange-200{background-color:var(--bx-color-orange-200)}.bx-text-orange-200{color:var(--bx-color-orange-200)}.bx-border-orange-200{border-color:var(--bx-color-orange-200)}.bx-bg-orange-300{background-color:var(--bx-color-orange-300)}.bx-text-orange-300{color:var(--bx-color-orange-300)}.bx-border-orange-300{border-color:var(--bx-color-orange-300)}.bx-bg-orange-400{background-color:var(--bx-color-orange-400)}.bx-text-orange-400{color:var(--bx-color-orange-400)}.bx-border-orange-400{border-color:var(--bx-color-orange-400)}.bx-bg-orange-500{background-color:var(--bx-color-orange-500)}.bx-text-orange-500{color:var(--bx-color-orange-500)}.bx-border-orange-500{border-color:var(--bx-color-orange-500)}.bx-bg-orange-600{background-color:var(--bx-color-orange-600)}.bx-text-orange-600{color:var(--bx-color-orange-600)}.bx-border-orange-600{border-color:var(--bx-color-orange-600)}.bx-bg-orange-700{background-color:var(--bx-color-orange-700)}.bx-text-orange-700{color:var(--bx-color-orange-700)}.bx-border-orange-700{border-color:var(--bx-color-orange-700)}.bx-bg-orange-800{background-color:var(--bx-color-orange-800)}.bx-text-orange-800{color:var(--bx-color-orange-800)}.bx-border-orange-800{border-color:var(--bx-color-orange-800)}.bx-bg-orange-900{background-color:var(--bx-color-orange-900)}.bx-text-orange-900{color:var(--bx-color-orange-900)}.bx-border-orange-900{border-color:var(--bx-color-orange-900)}.bx-bg-orange-1000{background-color:var(--bx-color-orange-1000)}.bx-text-orange-1000{color:var(--bx-color-orange-1000)}.bx-border-orange-1000{border-color:var(--bx-color-orange-1000)}.bx-bg-purple-50{background-color:var(--bx-color-purple-50)}.bx-text-purple-50{color:var(--bx-color-purple-50)}.bx-border-purple-50{border-color:var(--bx-color-purple-50)}.bx-bg-purple-100{background-color:var(--bx-color-purple-100)}.bx-text-purple-100{color:var(--bx-color-purple-100)}.bx-border-purple-100{border-color:var(--bx-color-purple-100)}.bx-bg-purple-200{background-color:var(--bx-color-purple-200)}.bx-text-purple-200{color:var(--bx-color-purple-200)}.bx-border-purple-200{border-color:var(--bx-color-purple-200)}.bx-bg-purple-300{background-color:var(--bx-color-purple-300)}.bx-text-purple-300{color:var(--bx-color-purple-300)}.bx-border-purple-300{border-color:var(--bx-color-purple-300)}.bx-bg-purple-400{background-color:var(--bx-color-purple-400)}.bx-text-purple-400{color:var(--bx-color-purple-400)}.bx-border-purple-400{border-color:var(--bx-color-purple-400)}.bx-bg-purple-500{background-color:var(--bx-color-purple-500)}.bx-text-purple-500{color:var(--bx-color-purple-500)}.bx-border-purple-500{border-color:var(--bx-color-purple-500)}.bx-bg-purple-600{background-color:var(--bx-color-purple-600)}.bx-text-purple-600{color:var(--bx-color-purple-600)}.bx-border-purple-600{border-color:var(--bx-color-purple-600)}.bx-bg-purple-700{background-color:var(--bx-color-purple-700)}.bx-text-purple-700{color:var(--bx-color-purple-700)}.bx-border-purple-700{border-color:var(--bx-color-purple-700)}.bx-bg-purple-800{background-color:var(--bx-color-purple-800)}.bx-text-purple-800{color:var(--bx-color-purple-800)}.bx-border-purple-800{border-color:var(--bx-color-purple-800)}.bx-bg-purple-900{background-color:var(--bx-color-purple-900)}.bx-text-purple-900{color:var(--bx-color-purple-900)}.bx-border-purple-900{border-color:var(--bx-color-purple-900)}.bx-bg-purple-1000{background-color:var(--bx-color-purple-1000)}.bx-text-purple-1000{color:var(--bx-color-purple-1000)}.bx-border-purple-1000{border-color:var(--bx-color-purple-1000)}.bx-bg-red-50{background-color:var(--bx-color-red-50)}.bx-text-red-50{color:var(--bx-color-red-50)}.bx-border-red-50{border-color:var(--bx-color-red-50)}.bx-bg-red-100{background-color:var(--bx-color-red-100)}.bx-text-red-100{color:var(--bx-color-red-100)}.bx-border-red-100{border-color:var(--bx-color-red-100)}.bx-bg-red-200{background-color:var(--bx-color-red-200)}.bx-text-red-200{color:var(--bx-color-red-200)}.bx-border-red-200{border-color:var(--bx-color-red-200)}.bx-bg-red-300{background-color:var(--bx-color-red-300)}.bx-text-red-300{color:var(--bx-color-red-300)}.bx-border-red-300{border-color:var(--bx-color-red-300)}.bx-bg-red-400{background-color:var(--bx-color-red-400)}.bx-text-red-400{color:var(--bx-color-red-400)}.bx-border-red-400{border-color:var(--bx-color-red-400)}.bx-bg-red-500{background-color:var(--bx-color-red-500)}.bx-text-red-500{color:var(--bx-color-red-500)}.bx-border-red-500{border-color:var(--bx-color-red-500)}.bx-bg-red-600{background-color:var(--bx-color-red-600)}.bx-text-red-600{color:var(--bx-color-red-600)}.bx-border-red-600{border-color:var(--bx-color-red-600)}.bx-bg-red-700{background-color:var(--bx-color-red-700)}.bx-text-red-700{color:var(--bx-color-red-700)}.bx-border-red-700{border-color:var(--bx-color-red-700)}.bx-bg-red-800{background-color:var(--bx-color-red-800)}.bx-text-red-800{color:var(--bx-color-red-800)}.bx-border-red-800{border-color:var(--bx-color-red-800)}.bx-bg-red-900{background-color:var(--bx-color-red-900)}.bx-text-red-900{color:var(--bx-color-red-900)}.bx-border-red-900{border-color:var(--bx-color-red-900)}.bx-bg-red-1000{background-color:var(--bx-color-red-1000)}.bx-text-red-1000{color:var(--bx-color-red-1000)}.bx-border-red-1000{border-color:var(--bx-color-red-1000)}.bx-bg-green-50{background-color:var(--bx-color-green-50)}.bx-text-green-50{color:var(--bx-color-green-50)}.bx-border-green-50{border-color:var(--bx-color-green-50)}.bx-bg-green-100{background-color:var(--bx-color-green-100)}.bx-text-green-100{color:var(--bx-color-green-100)}.bx-border-green-100{border-color:var(--bx-color-green-100)}.bx-bg-green-200{background-color:var(--bx-color-green-200)}.bx-text-green-200{color:var(--bx-color-green-200)}.bx-border-green-200{border-color:var(--bx-color-green-200)}.bx-bg-green-300{background-color:var(--bx-color-green-300)}.bx-text-green-300{color:var(--bx-color-green-300)}.bx-border-green-300{border-color:var(--bx-color-green-300)}.bx-bg-green-400{background-color:var(--bx-color-green-400)}.bx-text-green-400{color:var(--bx-color-green-400)}.bx-border-green-400{border-color:var(--bx-color-green-400)}.bx-bg-green-500{background-color:var(--bx-color-green-500)}.bx-text-green-500{color:var(--bx-color-green-500)}.bx-border-green-500{border-color:var(--bx-color-green-500)}.bx-bg-green-600{background-color:var(--bx-color-green-600)}.bx-text-green-600{color:var(--bx-color-green-600)}.bx-border-green-600{border-color:var(--bx-color-green-600)}.bx-bg-green-700{background-color:var(--bx-color-green-700)}.bx-text-green-700{color:var(--bx-color-green-700)}.bx-border-green-700{border-color:var(--bx-color-green-700)}.bx-bg-green-800{background-color:var(--bx-color-green-800)}.bx-text-green-800{color:var(--bx-color-green-800)}.bx-border-green-800{border-color:var(--bx-color-green-800)}.bx-bg-green-900{background-color:var(--bx-color-green-900)}.bx-text-green-900{color:var(--bx-color-green-900)}.bx-border-green-900{border-color:var(--bx-color-green-900)}.bx-bg-green-1000{background-color:var(--bx-color-green-1000)}.bx-text-green-1000{color:var(--bx-color-green-1000)}.bx-border-green-1000{border-color:var(--bx-color-green-1000)}.bx-bg-danger-50{background-color:var(--bx-color-danger-50)}.bx-text-danger-50{color:var(--bx-color-danger-50)}.bx-border-danger-50{border-color:var(--bx-color-danger-50)}.bx-bg-danger-100{background-color:var(--bx-color-danger-100)}.bx-text-danger-100{color:var(--bx-color-danger-100)}.bx-border-danger-100{border-color:var(--bx-color-danger-100)}.bx-bg-danger-200{background-color:var(--bx-color-danger-200)}.bx-text-danger-200{color:var(--bx-color-danger-200)}.bx-border-danger-200{border-color:var(--bx-color-danger-200)}.bx-bg-danger-300{background-color:var(--bx-color-danger-300)}.bx-text-danger-300{color:var(--bx-color-danger-300)}.bx-border-danger-300{border-color:var(--bx-color-danger-300)}.bx-bg-danger-400{background-color:var(--bx-color-danger-400)}.bx-text-danger-400{color:var(--bx-color-danger-400)}.bx-border-danger-400{border-color:var(--bx-color-danger-400)}.bx-bg-danger-500{background-color:var(--bx-color-danger-500)}.bx-text-danger-500{color:var(--bx-color-danger-500)}.bx-border-danger-500{border-color:var(--bx-color-danger-500)}.bx-bg-danger-600{background-color:var(--bx-color-danger-600)}.bx-text-danger-600{color:var(--bx-color-danger-600)}.bx-border-danger-600{border-color:var(--bx-color-danger-600)}.bx-bg-danger-700{background-color:var(--bx-color-danger-700)}.bx-text-danger-700{color:var(--bx-color-danger-700)}.bx-border-danger-700{border-color:var(--bx-color-danger-700)}.bx-bg-danger-800{background-color:var(--bx-color-danger-800)}.bx-text-danger-800{color:var(--bx-color-danger-800)}.bx-border-danger-800{border-color:var(--bx-color-danger-800)}.bx-bg-danger-900{background-color:var(--bx-color-danger-900)}.bx-text-danger-900{color:var(--bx-color-danger-900)}.bx-border-danger-900{border-color:var(--bx-color-danger-900)}.bx-bg-danger-1000{background-color:var(--bx-color-danger-1000)}.bx-text-danger-1000{color:var(--bx-color-danger-1000)}.bx-border-danger-1000{border-color:var(--bx-color-danger-1000)}.bx-bg-warn-50{background-color:var(--bx-color-warn-50)}.bx-text-warn-50{color:var(--bx-color-warn-50)}.bx-border-warn-50{border-color:var(--bx-color-warn-50)}.bx-bg-warn-100{background-color:var(--bx-color-warn-100)}.bx-text-warn-100{color:var(--bx-color-warn-100)}.bx-border-warn-100{border-color:var(--bx-color-warn-100)}.bx-bg-warn-200{background-color:var(--bx-color-warn-200)}.bx-text-warn-200{color:var(--bx-color-warn-200)}.bx-border-warn-200{border-color:var(--bx-color-warn-200)}.bx-bg-warn-300{background-color:var(--bx-color-warn-300)}.bx-text-warn-300{color:var(--bx-color-warn-300)}.bx-border-warn-300{border-color:var(--bx-color-warn-300)}.bx-bg-warn-400{background-color:var(--bx-color-warn-400)}.bx-text-warn-400{color:var(--bx-color-warn-400)}.bx-border-warn-400{border-color:var(--bx-color-warn-400)}.bx-bg-warn-500{background-color:var(--bx-color-warn-500)}.bx-text-warn-500{color:var(--bx-color-warn-500)}.bx-border-warn-500{border-color:var(--bx-color-warn-500)}.bx-bg-warn-600{background-color:var(--bx-color-warn-600)}.bx-text-warn-600{color:var(--bx-color-warn-600)}.bx-border-warn-600{border-color:var(--bx-color-warn-600)}.bx-bg-warn-700{background-color:var(--bx-color-warn-700)}.bx-text-warn-700{color:var(--bx-color-warn-700)}.bx-border-warn-700{border-color:var(--bx-color-warn-700)}.bx-bg-warn-800{background-color:var(--bx-color-warn-800)}.bx-text-warn-800{color:var(--bx-color-warn-800)}.bx-border-warn-800{border-color:var(--bx-color-warn-800)}.bx-bg-warn-900{background-color:var(--bx-color-warn-900)}.bx-text-warn-900{color:var(--bx-color-warn-900)}.bx-border-warn-900{border-color:var(--bx-color-warn-900)}.bx-bg-warn-1000{background-color:var(--bx-color-warn-1000)}.bx-text-warn-1000{color:var(--bx-color-warn-1000)}.bx-border-warn-1000{border-color:var(--bx-color-warn-1000)}.bx-bg-success-50{background-color:var(--bx-color-success-50)}.bx-text-success-50{color:var(--bx-color-success-50)}.bx-border-success-50{border-color:var(--bx-color-success-50)}.bx-bg-success-100{background-color:var(--bx-color-success-100)}.bx-text-success-100{color:var(--bx-color-success-100)}.bx-border-success-100{border-color:var(--bx-color-success-100)}.bx-bg-success-200{background-color:var(--bx-color-success-200)}.bx-text-success-200{color:var(--bx-color-success-200)}.bx-border-success-200{border-color:var(--bx-color-success-200)}.bx-bg-success-300{background-color:var(--bx-color-success-300)}.bx-text-success-300{color:var(--bx-color-success-300)}.bx-border-success-300{border-color:var(--bx-color-success-300)}.bx-bg-success-400{background-color:var(--bx-color-success-400)}.bx-text-success-400{color:var(--bx-color-success-400)}.bx-border-success-400{border-color:var(--bx-color-success-400)}.bx-bg-success-500{background-color:var(--bx-color-success-500)}.bx-text-success-500{color:var(--bx-color-success-500)}.bx-border-success-500{border-color:var(--bx-color-success-500)}.bx-bg-success-600{background-color:var(--bx-color-success-600)}.bx-text-success-600{color:var(--bx-color-success-600)}.bx-border-success-600{border-color:var(--bx-color-success-600)}.bx-bg-success-700{background-color:var(--bx-color-success-700)}.bx-text-success-700{color:var(--bx-color-success-700)}.bx-border-success-700{border-color:var(--bx-color-success-700)}.bx-bg-success-800{background-color:var(--bx-color-success-800)}.bx-text-success-800{color:var(--bx-color-success-800)}.bx-border-success-800{border-color:var(--bx-color-success-800)}.bx-bg-success-900{background-color:var(--bx-color-success-900)}.bx-text-success-900{color:var(--bx-color-success-900)}.bx-border-success-900{border-color:var(--bx-color-success-900)}.bx-bg-success-1000{background-color:var(--bx-color-success-1000)}.bx-text-success-1000{color:var(--bx-color-success-1000)}.bx-border-success-1000{border-color:var(--bx-color-success-1000)}.bx-bg-information-50{background-color:var(--bx-color-information-50)}.bx-text-information-50{color:var(--bx-color-information-50)}.bx-border-information-50{border-color:var(--bx-color-information-50)}.bx-bg-information-100{background-color:var(--bx-color-information-100)}.bx-text-information-100{color:var(--bx-color-information-100)}.bx-border-information-100{border-color:var(--bx-color-information-100)}.bx-bg-information-200{background-color:var(--bx-color-information-200)}.bx-text-information-200{color:var(--bx-color-information-200)}.bx-border-information-200{border-color:var(--bx-color-information-200)}.bx-bg-information-300{background-color:var(--bx-color-information-300)}.bx-text-information-300{color:var(--bx-color-information-300)}.bx-border-information-300{border-color:var(--bx-color-information-300)}.bx-bg-information-400{background-color:var(--bx-color-information-400)}.bx-text-information-400{color:var(--bx-color-information-400)}.bx-border-information-400{border-color:var(--bx-color-information-400)}.bx-bg-information-500{background-color:var(--bx-color-information-500)}.bx-text-information-500{color:var(--bx-color-information-500)}.bx-border-information-500{border-color:var(--bx-color-information-500)}.bx-bg-information-600{background-color:var(--bx-color-information-600)}.bx-text-information-600{color:var(--bx-color-information-600)}.bx-border-information-600{border-color:var(--bx-color-information-600)}.bx-bg-information-700{background-color:var(--bx-color-information-700)}.bx-text-information-700{color:var(--bx-color-information-700)}.bx-border-information-700{border-color:var(--bx-color-information-700)}.bx-bg-information-800{background-color:var(--bx-color-information-800)}.bx-text-information-800{color:var(--bx-color-information-800)}.bx-border-information-800{border-color:var(--bx-color-information-800)}.bx-bg-information-900{background-color:var(--bx-color-information-900)}.bx-text-information-900{color:var(--bx-color-information-900)}.bx-border-information-900{border-color:var(--bx-color-information-900)}.bx-bg-information-1000{background-color:var(--bx-color-information-1000)}.bx-text-information-1000{color:var(--bx-color-information-1000)}.bx-border-information-1000{border-color:var(--bx-color-information-1000)}.bx-bg-neutral-50{background-color:var(--bx-color-neutral-50)}.bx-text-neutral-50{color:var(--bx-color-neutral-50)}.bx-border-neutral-50{border-color:var(--bx-color-neutral-50)}.bx-bg-neutral-100{background-color:var(--bx-color-neutral-100)}.bx-text-neutral-100{color:var(--bx-color-neutral-100)}.bx-border-neutral-100{border-color:var(--bx-color-neutral-100)}.bx-bg-neutral-200{background-color:var(--bx-color-neutral-200)}.bx-text-neutral-200{color:var(--bx-color-neutral-200)}.bx-border-neutral-200{border-color:var(--bx-color-neutral-200)}.bx-bg-neutral-300{background-color:var(--bx-color-neutral-300)}.bx-text-neutral-300{color:var(--bx-color-neutral-300)}.bx-border-neutral-300{border-color:var(--bx-color-neutral-300)}.bx-bg-neutral-400{background-color:var(--bx-color-neutral-400)}.bx-text-neutral-400{color:var(--bx-color-neutral-400)}.bx-border-neutral-400{border-color:var(--bx-color-neutral-400)}.bx-bg-neutral-500{background-color:var(--bx-color-neutral-500)}.bx-text-neutral-500{color:var(--bx-color-neutral-500)}.bx-border-neutral-500{border-color:var(--bx-color-neutral-500)}.bx-bg-neutral-600{background-color:var(--bx-color-neutral-600)}.bx-text-neutral-600{color:var(--bx-color-neutral-600)}.bx-border-neutral-600{border-color:var(--bx-color-neutral-600)}.bx-bg-neutral-700{background-color:var(--bx-color-neutral-700)}.bx-text-neutral-700{color:var(--bx-color-neutral-700)}.bx-border-neutral-700{border-color:var(--bx-color-neutral-700)}.bx-bg-neutral-800{background-color:var(--bx-color-neutral-800)}.bx-text-neutral-800{color:var(--bx-color-neutral-800)}.bx-border-neutral-800{border-color:var(--bx-color-neutral-800)}.bx-bg-neutral-900{background-color:var(--bx-color-neutral-900)}.bx-text-neutral-900{color:var(--bx-color-neutral-900)}.bx-border-neutral-900{border-color:var(--bx-color-neutral-900)}.bx-bg-neutral-1000{background-color:var(--bx-color-neutral-1000)}.bx-text-neutral-1000{color:var(--bx-color-neutral-1000)}.bx-border-neutral-1000{border-color:var(--bx-color-neutral-1000)}:root{--bx-space-0: 0;--bx-space-1: .25rem;--bx-space-2: .5rem;--bx-space-3: .75rem;--bx-space-4: 1rem;--bx-space-5: 1.25rem;--bx-space-6: 1.5rem;--bx-space-8: 2rem;--bx-space-10: 2.5rem;--bx-space-12: 3rem;--bx-rounded-none: 0;--bx-rounded-sm: .25rem;--bx-rounded-md: .5rem;--bx-rounded-lg: .75rem;--bx-rounded-xl: 1rem;--bx-rounded-2xl: 1.5rem;--bx-rounded-3xl: 1.875rem;--bx-rounded-pill: 9999px;--bx-shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bx-shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .15), 0 2px 4px -2px rgba(0, 0, 0, .12);--bx-shadow-lg: 0 12px 20px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);--bx-shadow-xl: 0 24px 32px -5px rgba(0, 0, 0, .25), 0 10px 12px -5px rgba(0, 0, 0, .15);--bx-shadow-modal: 0 8px 20px rgba(0, 0, 0, .12);--bx-shadow-toast: 0 4px 12px rgba(0, 0, 0, .15);--bx-z-base: 1;--bx-z-dropdown: 100;--bx-z-sticky: 200;--bx-z-fixed: 300;--bx-z-modal: 400;--bx-z-popover: 500;--bx-z-tooltip: 600;--bx-z-toast: 9999;--bx-color-orange-50: #FFF7ED;--bx-color-orange-100: #FFEDD4;--bx-color-orange-200: #FFD6A7;--bx-color-orange-300: #FFB86A;--bx-color-orange-400: #FF8904;--bx-color-orange-500: #FF6900;--bx-color-orange-600: #F54900;--bx-color-orange-700: #CA3500;--bx-color-orange-800: #9F2D00;--bx-color-orange-900: #551111;--bx-color-orange-1000: #441306;--bx-color-purple-50: #F4EBFF;--bx-color-purple-100: #E6D4FF;--bx-color-purple-200: #CFA3FF;--bx-color-purple-300: #B36BFF;--bx-color-purple-400: #922FFF;--bx-color-purple-500: #6D00FF;--bx-color-purple-600: #5700CC;--bx-color-purple-700: #410099;--bx-color-purple-800: #2C0066;--bx-color-purple-900: #160033;--bx-color-purple-1000: #0B001A;--bx-color-red-50: #FDF1F0;--bx-color-red-100: #FADCDA;--bx-color-red-200: #F5B0AB;--bx-color-red-300: #EF8079;--bx-color-red-400: #EA4C43;--bx-color-red-500: #E3241B;--bx-color-red-600: #BE1810;--bx-color-red-700: #991009;--bx-color-red-800: #750904;--bx-color-red-900: #520401;--bx-color-red-1000: #2E0200;--bx-color-green-50: #F7FCE8;--bx-color-green-100: #EDF8C8;--bx-color-green-200: #DDF19C;--bx-color-green-300: #CAE96A;--bx-color-green-400: #BEE046;--bx-color-green-500: #B0D624;--bx-color-green-600: #92B518;--bx-color-green-700: #718F10;--bx-color-green-800: #556D0C;--bx-color-green-900: #3C4E08;--bx-color-green-1000: #212C03;--bx-color-danger-50: #FFFCFC;--bx-color-danger-100: #F4E5E5;--bx-color-danger-200: #EAD0D0;--bx-color-danger-300: #DE9E9E;--bx-color-danger-400: #F76D6D;--bx-color-danger-500: #D94D4D;--bx-color-danger-600: #C93D3D;--bx-color-danger-700: #BA2E2E;--bx-color-danger-800: #722222;--bx-color-danger-900: #2B1717;--bx-color-danger-1000: #0E0C0C;--bx-color-warn-50: #FFFEFB;--bx-color-warn-100: #F7F0E3;--bx-color-warn-200: #EAE3D0;--bx-color-warn-300: #E7C892;--bx-color-warn-400: #E4AD55;--bx-color-warn-500: #C68D36;--bx-color-warn-600: #B77D27;--bx-color-warn-700: #A96D18;--bx-color-warn-800: #6A4817;--bx-color-warn-900: #2B2317;--bx-color-warn-1000: #0E0D0C;--bx-color-success-50: #FCFFFC;--bx-color-success-100: #E6F4E6;--bx-color-success-200: #D1EAD0;--bx-color-success-300: #98D6A0;--bx-color-success-400: #5FC370;--bx-color-success-500: #3FA94E;--bx-color-success-600: #2E9C3E;--bx-color-success-700: #1E8F2D;--bx-color-success-800: #1A5D22;--bx-color-success-900: #172B18;--bx-color-success-1000: #0C0E0C;--bx-color-information-50: #FBFDFF;--bx-color-information-100: #E5EEF7;--bx-color-information-200: #D0DDEA;--bx-color-information-300: #97CACE;--bx-color-information-400: #5FB7C3;--bx-color-information-500: #3E90B5;--bx-color-information-600: #2E7CAE;--bx-color-information-700: #1E69A7;--bx-color-information-800: #1A4469;--bx-color-information-900: #17202B;--bx-color-information-1000: #0C0D0E;--bx-color-neutral-50: #FAFAFA;--bx-color-neutral-100: #F5F5F5;--bx-color-neutral-200: #E5E5E5;--bx-color-neutral-300: #D4D4D4;--bx-color-neutral-400: #A1A1A1;--bx-color-neutral-500: #737373;--bx-color-neutral-600: #525252;--bx-color-neutral-700: #404040;--bx-color-neutral-800: #262626;--bx-color-neutral-900: #171717;--bx-color-neutral-1000: #0A0A0A}:root .bx-icon-pos-start{margin-right:.5rem}:root .bx-icon-pos-end{margin-left:.5rem}.bx-bg-canvas{background-color:var(--bx-bg-canvas);transition:background-color .2s ease-in-out}.bx-bg-surface{background-color:var(--bx-bg-surface);transition:background-color .2s ease-in-out}.bx-bg-surface-alt{background-color:var(--bx-bg-surface-alt);transition:background-color .2s ease-in-out}.bx-bg-element{background-color:var(--bx-bg-element);transition:background-color .2s ease-in-out}.bx-bg-element-hover{background-color:var(--bx-bg-element-hover);transition:background-color .2s ease-in-out}.bx-bg-element-active{background-color:var(--bx-bg-element-active);transition:background-color .2s ease-in-out}.bx-bg-primary{background-color:var(--bx-primary);transition:background-color .2s ease-in-out}.bx-text-primary{color:var(--bx-primary);transition:color .2s ease-in-out}.bx-border-primary{border-color:var(--bx-primary);transition:border-color .2s ease-in-out}.bx-bg-primary-hover{background-color:var(--bx-primary-hover);transition:background-color .2s ease-in-out}.bx-text-primary-hover{color:var(--bx-primary-hover);transition:color .2s ease-in-out}.bx-border-primary-hover{border-color:var(--bx-primary-hover);transition:border-color .2s ease-in-out}.bx-bg-primary-active{background-color:var(--bx-primary-active);transition:background-color .2s ease-in-out}.bx-text-primary-active{color:var(--bx-primary-active);transition:color .2s ease-in-out}.bx-border-primary-active{border-color:var(--bx-primary-active);transition:border-color .2s ease-in-out}.bx-bg-primary-subtle{background-color:var(--bx-primary-subtle);transition:background-color .2s ease-in-out}.bx-text-primary-subtle{color:var(--bx-primary-subtle);transition:color .2s ease-in-out}.bx-border-primary-subtle{border-color:var(--bx-primary-subtle);transition:border-color .2s ease-in-out}.bx-bg-on-primary{background-color:var(--bx-on-primary);transition:background-color .2s ease-in-out}.bx-text-on-primary{color:var(--bx-on-primary);transition:color .2s ease-in-out}.bx-border-on-primary{border-color:var(--bx-on-primary);transition:border-color .2s ease-in-out}.bx-text-heading{color:var(--bx-text-heading);transition:color .2s ease-in-out}.bx-text-primary{color:var(--bx-text-primary);transition:color .2s ease-in-out}.bx-text-secondary{color:var(--bx-text-secondary);transition:color .2s ease-in-out}.bx-text-brand{color:var(--bx-text-brand);transition:color .2s ease-in-out}.bx-text-inverse{color:var(--bx-text-inverse);transition:color .2s ease-in-out}.bx-text-info{color:var(--bx-text-info);transition:color .2s ease-in-out}.bx-text-warn{color:var(--bx-text-warn);transition:color .2s ease-in-out}.bx-text-success{color:var(--bx-text-success);transition:color .2s ease-in-out}.bx-text-danger{color:var(--bx-text-danger);transition:color .2s ease-in-out}.bx-border-subtle{border-color:var(--bx-border-subtle);transition:border-color .2s ease-in-out}.bx-border-default{border-color:var(--bx-border-default);transition:border-color .2s ease-in-out}.bx-border-strong{border-color:var(--bx-border-strong);transition:border-color .2s ease-in-out}.bx-border-brand{border-color:var(--bx-border-brand);transition:border-color .2s ease-in-out}.bx-border-info{border-color:var(--bx-border-info);transition:border-color .2s ease-in-out}.bx-border-success{border-color:var(--bx-border-success);transition:border-color .2s ease-in-out}.bx-border-warn{border-color:var(--bx-border-warn);transition:border-color .2s ease-in-out}.bx-border-danger{border-color:var(--bx-border-danger);transition:border-color .2s ease-in-out}.bx-bg-info{background-color:var(--bx-bg-info);transition:background-color .2s ease-in-out}.bx-bg-info-hover{background-color:var(--bx-bg-info-hover);transition:background-color .2s ease-in-out}.bx-bg-info-active{background-color:var(--bx-bg-info-active);transition:background-color .2s ease-in-out}.bx-bg-info-disabled{background-color:var(--bx-bg-info-disabled);transition:background-color .2s ease-in-out}.bx-bg-info-subtle{background-color:var(--bx-bg-info-subtle);transition:background-color .2s ease-in-out}.bx-bg-success{background-color:var(--bx-bg-success);transition:background-color .2s ease-in-out}.bx-bg-success-hover{background-color:var(--bx-bg-success-hover);transition:background-color .2s ease-in-out}.bx-bg-success-active{background-color:var(--bx-bg-success-active);transition:background-color .2s ease-in-out}.bx-bg-success-disabled{background-color:var(--bx-bg-success-disabled);transition:background-color .2s ease-in-out}.bx-bg-success-subtle{background-color:var(--bx-bg-success-subtle);transition:background-color .2s ease-in-out}.bx-bg-warn{background-color:var(--bx-bg-warn);transition:background-color .2s ease-in-out}.bx-bg-warn-hover{background-color:var(--bx-bg-warn-hover);transition:background-color .2s ease-in-out}.bx-bg-warn-active{background-color:var(--bx-bg-warn-active);transition:background-color .2s ease-in-out}.bx-bg-warn-disabled{background-color:var(--bx-bg-warn-disabled);transition:background-color .2s ease-in-out}.bx-bg-warn-subtle{background-color:var(--bx-bg-warn-subtle);transition:background-color .2s ease-in-out}.bx-bg-danger{background-color:var(--bx-bg-danger);transition:background-color .2s ease-in-out}.bx-bg-danger-hover{background-color:var(--bx-bg-danger-hover);transition:background-color .2s ease-in-out}.bx-bg-danger-active{background-color:var(--bx-bg-danger-active);transition:background-color .2s ease-in-out}.bx-bg-danger-disabled{background-color:var(--bx-bg-danger-disabled);transition:background-color .2s ease-in-out}.bx-bg-danger-subtle{background-color:var(--bx-bg-danger-subtle);transition:background-color .2s ease-in-out}:host{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out;outline:none;text-decoration:none;box-sizing:border-box;border:1px solid transparent}:host[disabled],:host[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none;box-shadow:none!important}:host.bx-btn-color-primary{--btn-theme-base: var(--bx-primary);--btn-theme-hover: var(--bx-primary-hover);--btn-theme-active: var(--bx-primary-active);--btn-theme-text: var(--bx-on-primary);--btn-theme-tonal-bg: var(--bx-primary-subtle);--btn-theme-tonal-text: var(--bx-text-brand);--btn-theme-border: var(--bx-border-brand)}:host.bx-btn-color-danger{--btn-theme-base: var(--bx-bg-danger);--btn-theme-hover: var(--bx-bg-danger-hover);--btn-theme-active: var(--bx-bg-danger-active);--btn-theme-text: var(--bx-text-danger);--btn-theme-tonal-bg: var(--bx-bg-danger-subtle);--btn-theme-tonal-text: var(--bx-text-danger);--btn-theme-border: var(--bx-border-danger)}:host.bx-btn-color-success{--btn-theme-base: var(--bx-bg-success);--btn-theme-hover: var(--bx-bg-success-hover);--btn-theme-active: var(--bx-bg-success-active);--btn-theme-text: var(--bx-text-success);--btn-theme-tonal-bg: var(--bx-bg-success-subtle);--btn-theme-tonal-text: var(--bx-text-success);--btn-theme-border: var(--bx-border-success)}:host.bx-btn-color-info{--btn-theme-base: var(--bx-bg-info);--btn-theme-hover: var(--bx-bg-info-hover);--btn-theme-active: var(--bx-bg-info-active);--btn-theme-text: var(--bx-text-info);--btn-theme-tonal-bg: var(--bx-bg-info-subtle);--btn-theme-tonal-text: var(--bx-text-info);--btn-theme-border: var(--bx-border-info)}:host.bx-btn-color-warn{--btn-theme-base: var(--bx-bg-warn);--btn-theme-hover: var(--bx-bg-warn-hover);--btn-theme-active: var(--bx-bg-warn-active);--btn-theme-text: var(--bx-text-warn);--btn-theme-tonal-bg: var(--bx-bg-warn-subtle);--btn-theme-tonal-text: var(--bx-text-warn);--btn-theme-border: var(--bx-border-warn)}:host.bx-btn-color-grayscale{--btn-theme-base: var(--bx-bg-element);--btn-theme-hover: var(--bx-bg-element-hover);--btn-theme-active: var(--bx-bg-element-active);--btn-theme-text: var(--bx-text-primary);--btn-theme-tonal-bg: var(--bx-bg-surface-alt);--btn-theme-tonal-text: var(--bx-text-primary);--btn-theme-border: var(--bx-border-strong)}:host.bx-btn-text,:host.bx-btn-filled,:host.bx-btn-tonal{padding:.5rem 1rem;border-radius:.25rem}:host.bx-btn-icon,:host.bx-btn-fab,:host.bx-btn-mini-fab{padding:0;border-radius:50%}:host.bx-btn-icon .bx-btn-content-wrapper,:host.bx-btn-fab .bx-btn-content-wrapper,:host.bx-btn-mini-fab .bx-btn-content-wrapper{gap:0}:host.bx-btn-filled,:host.bx-btn-fab,:host.bx-btn-mini-fab,:host.bx-btn-extended-fab{background:var(--btn-theme-base);color:var(--btn-theme-text)}:host.bx-btn-filled:hover,:host.bx-btn-fab:hover,:host.bx-btn-mini-fab:hover,:host.bx-btn-extended-fab:hover{background:var(--btn-theme-hover)}:host.bx-btn-filled:active,:host.bx-btn-fab:active,:host.bx-btn-mini-fab:active,:host.bx-btn-extended-fab:active{background:var(--btn-theme-active)}:host.bx-btn-text,:host.bx-btn-icon{background:transparent;color:var(--btn-theme-text)}:host.bx-btn-text:hover,:host.bx-btn-icon:hover{background:var(--btn-theme-tonal-bg)}:host.bx-btn-text:active,:host.bx-btn-icon:active{background:var(--btn-theme-active)}:host.bx-btn-tonal{background:var(--btn-theme-tonal-bg);color:var(--btn-theme-tonal-text)}:host.bx-btn-tonal:hover{opacity:.8}:host.bx-btn-tonal:active{opacity:.9}:host.bx-btn-icon,:host.bx-btn-mini-fab{width:2.5rem;height:2.5rem}:host.bx-btn-fab{width:3.5rem;height:3.5rem}:host.bx-btn-extended-fab{padding:0 1.5rem;height:3.5rem;border-radius:9999px}:host.bx-btn-is-outlined{border-color:var(--btn-theme-border)}:host.bx-btn-is-elevated{box-shadow:0 4px 8px -1px #00000026,0 2px 4px -2px #0000001f}:host.bx-btn-is-elevated:active{box-shadow:0 2px 4px #0000001a,0 1px 2px -1px #0000001a}.bx-btn-content-wrapper{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:100%;color:inherit}\n"] }]
|
|
29
29
|
}], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], outlined: [{ type: i0.Input, args: [{ isSignal: true, alias: "outlined", required: false }] }], elevated: [{ type: i0.Input, args: [{ isSignal: true, alias: "elevated", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], onClick: [{
|
|
30
30
|
type: HostListener,
|
|
31
31
|
args: ['click', ['$event']]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filip.mazev-blocks-button.mjs","sources":["../../../projects/blocks/button/components/button.ts","../../../projects/blocks/button/components/button.html","../../../projects/blocks/button/public-api.ts","../../../projects/blocks/button/filip.mazev-blocks-button.ts"],"sourcesContent":["import { Component, input, booleanAttribute, HostListener } from '@angular/core';\nimport { ButtonVariant, ButtonColor } from '../types/button.types';\n\n@Component({\n selector: 'bx-button, button[bx-button], a[bx-button]',\n standalone: true,\n templateUrl: './button.html',\n styleUrl: './button.scss',\n host: {\n '[class]': '\"bx-btn bx-btn-\" + variant() + \" bx-btn-color-\" + color()',\n '[class.bx-btn-is-outlined]': 'outlined()',\n '[class.bx-btn-is-elevated]': 'elevated()',\n '[attr.disabled]': 'disabled() ? true : null',\n '[attr.aria-disabled]': 'disabled()',\n '[attr.tabindex]': 'disabled() ? \"-1\" : null'\n }\n})\nexport class Button {\n public readonly variant = input<ButtonVariant>('text');\n public readonly color = input<ButtonColor>('primary');\n public readonly outlined = input<boolean>(false);\n public readonly elevated = input<boolean>(false);\n public readonly disabled = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n @HostListener('click', ['$event'])\n protected onClick(event: Event) {\n if (this.disabled()) {\n event.preventDefault();\n event.stopImmediatePropagation();\n }\n }\n}\n","<span class=\"bx-btn-content-wrapper\">\n <ng-content></ng-content>\n</span>","/*\n * Public API Surface of button\n */\n\nexport * from './components/button';\nexport * from './types/button.types';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAiBa,MAAM,CAAA;AACD,IAAA,OAAO,GAAG,KAAK,CAAgB,MAAM,8EAAC;AACtC,IAAA,KAAK,GAAG,KAAK,CAAc,SAAS,4EAAC;AACrC,IAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,+EAAC;AAChC,IAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,+EAAC;IAChC,QAAQ,GAAG,KAAK,CAAmB,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAGhF,IAAA,OAAO,CAAC,KAAY,EAAA;AAC5B,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACnB,KAAK,CAAC,cAAc,EAAE;YACtB,KAAK,CAAC,wBAAwB,EAAE;QAClC;IACF;uGAbW,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAN,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAM,8kCCjBnB,iFAEO,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"filip.mazev-blocks-button.mjs","sources":["../../../projects/blocks/button/components/button.ts","../../../projects/blocks/button/components/button.html","../../../projects/blocks/button/public-api.ts","../../../projects/blocks/button/filip.mazev-blocks-button.ts"],"sourcesContent":["import { Component, input, booleanAttribute, HostListener } from '@angular/core';\nimport { ButtonVariant, ButtonColor } from '../types/button.types';\n\n@Component({\n selector: 'bx-button, button[bx-button], a[bx-button]',\n standalone: true,\n templateUrl: './button.html',\n styleUrl: './button.scss',\n host: {\n '[class]': '\"bx-btn bx-btn-\" + variant() + \" bx-btn-color-\" + color()',\n '[class.bx-btn-is-outlined]': 'outlined()',\n '[class.bx-btn-is-elevated]': 'elevated()',\n '[attr.disabled]': 'disabled() ? true : null',\n '[attr.aria-disabled]': 'disabled()',\n '[attr.tabindex]': 'disabled() ? \"-1\" : null'\n }\n})\nexport class Button {\n public readonly variant = input<ButtonVariant>('text');\n public readonly color = input<ButtonColor>('primary');\n public readonly outlined = input<boolean>(false);\n public readonly elevated = input<boolean>(false);\n public readonly disabled = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n @HostListener('click', ['$event'])\n protected onClick(event: Event) {\n if (this.disabled()) {\n event.preventDefault();\n event.stopImmediatePropagation();\n }\n }\n}\n","<span class=\"bx-btn-content-wrapper\">\n <ng-content></ng-content>\n</span>","/*\n * Public API Surface of button\n */\n\nexport * from './components/button';\nexport * from './types/button.types';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAiBa,MAAM,CAAA;AACD,IAAA,OAAO,GAAG,KAAK,CAAgB,MAAM,8EAAC;AACtC,IAAA,KAAK,GAAG,KAAK,CAAc,SAAS,4EAAC;AACrC,IAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,+EAAC;AAChC,IAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,+EAAC;IAChC,QAAQ,GAAG,KAAK,CAAmB,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAGhF,IAAA,OAAO,CAAC,KAAY,EAAA;AAC5B,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACnB,KAAK,CAAC,cAAc,EAAE;YACtB,KAAK,CAAC,wBAAwB,EAAE;QAClC;IACF;uGAbW,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAN,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAM,8kCCjBnB,iFAEO,EAAA,MAAA,EAAA,CAAA,uktCAAA,CAAA,EAAA,CAAA;;2FDeM,MAAM,EAAA,UAAA,EAAA,CAAA;kBAdlB,SAAS;+BACE,4CAA4C,EAAA,UAAA,EAC1C,IAAI,EAAA,IAAA,EAGV;AACJ,wBAAA,SAAS,EAAE,2DAA2D;AACtE,wBAAA,4BAA4B,EAAE,YAAY;AAC1C,wBAAA,4BAA4B,EAAE,YAAY;AAC1C,wBAAA,iBAAiB,EAAE,0BAA0B;AAC7C,wBAAA,sBAAsB,EAAE,YAAY;AACpC,wBAAA,iBAAiB,EAAE;AACpB,qBAAA,EAAA,QAAA,EAAA,iFAAA,EAAA,MAAA,EAAA,CAAA,uktCAAA,CAAA,EAAA;;sBASA,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC;;;AExBnC;;AAEG;;ACFH;;AAEG;;;;"}
|
|
@@ -390,9 +390,9 @@ const SEMANTIC_PAIRS = {
|
|
|
390
390
|
'bg-surface-alt': 'text-primary',
|
|
391
391
|
'bg-element': 'text-primary',
|
|
392
392
|
'bg-element-hover': 'text-primary',
|
|
393
|
-
'text-heading': 'bg-
|
|
394
|
-
'text-primary': 'bg-
|
|
395
|
-
'text-secondary': 'bg-
|
|
393
|
+
'text-heading': 'bg-element',
|
|
394
|
+
'text-primary': 'bg-element',
|
|
395
|
+
'text-secondary': 'bg-element',
|
|
396
396
|
'text-brand': 'bg-surface',
|
|
397
397
|
'text-inverse': 'primary',
|
|
398
398
|
'on-primary': 'primary',
|