@acorex/components 20.8.33 → 20.9.1
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/badge/index.d.ts +2 -4
- package/{conversation2 → conversation}/README.md +23 -23
- package/{conversation2 → conversation}/index.d.ts +1848 -1469
- package/fesm2022/acorex-components-badge.mjs +17 -12
- package/fesm2022/acorex-components-badge.mjs.map +1 -1
- package/fesm2022/acorex-components-conversation-composer-action-choice-dialog.component-CYutyq7i.mjs +101 -0
- package/fesm2022/acorex-components-conversation-composer-action-choice-dialog.component-CYutyq7i.mjs.map +1 -0
- package/fesm2022/acorex-components-conversation-emoji-categories-C7Gm95V0.mjs +1840 -0
- package/fesm2022/acorex-components-conversation-emoji-categories-C7Gm95V0.mjs.map +1 -0
- package/fesm2022/acorex-components-conversation-open-composer-picker-for-files-BLInQalk.mjs +223 -0
- package/fesm2022/acorex-components-conversation-open-composer-picker-for-files-BLInQalk.mjs.map +1 -0
- package/fesm2022/{acorex-components-conversation2.mjs → acorex-components-conversation.mjs} +20329 -20223
- package/fesm2022/acorex-components-conversation.mjs.map +1 -0
- package/fesm2022/acorex-components-file-viewer.mjs +736 -0
- package/fesm2022/acorex-components-file-viewer.mjs.map +1 -0
- package/fesm2022/acorex-components-scheduler-picker.mjs +22 -14
- package/fesm2022/acorex-components-scheduler-picker.mjs.map +1 -1
- package/file-viewer/index.d.ts +178 -0
- package/package.json +30 -25
- package/scheduler-picker/index.d.ts +2 -0
- package/fesm2022/acorex-components-conversation2.mjs.map +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { MXColorLookComponent, AXComponent } from '@acorex/cdk/common';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
|
-
import { input,
|
|
3
|
+
import { input, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
|
|
4
4
|
|
|
5
5
|
class AXBadgeComponent extends MXColorLookComponent {
|
|
6
6
|
constructor() {
|
|
@@ -12,22 +12,27 @@ class AXBadgeComponent extends MXColorLookComponent {
|
|
|
12
12
|
*/
|
|
13
13
|
this.text = input('', ...(ngDevMode ? [{ debugName: "text" }] : []));
|
|
14
14
|
}
|
|
15
|
-
/**
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
15
|
+
/** @ignore */
|
|
16
|
+
get hostClass() {
|
|
17
|
+
const value = this.text() ?? '';
|
|
18
|
+
return [
|
|
19
|
+
`ax-${this.look}`,
|
|
20
|
+
`ax-${this.color}`,
|
|
21
|
+
value.length === 0 ? 'ax-mini-badge' : '',
|
|
22
|
+
value.length === 1 ? 'ax-single-badge' : '',
|
|
23
|
+
]
|
|
24
|
+
.filter(Boolean)
|
|
25
|
+
.join(' ');
|
|
20
26
|
}
|
|
21
27
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXBadgeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXBadgeComponent, isStandalone: true, selector: "ax-badge", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXBadgeComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n@if (text()) {\n <span class=\"ax-badge-text\">{{ text() }}</span>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-badge{--ax-comp-badge-border-radius: 9999px}ax-badge.ax-default{--ax-comp-badge-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-lightest-surface)}.ax-dark ax-badge.ax-default{--ax-comp-badge-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-darkest-surface)}ax-badge.ax-solid.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-dark-surface)}ax-badge.ax-solid.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-dark-surface)}ax-badge.ax-solid.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-dark-surface)}ax-badge.ax-solid.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-dark-surface)}ax-badge.ax-solid.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-dark-surface)}ax-badge.ax-solid.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-dark-surface)}ax-badge.ax-solid.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-dark-surface)}ax-badge.ax-solid.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-dark-surface)}ax-badge.ax-solid.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-dark-surface)}ax-badge.ax-solid.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-dark-surface)}ax-badge.ax-solid.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent6-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-dark-surface)}ax-badge.ax-solid.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-dark-surface)}.ax-dark ax-badge.ax-solid.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-light-surface)}.ax-dark ax-badge.ax-solid.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-light-surface)}.ax-dark ax-badge.ax-solid.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-light-surface)}.ax-dark ax-badge.ax-solid.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-light-surface)}.ax-dark ax-badge.ax-solid.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-light-surface)}.ax-dark ax-badge.ax-solid.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-light-surface)}.ax-dark ax-badge.ax-solid.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-light-surface)}.ax-dark ax-badge.ax-solid.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-light-surface)}.ax-dark ax-badge.ax-solid.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-light-surface)}.ax-dark ax-badge.ax-solid.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-light-surface)}.ax-dark ax-badge.ax-solid.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-light-surface)}.ax-dark ax-badge.ax-solid.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-light-surface)}ax-badge.ax-outline.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-500);--ax-comp-badge-border-color: var(--ax-sys-color-primary-500)}ax-badge.ax-outline.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-500);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-500)}ax-badge.ax-outline.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-500);--ax-comp-badge-border-color: var(--ax-sys-color-success-500)}ax-badge.ax-outline.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-500);--ax-comp-badge-border-color: var(--ax-sys-color-warning-500)}ax-badge.ax-outline.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-500);--ax-comp-badge-border-color: var(--ax-sys-color-danger-500)}ax-badge.ax-outline.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-500)}ax-badge.ax-outline.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-500)}ax-badge.ax-outline.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-500)}ax-badge.ax-outline.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-500)}ax-badge.ax-outline.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-500)}ax-badge.ax-outline.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-500)}ax-badge.ax-outline.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-500)}.ax-dark ax-badge.ax-outline.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-200);--ax-comp-badge-border-color: var(--ax-sys-color-primary-200)}.ax-dark ax-badge.ax-outline.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-200);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-200)}.ax-dark ax-badge.ax-outline.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-200);--ax-comp-badge-border-color: var(--ax-sys-color-success-200)}.ax-dark ax-badge.ax-outline.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-200);--ax-comp-badge-border-color: var(--ax-sys-color-warning-200)}.ax-dark ax-badge.ax-outline.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-200);--ax-comp-badge-border-color: var(--ax-sys-color-danger-200)}.ax-dark ax-badge.ax-outline.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-200)}.ax-dark ax-badge.ax-outline.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-200)}.ax-dark ax-badge.ax-outline.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-200)}.ax-dark ax-badge.ax-outline.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-200)}.ax-dark ax-badge.ax-outline.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-200)}.ax-dark ax-badge.ax-outline.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-200)}.ax-dark ax-badge.ax-outline.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-200)}ax-badge.ax-twotone.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-lightest-surface)}ax-badge.ax-twotone.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-lightest-surface)}ax-badge.ax-twotone.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-lightest-surface)}ax-badge.ax-twotone.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-lightest-surface)}ax-badge.ax-twotone.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-lightest-surface)}ax-badge.ax-twotone.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-lightest-surface)}ax-badge.ax-twotone.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-lightest-surface)}ax-badge.ax-twotone.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-lightest-surface)}ax-badge.ax-twotone.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-lightest-surface)}ax-badge.ax-twotone.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-lightest-surface)}ax-badge.ax-twotone.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent6-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-lightest-surface)}ax-badge.ax-twotone.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-lightest-surface)}.ax-dark ax-badge.ax-twotone.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-primary-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-secondary-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-success-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-warning-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-danger-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent1-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent2-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent3-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent4-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent5-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent6-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent7-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-darkest-surface)}ax-badge.ax-blank.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-500);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-200);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-link{border-width:0;border-bottom-width:1px;border-radius:0}ax-badge.ax-link.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-500);--ax-comp-badge-border-color: var(--ax-sys-color-primary-500)}ax-badge.ax-link.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-500);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-500)}ax-badge.ax-link.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-500);--ax-comp-badge-border-color: var(--ax-sys-color-success-500)}ax-badge.ax-link.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-500);--ax-comp-badge-border-color: var(--ax-sys-color-warning-500)}ax-badge.ax-link.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-500);--ax-comp-badge-border-color: var(--ax-sys-color-danger-500)}ax-badge.ax-link.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-500)}ax-badge.ax-link.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-500)}ax-badge.ax-link.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-500)}ax-badge.ax-link.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-500)}ax-badge.ax-link.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-500)}ax-badge.ax-link.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-500)}ax-badge.ax-link.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-500)}.ax-dark ax-badge.ax-link.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-200);--ax-comp-badge-border-color: var(--ax-sys-color-primary-200)}.ax-dark ax-badge.ax-link.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-200);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-200)}.ax-dark ax-badge.ax-link.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-200);--ax-comp-badge-border-color: var(--ax-sys-color-success-200)}.ax-dark ax-badge.ax-link.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-200);--ax-comp-badge-border-color: var(--ax-sys-color-warning-200)}.ax-dark ax-badge.ax-link.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-200);--ax-comp-badge-border-color: var(--ax-sys-color-danger-200)}.ax-dark ax-badge.ax-link.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-200)}.ax-dark ax-badge.ax-link.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-200)}.ax-dark ax-badge.ax-link.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-200)}.ax-dark ax-badge.ax-link.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-200)}.ax-dark ax-badge.ax-link.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-200)}.ax-dark ax-badge.ax-link.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-200)}.ax-dark ax-badge.ax-link.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-200)}ax-badge{display:inline-block;border-width:1px;border-color:transparent;font-size:.75rem;max-height:fit-content;line-height:1;color:rgba(var(--ax-comp-badge-text-color));border-radius:var(--ax-comp-badge-border-radius);border-color:rgba(var(--ax-comp-badge-border-color));background-color:rgba(var(--ax-comp-badge-bg-color))}ax-badge.ax-mini-badge{min-height:.5rem;width:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{display:flex;min-height:1.25rem;width:1.25rem;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{display:inline-block;white-space:nowrap;word-break:break-all;padding:.125rem .25rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXBadgeComponent, isStandalone: true, selector: "ax-badge", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXBadgeComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n@if (text()) {\n <span class=\"ax-badge-text\">{{ text() }}</span>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-badge{--ax-comp-badge-border-radius: .375rem;--ax-comp-badge-font-size: .75rem;--ax-comp-badge-font-weight: 500;--ax-comp-badge-line-height: 1rem;--ax-comp-badge-gap: .375rem;--ax-comp-badge-padding-x: .5rem;--ax-comp-badge-padding-y: .25rem;--ax-comp-badge-dot-size: .375rem;--ax-comp-badge-ring-opacity: .1;--ax-comp-badge-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-lightest-surface)}ax-badge.ax-default{--ax-comp-badge-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-badge-ring-opacity: .1}.ax-dark ax-badge.ax-default{--ax-comp-badge-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-badge-ring-opacity: .2}ax-badge.ax-solid.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent6-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-primary-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-secondary-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-success-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-warning-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-danger-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent1-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent2-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent3-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent4-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent5-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent6-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent7-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-outline.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-primary-700);--ax-comp-badge-border-color: var(--ax-sys-color-primary-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-secondary-700);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-success-700);--ax-comp-badge-border-color: var(--ax-sys-color-success-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-warning-700);--ax-comp-badge-border-color: var(--ax-sys-color-warning-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-danger-700);--ax-comp-badge-border-color: var(--ax-sys-color-danger-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent1-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent2-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent3-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent4-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent5-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent6-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent7-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-600);--ax-comp-badge-ring-opacity: .1}.ax-dark ax-badge.ax-outline.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-primary-300);--ax-comp-badge-border-color: var(--ax-sys-color-primary-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-secondary-300);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-success-300);--ax-comp-badge-border-color: var(--ax-sys-color-success-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-warning-300);--ax-comp-badge-border-color: var(--ax-sys-color-warning-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-danger-300);--ax-comp-badge-border-color: var(--ax-sys-color-danger-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent1-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent2-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent3-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent4-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent5-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent6-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent7-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-300);--ax-comp-badge-ring-opacity: .2}ax-badge.ax-twotone.ax-primary,ax-badge.ax-flat.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-primary-700);--ax-comp-badge-border-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-secondary,ax-badge.ax-flat.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-secondary-700);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-success,ax-badge.ax-flat.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-success-700);--ax-comp-badge-border-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-warning,ax-badge.ax-flat.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-warning-700);--ax-comp-badge-border-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-danger,ax-badge.ax-flat.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-danger-700);--ax-comp-badge-border-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-accent1,ax-badge.ax-flat.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent1-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-accent2,ax-badge.ax-flat.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent2-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-accent3,ax-badge.ax-flat.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent3-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-accent4,ax-badge.ax-flat.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent4-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-accent5,ax-badge.ax-flat.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent5-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-accent6,ax-badge.ax-flat.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent6-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-accent7,ax-badge.ax-flat.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent7-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-primary,.ax-dark ax-badge.ax-flat.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-primary-300);--ax-comp-badge-border-color: var(--ax-sys-color-primary-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-secondary,.ax-dark ax-badge.ax-flat.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-secondary-300);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-success,.ax-dark ax-badge.ax-flat.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-success-300);--ax-comp-badge-border-color: var(--ax-sys-color-success-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-warning,.ax-dark ax-badge.ax-flat.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-warning-300);--ax-comp-badge-border-color: var(--ax-sys-color-warning-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-danger,.ax-dark ax-badge.ax-flat.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-danger-300);--ax-comp-badge-border-color: var(--ax-sys-color-danger-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-accent1,.ax-dark ax-badge.ax-flat.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent1-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-accent2,.ax-dark ax-badge.ax-flat.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent2-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-accent3,.ax-dark ax-badge.ax-flat.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent3-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-accent4,.ax-dark ax-badge.ax-flat.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent4-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-accent5,.ax-dark ax-badge.ax-flat.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent5-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-accent6,.ax-dark ax-badge.ax-flat.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent6-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-accent7,.ax-dark ax-badge.ax-flat.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent7-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-darkest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-700);--ax-comp-badge-border-color: var(--ax-sys-color-primary-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-700);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-700);--ax-comp-badge-border-color: var(--ax-sys-color-success-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-700);--ax-comp-badge-border-color: var(--ax-sys-color-warning-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-700);--ax-comp-badge-border-color: var(--ax-sys-color-danger-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-700);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-300);--ax-comp-badge-border-color: var(--ax-sys-color-primary-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-300);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-300);--ax-comp-badge-border-color: var(--ax-sys-color-success-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-300);--ax-comp-badge-border-color: var(--ax-sys-color-warning-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-300);--ax-comp-badge-border-color: var(--ax-sys-color-danger-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-300);--ax-comp-badge-ring-opacity: 0}ax-badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--ax-comp-badge-gap);max-width:100%;max-height:fit-content;box-sizing:border-box;vertical-align:middle;border:0;border-radius:var(--ax-comp-badge-border-radius);background-color:rgba(var(--ax-comp-badge-bg-color));color:rgba(var(--ax-comp-badge-text-color));font-size:var(--ax-comp-badge-font-size);font-weight:var(--ax-comp-badge-font-weight);line-height:var(--ax-comp-badge-line-height);white-space:nowrap;-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 0 1px rgba(var(--ax-comp-badge-border-color),var(--ax-comp-badge-ring-opacity))}ax-badge .ax-badge-text{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-badge ax-prefix,ax-badge ax-suffix{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;font-size:inherit;line-height:1}ax-badge .ax-badge-dot,ax-badge ax-prefix.ax-badge-dot,ax-badge ax-prefix>.ax-badge-dot{display:inline-flex;flex-shrink:0;width:var(--ax-comp-badge-dot-size);height:var(--ax-comp-badge-dot-size);border-radius:9999px;background-color:currentColor}ax-badge.ax-rounded-full,ax-badge.ax-pill{--ax-comp-badge-border-radius: 9999px}ax-badge.ax-sm,ax-badge.ax-xs{--ax-comp-badge-font-size: .6875rem;--ax-comp-badge-line-height: .875rem;--ax-comp-badge-padding-x: .375rem;--ax-comp-badge-padding-y: .125rem;--ax-comp-badge-gap: .25rem;--ax-comp-badge-dot-size: .3125rem}ax-badge:not(.ax-mini-badge):not(.ax-blank):not(.ax-link){padding:var(--ax-comp-badge-padding-y) var(--ax-comp-badge-padding-x)}ax-badge.ax-mini-badge{--ax-comp-badge-border-radius: 9999px;width:.5rem;height:.5rem;min-width:.5rem;min-height:.5rem;padding:0;gap:0;box-shadow:none}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{--ax-comp-badge-border-radius: 9999px;min-width:1.25rem;min-height:1.25rem;padding:.125rem;aspect-ratio:1}ax-badge.ax-single-badge .ax-badge-text{font-variant-numeric:tabular-nums}ax-badge.ax-twotone,ax-badge.ax-flat,ax-badge.ax-solid{--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank{padding:0;background-color:transparent;box-shadow:none}ax-badge.ax-link{border-radius:0;padding:0;background-color:transparent;box-shadow:none;border-bottom:1px solid rgba(var(--ax-comp-badge-border-color))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
23
29
|
}
|
|
24
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXBadgeComponent, decorators: [{
|
|
25
31
|
type: Component,
|
|
26
|
-
args: [{ selector: 'ax-badge', inputs: ['color', 'look'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXComponent, useExisting: AXBadgeComponent }], template: "<ng-content select=\"ax-prefix\"></ng-content>\n@if (text()) {\n <span class=\"ax-badge-text\">{{ text() }}</span>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-badge{--ax-comp-badge-border-radius: 9999px}ax-badge.ax-default{--ax-comp-badge-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-lightest-surface)}.ax-dark ax-badge.ax-default{--ax-comp-badge-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-darkest-surface)}ax-badge.ax-solid.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-dark-surface)}ax-badge.ax-solid.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-dark-surface)}ax-badge.ax-solid.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-dark-surface)}ax-badge.ax-solid.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-dark-surface)}ax-badge.ax-solid.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-dark-surface)}ax-badge.ax-solid.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-dark-surface)}ax-badge.ax-solid.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-dark-surface)}ax-badge.ax-solid.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-dark-surface)}ax-badge.ax-solid.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-dark-surface)}ax-badge.ax-solid.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-dark-surface)}ax-badge.ax-solid.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent6-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-dark-surface)}ax-badge.ax-solid.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-dark-surface)}.ax-dark ax-badge.ax-solid.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-light-surface)}.ax-dark ax-badge.ax-solid.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-light-surface)}.ax-dark ax-badge.ax-solid.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-light-surface)}.ax-dark ax-badge.ax-solid.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-light-surface)}.ax-dark ax-badge.ax-solid.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-light-surface)}.ax-dark ax-badge.ax-solid.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-light-surface)}.ax-dark ax-badge.ax-solid.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-light-surface)}.ax-dark ax-badge.ax-solid.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-light-surface)}.ax-dark ax-badge.ax-solid.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-light-surface)}.ax-dark ax-badge.ax-solid.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-light-surface)}.ax-dark ax-badge.ax-solid.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-light-surface)}.ax-dark ax-badge.ax-solid.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-light-surface)}ax-badge.ax-outline.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-500);--ax-comp-badge-border-color: var(--ax-sys-color-primary-500)}ax-badge.ax-outline.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-500);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-500)}ax-badge.ax-outline.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-500);--ax-comp-badge-border-color: var(--ax-sys-color-success-500)}ax-badge.ax-outline.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-500);--ax-comp-badge-border-color: var(--ax-sys-color-warning-500)}ax-badge.ax-outline.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-500);--ax-comp-badge-border-color: var(--ax-sys-color-danger-500)}ax-badge.ax-outline.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-500)}ax-badge.ax-outline.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-500)}ax-badge.ax-outline.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-500)}ax-badge.ax-outline.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-500)}ax-badge.ax-outline.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-500)}ax-badge.ax-outline.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-500)}ax-badge.ax-outline.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-500)}.ax-dark ax-badge.ax-outline.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-200);--ax-comp-badge-border-color: var(--ax-sys-color-primary-200)}.ax-dark ax-badge.ax-outline.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-200);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-200)}.ax-dark ax-badge.ax-outline.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-200);--ax-comp-badge-border-color: var(--ax-sys-color-success-200)}.ax-dark ax-badge.ax-outline.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-200);--ax-comp-badge-border-color: var(--ax-sys-color-warning-200)}.ax-dark ax-badge.ax-outline.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-200);--ax-comp-badge-border-color: var(--ax-sys-color-danger-200)}.ax-dark ax-badge.ax-outline.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-200)}.ax-dark ax-badge.ax-outline.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-200)}.ax-dark ax-badge.ax-outline.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-200)}.ax-dark ax-badge.ax-outline.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-200)}.ax-dark ax-badge.ax-outline.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-200)}.ax-dark ax-badge.ax-outline.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-200)}.ax-dark ax-badge.ax-outline.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-200)}ax-badge.ax-twotone.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-lightest-surface)}ax-badge.ax-twotone.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-lightest-surface)}ax-badge.ax-twotone.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-lightest-surface)}ax-badge.ax-twotone.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-lightest-surface)}ax-badge.ax-twotone.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-lightest-surface)}ax-badge.ax-twotone.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-lightest-surface)}ax-badge.ax-twotone.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-lightest-surface)}ax-badge.ax-twotone.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-lightest-surface)}ax-badge.ax-twotone.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-lightest-surface)}ax-badge.ax-twotone.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-lightest-surface)}ax-badge.ax-twotone.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent6-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-lightest-surface)}ax-badge.ax-twotone.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-lightest-surface)}.ax-dark ax-badge.ax-twotone.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-primary-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-secondary-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-success-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-warning-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-danger-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent1-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent2-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent3-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent4-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent5-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent6-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-darkest-surface)}.ax-dark ax-badge.ax-twotone.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent7-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-darkest-surface)}ax-badge.ax-blank.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-500);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-blank.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-500);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-200);--ax-comp-badge-border-color: 0, 0, 0, 0}.ax-dark ax-badge.ax-blank.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-200);--ax-comp-badge-border-color: 0, 0, 0, 0}ax-badge.ax-link{border-width:0;border-bottom-width:1px;border-radius:0}ax-badge.ax-link.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-500);--ax-comp-badge-border-color: var(--ax-sys-color-primary-500)}ax-badge.ax-link.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-500);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-500)}ax-badge.ax-link.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-500);--ax-comp-badge-border-color: var(--ax-sys-color-success-500)}ax-badge.ax-link.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-500);--ax-comp-badge-border-color: var(--ax-sys-color-warning-500)}ax-badge.ax-link.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-500);--ax-comp-badge-border-color: var(--ax-sys-color-danger-500)}ax-badge.ax-link.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-500)}ax-badge.ax-link.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-500)}ax-badge.ax-link.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-500)}ax-badge.ax-link.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-500)}ax-badge.ax-link.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-500)}ax-badge.ax-link.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-500)}ax-badge.ax-link.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-500);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-500)}.ax-dark ax-badge.ax-link.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-200);--ax-comp-badge-border-color: var(--ax-sys-color-primary-200)}.ax-dark ax-badge.ax-link.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-200);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-200)}.ax-dark ax-badge.ax-link.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-200);--ax-comp-badge-border-color: var(--ax-sys-color-success-200)}.ax-dark ax-badge.ax-link.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-200);--ax-comp-badge-border-color: var(--ax-sys-color-warning-200)}.ax-dark ax-badge.ax-link.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-200);--ax-comp-badge-border-color: var(--ax-sys-color-danger-200)}.ax-dark ax-badge.ax-link.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-200)}.ax-dark ax-badge.ax-link.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-200)}.ax-dark ax-badge.ax-link.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-200)}.ax-dark ax-badge.ax-link.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-200)}.ax-dark ax-badge.ax-link.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-200)}.ax-dark ax-badge.ax-link.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-200)}.ax-dark ax-badge.ax-link.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-200);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-200)}ax-badge{display:inline-block;border-width:1px;border-color:transparent;font-size:.75rem;max-height:fit-content;line-height:1;color:rgba(var(--ax-comp-badge-text-color));border-radius:var(--ax-comp-badge-border-radius);border-color:rgba(var(--ax-comp-badge-border-color));background-color:rgba(var(--ax-comp-badge-bg-color))}ax-badge.ax-mini-badge{min-height:.5rem;width:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{display:flex;min-height:1.25rem;width:1.25rem;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{display:inline-block;white-space:nowrap;word-break:break-all;padding:.125rem .25rem}\n"] }]
|
|
27
|
-
|
|
28
|
-
type: HostBinding,
|
|
29
|
-
|
|
30
|
-
}] } });
|
|
32
|
+
args: [{ selector: 'ax-badge', inputs: ['color', 'look'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXComponent, useExisting: AXBadgeComponent }], host: {
|
|
33
|
+
'[class]': 'hostClass',
|
|
34
|
+
}, template: "<ng-content select=\"ax-prefix\"></ng-content>\n@if (text()) {\n <span class=\"ax-badge-text\">{{ text() }}</span>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-badge{--ax-comp-badge-border-radius: .375rem;--ax-comp-badge-font-size: .75rem;--ax-comp-badge-font-weight: 500;--ax-comp-badge-line-height: 1rem;--ax-comp-badge-gap: .375rem;--ax-comp-badge-padding-x: .5rem;--ax-comp-badge-padding-y: .25rem;--ax-comp-badge-dot-size: .375rem;--ax-comp-badge-ring-opacity: .1;--ax-comp-badge-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-lightest-surface)}ax-badge.ax-default{--ax-comp-badge-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-badge-ring-opacity: .1}.ax-dark ax-badge.ax-default{--ax-comp-badge-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-badge-ring-opacity: .2}ax-badge.ax-solid.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent1-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent2-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent3-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent4-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent5-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent6-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-solid.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent7-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-primary-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-secondary-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-success-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-warning-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-danger-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent1-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent2-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent3-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent4-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent5-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent6-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-light-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-solid.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accent7-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-light-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-outline.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-primary-700);--ax-comp-badge-border-color: var(--ax-sys-color-primary-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-secondary-700);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-success-700);--ax-comp-badge-border-color: var(--ax-sys-color-success-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-warning-700);--ax-comp-badge-border-color: var(--ax-sys-color-warning-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-danger-700);--ax-comp-badge-border-color: var(--ax-sys-color-danger-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent1-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent2-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent3-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent4-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent5-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent6-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-600);--ax-comp-badge-ring-opacity: .1}ax-badge.ax-outline.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent7-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-600);--ax-comp-badge-ring-opacity: .1}.ax-dark ax-badge.ax-outline.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-primary-300);--ax-comp-badge-border-color: var(--ax-sys-color-primary-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-secondary-300);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-success-300);--ax-comp-badge-border-color: var(--ax-sys-color-success-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-warning-300);--ax-comp-badge-border-color: var(--ax-sys-color-warning-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-danger-300);--ax-comp-badge-border-color: var(--ax-sys-color-danger-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent1-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent2-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent3-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent4-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent5-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent6-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-300);--ax-comp-badge-ring-opacity: .2}.ax-dark ax-badge.ax-outline.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent7-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-300);--ax-comp-badge-ring-opacity: .2}ax-badge.ax-twotone.ax-primary,ax-badge.ax-flat.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-primary-700);--ax-comp-badge-border-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-secondary,ax-badge.ax-flat.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-secondary-700);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-success,ax-badge.ax-flat.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-success-700);--ax-comp-badge-border-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-warning,ax-badge.ax-flat.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-warning-700);--ax-comp-badge-border-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-danger,ax-badge.ax-flat.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-danger-700);--ax-comp-badge-border-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-accent1,ax-badge.ax-flat.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent1-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-accent2,ax-badge.ax-flat.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent2-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-accent3,ax-badge.ax-flat.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent3-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-accent4,ax-badge.ax-flat.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent4-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-accent5,ax-badge.ax-flat.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent5-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-accent6,ax-badge.ax-flat.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent6-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-twotone.ax-accent7,ax-badge.ax-flat.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent7-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-primary,.ax-dark ax-badge.ax-flat.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-primary-300);--ax-comp-badge-border-color: var(--ax-sys-color-primary-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-secondary,.ax-dark ax-badge.ax-flat.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-secondary-300);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-success,.ax-dark ax-badge.ax-flat.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-success-300);--ax-comp-badge-border-color: var(--ax-sys-color-success-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-warning,.ax-dark ax-badge.ax-flat.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-warning-300);--ax-comp-badge-border-color: var(--ax-sys-color-warning-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-danger,.ax-dark ax-badge.ax-flat.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-danger-300);--ax-comp-badge-border-color: var(--ax-sys-color-danger-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-accent1,.ax-dark ax-badge.ax-flat.ax-accent1{--ax-comp-badge-bg-color: var(--ax-sys-color-accent1-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent1-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-accent2,.ax-dark ax-badge.ax-flat.ax-accent2{--ax-comp-badge-bg-color: var(--ax-sys-color-accent2-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent2-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-accent3,.ax-dark ax-badge.ax-flat.ax-accent3{--ax-comp-badge-bg-color: var(--ax-sys-color-accent3-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent3-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-accent4,.ax-dark ax-badge.ax-flat.ax-accent4{--ax-comp-badge-bg-color: var(--ax-sys-color-accent4-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent4-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-accent5,.ax-dark ax-badge.ax-flat.ax-accent5{--ax-comp-badge-bg-color: var(--ax-sys-color-accent5-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent5-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-accent6,.ax-dark ax-badge.ax-flat.ax-accent6{--ax-comp-badge-bg-color: var(--ax-sys-color-accent6-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent6-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-darkest-surface);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-twotone.ax-accent7,.ax-dark ax-badge.ax-flat.ax-accent7{--ax-comp-badge-bg-color: var(--ax-sys-color-accent7-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-accent7-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-darkest-surface);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-700);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-blank.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-300);--ax-comp-badge-border-color: 0, 0, 0, 0;--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-700);--ax-comp-badge-border-color: var(--ax-sys-color-primary-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-700);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-700);--ax-comp-badge-border-color: var(--ax-sys-color-success-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-700);--ax-comp-badge-border-color: var(--ax-sys-color-warning-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-700);--ax-comp-badge-border-color: var(--ax-sys-color-danger-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-700);--ax-comp-badge-ring-opacity: 0}ax-badge.ax-link.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-700);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-700);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-primary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-primary-300);--ax-comp-badge-border-color: var(--ax-sys-color-primary-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-secondary{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-secondary-300);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-success{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-success-300);--ax-comp-badge-border-color: var(--ax-sys-color-success-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-warning{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-warning-300);--ax-comp-badge-border-color: var(--ax-sys-color-warning-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-danger{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-danger-300);--ax-comp-badge-border-color: var(--ax-sys-color-danger-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-accent1{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent1-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent1-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-accent2{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent2-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent2-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-accent3{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent3-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent3-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-accent4{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent4-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent4-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-accent5{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent5-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent5-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-accent6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent6-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent6-300);--ax-comp-badge-ring-opacity: 0}.ax-dark ax-badge.ax-link.ax-accent7{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accent7-300);--ax-comp-badge-border-color: var(--ax-sys-color-accent7-300);--ax-comp-badge-ring-opacity: 0}ax-badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--ax-comp-badge-gap);max-width:100%;max-height:fit-content;box-sizing:border-box;vertical-align:middle;border:0;border-radius:var(--ax-comp-badge-border-radius);background-color:rgba(var(--ax-comp-badge-bg-color));color:rgba(var(--ax-comp-badge-text-color));font-size:var(--ax-comp-badge-font-size);font-weight:var(--ax-comp-badge-font-weight);line-height:var(--ax-comp-badge-line-height);white-space:nowrap;-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 0 1px rgba(var(--ax-comp-badge-border-color),var(--ax-comp-badge-ring-opacity))}ax-badge .ax-badge-text{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-badge ax-prefix,ax-badge ax-suffix{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;font-size:inherit;line-height:1}ax-badge .ax-badge-dot,ax-badge ax-prefix.ax-badge-dot,ax-badge ax-prefix>.ax-badge-dot{display:inline-flex;flex-shrink:0;width:var(--ax-comp-badge-dot-size);height:var(--ax-comp-badge-dot-size);border-radius:9999px;background-color:currentColor}ax-badge.ax-rounded-full,ax-badge.ax-pill{--ax-comp-badge-border-radius: 9999px}ax-badge.ax-sm,ax-badge.ax-xs{--ax-comp-badge-font-size: .6875rem;--ax-comp-badge-line-height: .875rem;--ax-comp-badge-padding-x: .375rem;--ax-comp-badge-padding-y: .125rem;--ax-comp-badge-gap: .25rem;--ax-comp-badge-dot-size: .3125rem}ax-badge:not(.ax-mini-badge):not(.ax-blank):not(.ax-link){padding:var(--ax-comp-badge-padding-y) var(--ax-comp-badge-padding-x)}ax-badge.ax-mini-badge{--ax-comp-badge-border-radius: 9999px;width:.5rem;height:.5rem;min-width:.5rem;min-height:.5rem;padding:0;gap:0;box-shadow:none}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{--ax-comp-badge-border-radius: 9999px;min-width:1.25rem;min-height:1.25rem;padding:.125rem;aspect-ratio:1}ax-badge.ax-single-badge .ax-badge-text{font-variant-numeric:tabular-nums}ax-badge.ax-twotone,ax-badge.ax-flat,ax-badge.ax-solid{--ax-comp-badge-ring-opacity: 0}ax-badge.ax-blank{padding:0;background-color:transparent;box-shadow:none}ax-badge.ax-link{border-radius:0;padding:0;background-color:transparent;box-shadow:none;border-bottom:1px solid rgba(var(--ax-comp-badge-border-color))}\n"] }]
|
|
35
|
+
}] });
|
|
31
36
|
|
|
32
37
|
class AXBadgeModule {
|
|
33
38
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|