@acorex/components 20.1.4 → 20.1.6
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/action-sheet/index.d.ts +2 -1
- package/badge/index.d.ts +3 -4
- package/check-box/index.d.ts +2 -1
- package/color-box/index.d.ts +1 -0
- package/color-palette/index.d.ts +2 -0
- package/conversation/index.d.ts +23 -27
- package/fesm2022/acorex-components-action-sheet.mjs +22 -11
- package/fesm2022/acorex-components-action-sheet.mjs.map +1 -1
- package/fesm2022/acorex-components-audio-wave.mjs +2 -2
- package/fesm2022/acorex-components-audio-wave.mjs.map +1 -1
- package/fesm2022/acorex-components-autocomplete.mjs +2 -2
- package/fesm2022/acorex-components-autocomplete.mjs.map +1 -1
- package/fesm2022/acorex-components-badge.mjs +5 -6
- package/fesm2022/acorex-components-badge.mjs.map +1 -1
- package/fesm2022/acorex-components-calendar.mjs +2 -2
- package/fesm2022/acorex-components-calendar.mjs.map +1 -1
- package/fesm2022/acorex-components-check-box.mjs +8 -6
- package/fesm2022/acorex-components-check-box.mjs.map +1 -1
- package/fesm2022/acorex-components-color-box.mjs +11 -2
- package/fesm2022/acorex-components-color-box.mjs.map +1 -1
- package/fesm2022/acorex-components-color-palette.mjs +23 -7
- package/fesm2022/acorex-components-color-palette.mjs.map +1 -1
- package/fesm2022/acorex-components-comment.mjs +2 -2
- package/fesm2022/acorex-components-comment.mjs.map +1 -1
- package/fesm2022/acorex-components-conversation.mjs +41 -30
- package/fesm2022/acorex-components-conversation.mjs.map +1 -1
- package/fesm2022/acorex-components-cron-job.mjs +14 -14
- package/fesm2022/acorex-components-cron-job.mjs.map +1 -1
- package/fesm2022/acorex-components-data-pager.mjs +1 -1
- package/fesm2022/acorex-components-data-pager.mjs.map +1 -1
- package/fesm2022/acorex-components-data-table.mjs +3 -3
- package/fesm2022/acorex-components-data-table.mjs.map +1 -1
- package/fesm2022/acorex-components-datetime-picker.mjs +2 -2
- package/fesm2022/acorex-components-datetime-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-form.mjs +5 -4
- package/fesm2022/acorex-components-form.mjs.map +1 -1
- package/fesm2022/acorex-components-image-editor.mjs +27 -20
- package/fesm2022/acorex-components-image-editor.mjs.map +1 -1
- package/fesm2022/acorex-components-kanban.mjs +10 -4
- package/fesm2022/acorex-components-kanban.mjs.map +1 -1
- package/fesm2022/acorex-components-list.mjs +2 -2
- package/fesm2022/acorex-components-list.mjs.map +1 -1
- package/fesm2022/acorex-components-notification.mjs +1 -1
- package/fesm2022/acorex-components-notification.mjs.map +1 -1
- package/fesm2022/acorex-components-number-box-2.mjs +1 -3
- package/fesm2022/acorex-components-number-box-2.mjs.map +1 -1
- package/fesm2022/acorex-components-paint.mjs +46 -16
- package/fesm2022/acorex-components-paint.mjs.map +1 -1
- package/fesm2022/acorex-components-password-box.mjs +2 -2
- package/fesm2022/acorex-components-password-box.mjs.map +1 -1
- package/fesm2022/acorex-components-scheduler.mjs +28 -29
- package/fesm2022/acorex-components-scheduler.mjs.map +1 -1
- package/fesm2022/acorex-components-search-box.mjs +2 -2
- package/fesm2022/acorex-components-search-box.mjs.map +1 -1
- package/fesm2022/acorex-components-select-box.mjs +2 -2
- package/fesm2022/acorex-components-select-box.mjs.map +1 -1
- package/fesm2022/acorex-components-side-menu.mjs +2 -2
- package/fesm2022/acorex-components-side-menu.mjs.map +1 -1
- package/fesm2022/acorex-components-time-duration.mjs +8 -8
- package/fesm2022/acorex-components-time-duration.mjs.map +1 -1
- package/fesm2022/acorex-components-toast.mjs +1 -1
- package/fesm2022/acorex-components-toast.mjs.map +1 -1
- package/fesm2022/acorex-components-tooltip.mjs +20 -22
- package/fesm2022/acorex-components-tooltip.mjs.map +1 -1
- package/fesm2022/acorex-components-tree-view.mjs +40 -10
- package/fesm2022/acorex-components-tree-view.mjs.map +1 -1
- package/fesm2022/acorex-components-uploader.mjs +9 -9
- package/fesm2022/acorex-components-uploader.mjs.map +1 -1
- package/image-editor/index.d.ts +1 -2
- package/kanban/index.d.ts +7 -2
- package/package.json +5 -5
- package/paint/index.d.ts +17 -7
- package/tooltip/index.d.ts +4 -4
- package/tree-view/index.d.ts +3 -0
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"acorex-components-badge.mjs","sources":["../tmp-esm2022/badge/lib/badge.component.js","../tmp-esm2022/badge/lib/badge.module.js","../tmp-esm2022/badge/acorex-components-badge.js"],"sourcesContent":["import { AXComponent, MXColorComponent } from '@acorex/cdk/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, input, ViewEncapsulation } from '@angular/core';\nimport * as i0 from \"@angular/core\";\nexport class AXBadgeComponent extends MXColorComponent {\n constructor() {\n super(...arguments);\n /**\n * Defines the text displayed inside the badge.\n *\n * @defaultValue ''\n */\n this.text = input('');\n this.look = input('solid');\n }\n /**\n * @ignore\n */\n get __hostClass() {\n return `ax-${this.color} ${!this.text() ? 'ax-mini-badge' : ''} ${this.text()?.length == 1 ? 'ax-single-badge' : ''}`;\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.4\", ngImport: i0, type: AXBadgeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.4\", type: AXBadgeComponent, isStandalone: true, selector: \"ax-badge\", inputs: { color: { classPropertyName: \"color\", publicName: \"color\", isSignal: false, isRequired: false, transformFunction: null }, text: { classPropertyName: \"text\", publicName: \"text\", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: \"look\", publicName: \"look\", 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-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-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-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-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-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-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-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-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-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-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-accnt6{--ax-comp-badge-bg-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accnt6-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accnt6-dark-surface)}ax-badge.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-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-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-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-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-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-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-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-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-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-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-accnt6{--ax-comp-badge-bg-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accnt6-light-surface)}.ax-dark ax-badge.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{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:.25rem .375rem}\\n\"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.4\", ngImport: i0, type: AXBadgeComponent, decorators: [{\n type: Component,\n args: [{ selector: 'ax-badge', inputs: ['color'], 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-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-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-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-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-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-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-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-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-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-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-accnt6{--ax-comp-badge-bg-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accnt6-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accnt6-dark-surface)}ax-badge.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-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-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-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-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-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-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-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-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-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-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-accnt6{--ax-comp-badge-bg-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accnt6-light-surface)}.ax-dark ax-badge.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{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:.25rem .375rem}\\n\"] }]\n }], propDecorators: { __hostClass: [{\n type: HostBinding,\n args: ['class']\n }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9iYWRnZS9zcmMvbGliL2JhZGdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvYmFkZ2Uvc3JjL2xpYi9iYWRnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDbkUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVcxRyxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsZ0JBQWdCO0lBVHREOztRQVVFOzs7O1dBSUc7UUFDSCxTQUFJLEdBQUcsS0FBSyxDQUFTLEVBQUUsQ0FBQyxDQUFDO1FBRXpCLFNBQUksR0FBRyxLQUFLLENBQVMsT0FBTyxDQUFDLENBQUM7S0FTL0I7SUFQQzs7T0FFRztJQUNILElBQ1ksV0FBVztRQUNyQixPQUFPLE1BQU0sSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxFQUFFLElBQUksSUFBSSxDQUFDLElBQUksRUFBRSxFQUFFLE1BQU0sSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQztJQUN4SCxDQUFDOzhHQWhCVSxnQkFBZ0I7a0dBQWhCLGdCQUFnQiw2ZEFGaEIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsV0FBVyxFQUFFLGdCQUFnQixFQUFFLENBQUMsaURDVnRFLHdLQUtBOzsyRkRPYSxnQkFBZ0I7a0JBVDVCLFNBQVM7K0JBQ0UsVUFBVSxVQUdaLENBQUMsT0FBTyxDQUFDLGlCQUNGLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sYUFDcEMsQ0FBQyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsV0FBVyxrQkFBa0IsRUFBRSxDQUFDOzhCQWdCeEQsV0FBVztzQkFEdEIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhDb21wb25lbnQsIE1YQ29sb3JDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2Nkay9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIGlucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1iYWRnZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9iYWRnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2JhZGdlLmNvbXBvbmVudC5zY3NzJ10sXG4gIGlucHV0czogWydjb2xvciddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBBWENvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYQmFkZ2VDb21wb25lbnQgfV0sXG59KVxuZXhwb3J0IGNsYXNzIEFYQmFkZ2VDb21wb25lbnQgZXh0ZW5kcyBNWENvbG9yQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIERlZmluZXMgdGhlIHRleHQgZGlzcGxheWVkIGluc2lkZSB0aGUgYmFkZ2UuXG4gICAqXG4gICAqIEBkZWZhdWx0VmFsdWUgJydcbiAgICovXG4gIHRleHQgPSBpbnB1dDxzdHJpbmc+KCcnKTtcblxuICBsb29rID0gaW5wdXQ8c3RyaW5nPignc29saWQnKTtcblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcml2YXRlIGdldCBfX2hvc3RDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBgYXgtJHt0aGlzLmNvbG9yfSAkeyF0aGlzLnRleHQoKSA/ICdheC1taW5pLWJhZGdlJyA6ICcnfSAke3RoaXMudGV4dCgpPy5sZW5ndGggPT0gMSA/ICdheC1zaW5nbGUtYmFkZ2UnIDogJyd9YDtcbiAgfVxufVxuIiwiPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtcHJlZml4XCI+PC9uZy1jb250ZW50PlxuQGlmICh0ZXh0KSB7XG4gIDxzcGFuIGNsYXNzPVwiYXgtYmFkZ2UtdGV4dFwiPnt7IHRleHQoKSB9fTwvc3Bhbj5cbn1cbjxuZy1jb250ZW50IHNlbGVjdD1cImF4LXN1ZmZpeFwiPjwvbmctY29udGVudD5cbiJdfQ==","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXBadgeComponent } from './badge.component';\nimport * as i0 from \"@angular/core\";\nexport class AXBadgeModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.4\", ngImport: i0, type: AXBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.0.4\", ngImport: i0, type: AXBadgeModule, imports: [CommonModule, AXBadgeComponent], exports: [AXBadgeComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.0.4\", ngImport: i0, type: AXBadgeModule, imports: [CommonModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.4\", ngImport: i0, type: AXBadgeModule, decorators: [{\n type: NgModule,\n args: [{\n imports: [CommonModule, AXBadgeComponent],\n exports: [AXBadgeComponent],\n providers: [],\n }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9iYWRnZS9zcmMvbGliL2JhZGdlLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUFPckQsTUFBTSxPQUFPLGFBQWE7OEdBQWIsYUFBYTsrR0FBYixhQUFhLFlBSmQsWUFBWSxFQUFFLGdCQUFnQixhQUM5QixnQkFBZ0I7K0dBR2YsYUFBYSxZQUpkLFlBQVk7OzJGQUlYLGFBQWE7a0JBTHpCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGdCQUFnQixDQUFDO29CQUN6QyxPQUFPLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztvQkFDM0IsU0FBUyxFQUFFLEVBQUU7aUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYQmFkZ2VDb21wb25lbnQgfSBmcm9tICcuL2JhZGdlLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEFYQmFkZ2VDb21wb25lbnRdLFxuICBleHBvcnRzOiBbQVhCYWRnZUNvbXBvbmVudF0sXG4gIHByb3ZpZGVyczogW10sXG59KVxuZXhwb3J0IGNsYXNzIEFYQmFkZ2VNb2R1bGUge31cbiJdfQ==","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtYmFkZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2JhZGdlL3NyYy9hY29yZXgtY29tcG9uZW50cy1iYWRnZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":";;;;;AAGO,MAAM,gBAAgB,SAAS,gBAAgB,CAAC;AACvD,IAAI,WAAW,GAAG;AAClB,QAAQ,KAAK,CAAC,GAAG,SAAS,CAAC;AAC3B;AACA;AACA;AACA;AACA;AACA,QAAQ,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC;AAC7B,QAAQ,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC;AAClC;AACA;AACA;AACA;AACA,IAAI,IAAI,WAAW,GAAG;AACtB,QAAQ,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,eAAe,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,MAAM,IAAI,CAAC,GAAG,iBAAiB,GAAG,EAAE,CAAC,CAAC;AAC7H;AACA,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC;AACpL,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,gBAAgB,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,iBAAiB,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,iBAAiB,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,iBAAiB,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC,EAAE,eAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,wKAAwK,EAAE,MAAM,EAAE,CAAC,02LAA02L,CAAC,EAAE,eAAe,EAAE,EAAE,CAAC,uBAAuB,CAAC,MAAM,EAAE,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC,CAAC;AACzzN;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC;AAC1H,YAAY,IAAI,EAAE,SAAS;AAC3B,YAAY,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,aAAa,EAAE,iBAAiB,CAAC,IAAI,EAAE,eAAe,EAAE,uBAAuB,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC,EAAE,QAAQ,EAAE,wKAAwK,EAAE,MAAM,EAAE,CAAC,02LAA02L,CAAC,EAAE;AACtwM,SAAS,CAAC,EAAE,cAAc,EAAE,EAAE,WAAW,EAAE,CAAC;AAC5C,gBAAgB,IAAI,EAAE,WAAW;AACjC,gBAAgB,IAAI,EAAE,CAAC,OAAO;AAC9B,aAAa,CAAC,EAAE,EAAE,CAAC;;ACzBZ,MAAM,aAAa,CAAC;AAC3B,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,CAAC;AAC9K,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,YAAY,EAAE,gBAAgB,CAAC,EAAE,OAAO,EAAE,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC;AACxM,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;AACzJ;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC;AACvH,YAAY,IAAI,EAAE,QAAQ;AAC1B,YAAY,IAAI,EAAE,CAAC;AACnB,oBAAoB,OAAO,EAAE,CAAC,YAAY,EAAE,gBAAgB,CAAC;AAC7D,oBAAoB,OAAO,EAAE,CAAC,gBAAgB,CAAC;AAC/C,oBAAoB,SAAS,EAAE,EAAE;AACjC,iBAAiB;AACjB,SAAS,CAAC,EAAE,CAAC;;AChBb;AACA;AACA;;;;"}
|
1
|
+
{"version":3,"file":"acorex-components-badge.mjs","sources":["../tmp-esm2022/badge/lib/badge.component.js","../tmp-esm2022/badge/lib/badge.module.js","../tmp-esm2022/badge/acorex-components-badge.js"],"sourcesContent":["import { AXComponent, MXColorLookComponent } from '@acorex/cdk/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, input, ViewEncapsulation } from '@angular/core';\nimport * as i0 from \"@angular/core\";\nexport class AXBadgeComponent extends MXColorLookComponent {\n constructor() {\n super(...arguments);\n /**\n * Defines the text displayed inside the badge.\n *\n * @defaultValue ''\n */\n this.text = input('');\n }\n /**\n * @ignore\n */\n get __hostClass() {\n return `ax-${this.look} ax-${this.color} ${!this.text() ? 'ax-mini-badge' : ''} ${this.text()?.length == 1 ? 'ax-single-badge' : ''}`;\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.4\", ngImport: i0, type: AXBadgeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.4\", 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-accnt6{--ax-comp-badge-bg-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accnt6-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accnt6-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-accnt6{--ax-comp-badge-bg-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accnt6-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-accnt6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accnt6-500);--ax-comp-badge-border-color: var(--ax-sys-color-accnt6-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-accnt6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accnt6-200);--ax-comp-badge-border-color: var(--ax-sys-color-accnt6-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-accnt6{--ax-comp-badge-bg-color: var(--ax-sys-color-accnt6-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accnt6-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accnt6-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-accnt6{--ax-comp-badge-bg-color: var(--ax-sys-color-accnt6-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accnt6-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accnt6-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-accnt6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accnt6-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-accnt6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accnt6-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-accnt6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accnt6-500);--ax-comp-badge-border-color: var(--ax-sys-color-accnt6-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-accnt6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accnt6-200);--ax-comp-badge-border-color: var(--ax-sys-color-accnt6-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 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.4\", ngImport: i0, type: AXBadgeComponent, decorators: [{\n type: Component,\n 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-accnt6{--ax-comp-badge-bg-color: var(--ax-sys-color-accnt6-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accnt6-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accnt6-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-accnt6{--ax-comp-badge-bg-color: var(--ax-sys-color-accnt6-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accnt6-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-accnt6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accnt6-500);--ax-comp-badge-border-color: var(--ax-sys-color-accnt6-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-accnt6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accnt6-200);--ax-comp-badge-border-color: var(--ax-sys-color-accnt6-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-accnt6{--ax-comp-badge-bg-color: var(--ax-sys-color-accnt6-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accnt6-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accnt6-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-accnt6{--ax-comp-badge-bg-color: var(--ax-sys-color-accnt6-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-accnt6-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-accnt6-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-accnt6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accnt6-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-accnt6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accnt6-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-accnt6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accnt6-500);--ax-comp-badge-border-color: var(--ax-sys-color-accnt6-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-accnt6{--ax-comp-badge-bg-color: 0, 0, 0, 0;--ax-comp-badge-text-color: var(--ax-sys-color-accnt6-200);--ax-comp-badge-border-color: var(--ax-sys-color-accnt6-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\"] }]\n }], propDecorators: { __hostClass: [{\n type: HostBinding,\n args: ['class']\n }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9iYWRnZS9zcmMvbGliL2JhZGdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvYmFkZ2Uvc3JjL2xpYi9iYWRnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDdkUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVcxRyxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsb0JBQW9CO0lBVDFEOztRQVVFOzs7O1dBSUc7UUFDSCxTQUFJLEdBQUcsS0FBSyxDQUFTLEVBQUUsQ0FBQyxDQUFDO0tBUzFCO0lBUEM7O09BRUc7SUFDSCxJQUNZLFdBQVc7UUFDckIsT0FBTyxNQUFNLElBQUksQ0FBQyxJQUFJLE9BQU8sSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxFQUFFLElBQUksSUFBSSxDQUFDLElBQUksRUFBRSxFQUFFLE1BQU0sSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQztJQUN4SSxDQUFDOzhHQWRVLGdCQUFnQjtrR0FBaEIsZ0JBQWdCLDhkQUZoQixDQUFDLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQUUsZ0JBQWdCLEVBQUUsQ0FBQyxpRENWdEUsd0tBS0E7OzJGRE9hLGdCQUFnQjtrQkFUNUIsU0FBUzsrQkFDRSxVQUFVLFVBR1osQ0FBQyxPQUFPLEVBQUUsTUFBTSxDQUFDLGlCQUNWLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sYUFDcEMsQ0FBQyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsV0FBVyxrQkFBa0IsRUFBRSxDQUFDOzhCQWN4RCxXQUFXO3NCQUR0QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWENvbXBvbmVudCwgTVhDb2xvckxvb2tDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2Nkay9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIGlucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1iYWRnZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9iYWRnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2JhZGdlLmNvbXBvbmVudC5zY3NzJ10sXG4gIGlucHV0czogWydjb2xvcicsICdsb29rJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IEFYQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhCYWRnZUNvbXBvbmVudCB9XSxcbn0pXG5leHBvcnQgY2xhc3MgQVhCYWRnZUNvbXBvbmVudCBleHRlbmRzIE1YQ29sb3JMb29rQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIERlZmluZXMgdGhlIHRleHQgZGlzcGxheWVkIGluc2lkZSB0aGUgYmFkZ2UuXG4gICAqXG4gICAqIEBkZWZhdWx0VmFsdWUgJydcbiAgICovXG4gIHRleHQgPSBpbnB1dDxzdHJpbmc+KCcnKTtcblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcml2YXRlIGdldCBfX2hvc3RDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBgYXgtJHt0aGlzLmxvb2t9IGF4LSR7dGhpcy5jb2xvcn0gJHshdGhpcy50ZXh0KCkgPyAnYXgtbWluaS1iYWRnZScgOiAnJ30gJHt0aGlzLnRleHQoKT8ubGVuZ3RoID09IDEgPyAnYXgtc2luZ2xlLWJhZGdlJyA6ICcnfWA7XG4gIH1cbn1cbiIsIjxuZy1jb250ZW50IHNlbGVjdD1cImF4LXByZWZpeFwiPjwvbmctY29udGVudD5cbkBpZiAodGV4dCkge1xuICA8c3BhbiBjbGFzcz1cImF4LWJhZGdlLXRleHRcIj57eyB0ZXh0KCkgfX08L3NwYW4+XG59XG48bmctY29udGVudCBzZWxlY3Q9XCJheC1zdWZmaXhcIj48L25nLWNvbnRlbnQ+XG4iXX0=","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXBadgeComponent } from './badge.component';\nimport * as i0 from \"@angular/core\";\nexport class AXBadgeModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.4\", ngImport: i0, type: AXBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.0.4\", ngImport: i0, type: AXBadgeModule, imports: [CommonModule, AXBadgeComponent], exports: [AXBadgeComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.0.4\", ngImport: i0, type: AXBadgeModule, imports: [CommonModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.4\", ngImport: i0, type: AXBadgeModule, decorators: [{\n type: NgModule,\n args: [{\n imports: [CommonModule, AXBadgeComponent],\n exports: [AXBadgeComponent],\n providers: [],\n }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9iYWRnZS9zcmMvbGliL2JhZGdlLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUFPckQsTUFBTSxPQUFPLGFBQWE7OEdBQWIsYUFBYTsrR0FBYixhQUFhLFlBSmQsWUFBWSxFQUFFLGdCQUFnQixhQUM5QixnQkFBZ0I7K0dBR2YsYUFBYSxZQUpkLFlBQVk7OzJGQUlYLGFBQWE7a0JBTHpCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGdCQUFnQixDQUFDO29CQUN6QyxPQUFPLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztvQkFDM0IsU0FBUyxFQUFFLEVBQUU7aUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYQmFkZ2VDb21wb25lbnQgfSBmcm9tICcuL2JhZGdlLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEFYQmFkZ2VDb21wb25lbnRdLFxuICBleHBvcnRzOiBbQVhCYWRnZUNvbXBvbmVudF0sXG4gIHByb3ZpZGVyczogW10sXG59KVxuZXhwb3J0IGNsYXNzIEFYQmFkZ2VNb2R1bGUge31cbiJdfQ==","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtYmFkZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2JhZGdlL3NyYy9hY29yZXgtY29tcG9uZW50cy1iYWRnZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":";;;;;AAGO,MAAM,gBAAgB,SAAS,oBAAoB,CAAC;AAC3D,IAAI,WAAW,GAAG;AAClB,QAAQ,KAAK,CAAC,GAAG,SAAS,CAAC;AAC3B;AACA;AACA;AACA;AACA;AACA,QAAQ,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC;AAC7B;AACA;AACA;AACA;AACA,IAAI,IAAI,WAAW,GAAG;AACtB,QAAQ,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,eAAe,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,MAAM,IAAI,CAAC,GAAG,iBAAiB,GAAG,EAAE,CAAC,CAAC;AAC7I;AACA,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC;AACpL,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,gBAAgB,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,iBAAiB,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,iBAAiB,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,iBAAiB,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC,EAAE,eAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,wKAAwK,EAAE,MAAM,EAAE,CAAC,8syBAA8syB,CAAC,EAAE,eAAe,EAAE,EAAE,CAAC,uBAAuB,CAAC,MAAM,EAAE,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC,CAAC;AAC9p0B;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC;AAC1H,YAAY,IAAI,EAAE,SAAS;AAC3B,YAAY,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,aAAa,EAAE,iBAAiB,CAAC,IAAI,EAAE,eAAe,EAAE,uBAAuB,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC,EAAE,QAAQ,EAAE,wKAAwK,EAAE,MAAM,EAAE,CAAC,8syBAA8syB,CAAC,EAAE;AAClnzB,SAAS,CAAC,EAAE,cAAc,EAAE,EAAE,WAAW,EAAE,CAAC;AAC5C,gBAAgB,IAAI,EAAE,WAAW;AACjC,gBAAgB,IAAI,EAAE,CAAC,OAAO;AAC9B,aAAa,CAAC,EAAE,EAAE,CAAC;;ACxBZ,MAAM,aAAa,CAAC;AAC3B,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,CAAC;AAC9K,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,YAAY,EAAE,gBAAgB,CAAC,EAAE,OAAO,EAAE,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC;AACxM,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;AACzJ;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC;AACvH,YAAY,IAAI,EAAE,QAAQ;AAC1B,YAAY,IAAI,EAAE,CAAC;AACnB,oBAAoB,OAAO,EAAE,CAAC,YAAY,EAAE,gBAAgB,CAAC;AAC7D,oBAAoB,OAAO,EAAE,CAAC,gBAAgB,CAAC;AAC/C,oBAAoB,SAAS,EAAE,EAAE;AACjC,iBAAiB;AACjB,SAAS,CAAC,EAAE,CAAC;;AChBb;AACA;AACA;;;;"}
|
@@ -768,7 +768,7 @@ class AXCalendarComponent extends classes((MXValueComponent), MXInteractiveCompo
|
|
768
768
|
},
|
769
769
|
AXUnsubscriber,
|
770
770
|
{ provide: AXComponent, useExisting: AXCalendarComponent },
|
771
|
-
], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-header\"></ng-content>\n<div class=\"ax-calendar-body\">\n @for (v of views; let i = $index, first = $first, last = $last; track i) {\n @switch (activeView) {\n @case ('year') {\n @if (showNavigation) {\n <div class=\"ax-calendar-view-header\">\n <div class=\"ax-calendar-header-info\">\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-state-disabled\"\n (click)=\"_handleNavClick($event, 'year')\"\n >\n {{ v.range.startTime | format: 'date' : { calendar: calendar(), format: 'YYYY' } | async }} -\n {{ v.range.endTime | format: 'date' : { calendar: calendar(), format: 'YYYY' } | async }}\n </button>\n </div>\n @if (last) {\n <div class=\"ax-calendar-header-buttons\">\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-button-icon ax-next\"\n (click)=\"_handlePrevClick()\"\n [title]=\"'prev' | translate | async\"\n >\n <i class=\"ax-icon ax-icon-chevron-left\"></i>\n </button>\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-button-icon\"\n (click)=\"_handleNextClick()\"\n [title]=\"'next' | translate | async\"\n >\n <i class=\"ax-icon ax-icon-chevron-right\"></i>\n </button>\n </div>\n }\n </div>\n }\n <div class=\"ax-calendar-slots ax-calendar-slots-year\" [ngClass]=\"{ 'ax-default': !yearCellTemplate }\">\n @for (slot of v.slots; track slot.text) {\n <button\n tabindex=\"0\"\n class=\"ax-calendar-slot\"\n [class.ax-state-disabled]=\"disabled\"\n [ngClass]=\"slot.cssClass\"\n (click)=\"_handleSlotClick($event, slot)\"\n >\n @if (yearCellTemplate) {\n <div>\n <ng-container\n [ngTemplateOutlet]=\"yearCellTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { slot: slot } }\"\n >\n </ng-container>\n </div>\n } @else {\n <div>\n {{ slot.text }}\n </div>\n }\n </button>\n }\n </div>\n }\n @case ('month') {\n @if (showNavigation) {\n <div class=\"ax-calendar-view-header\">\n <div class=\"ax-calendar-header-info\">\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded\"\n (click)=\"_handleNavClick($event, 'year')\"\n >\n {{ v.range.startTime | format: 'date' : { calendar: calendar(), format: 'YYYY' } | async }}\n </button>\n </div>\n @if (last) {\n <div class=\"ax-calendar-header-buttons\">\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-button-icon\"\n (click)=\"_handlePrevClick()\"\n [title]=\"'prev' | translate | async\"\n >\n <i class=\"ax-icon ax-icon-chevron-left\"></i>\n </button>\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-button-icon\"\n (click)=\"_handleNextClick()\"\n [title]=\"'next' | translate | async\"\n >\n <i class=\"ax-icon ax-icon-chevron-right\"></i>\n </button>\n </div>\n }\n </div>\n }\n\n <div class=\"ax-calendar-slots ax-calendar-slots-month\" [ngClass]=\"{ 'ax-default': !monthCellTemplate }\">\n @for (slot of v.slots; track slot) {\n <button\n tabindex=\"0\"\n class=\"ax-calendar-slot\"\n [class.ax-state-disabled]=\"disabled\"\n [ngClass]=\"slot.cssClass\"\n (click)=\"_handleSlotClick($event, slot)\"\n >\n @if (monthCellTemplate) {\n <div>\n <ng-container\n [ngTemplateOutlet]=\"monthCellTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { slot: slot } }\"\n >\n </ng-container>\n </div>\n } @else {\n <div [title]=\"slot.date | format: 'date' : { calendar: calendar(), format: 'MMMM YYYY' } | async\">\n {{ getMonthName(slot.date, 'short') | translate | async }}\n </div>\n }\n </button>\n }\n </div>\n }\n @default {\n @if (showNavigation) {\n <div class=\"ax-calendar-view-header\">\n <div class=\"ax-calendar-header-info\">\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded\"\n (click)=\"_handleNavClick($event, 'year')\"\n >\n {{ v.range.startTime | format: 'date' : { calendar: calendar(), format: 'YYYY' } | async }}\n </button>\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded\"\n (click)=\"_handleNavClick($event, 'month')\"\n >\n <!-- {{ getMonthName(v.range.startTime, 'long') | translate | async }} -->\n {{ v.range.startTime | format: 'date' : { calendar: calendar(), format: 'MMMM' } | async }}\n </button>\n </div>\n @if (last) {\n <div class=\"ax-calendar-header-buttons\">\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-button-icon\"\n (click)=\"_handlePrevClick()\"\n [title]=\"'prev' | translate | async\"\n >\n <i class=\"ax-icon ax-icon-chevron-left\"></i>\n </button>\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-button-icon\"\n (click)=\"_handleNextClick()\"\n [title]=\"'next' | translate | async\"\n >\n <i class=\"ax-icon ax-icon-chevron-right\"></i>\n </button>\n </div>\n }\n </div>\n }\n <div class=\"ax-calendar-week\">\n @for (d of _weekdays; track d) {\n <div>{{ 'dateTime.weekdays.short.' + d | translate | async }}</div>\n }\n </div>\n\n <div class=\"ax-calendar-slots ax-calendar-slots-day\" [ngClass]=\"{ 'ax-default': !dayCellTemplate }\">\n @for (slot of v.slots; track slot) {\n <button\n tabindex=\"0\"\n class=\"ax-calendar-slot\"\n [ngClass]=\"slot.cssClass\"\n [class.ax-state-disabled]=\"disabled\"\n (click)=\"_handleSlotClick($event, slot)\"\n [disabled]=\"disabled\"\n [axRipple]\n >\n @if (dayCellTemplate) {\n <div>\n <ng-container\n [ngTemplateOutlet]=\"dayCellTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { slot: slot } }\"\n >\n </ng-container>\n </div>\n } @else {\n <div [title]=\"slot.date | format: 'date' : { calendar: calendar(), format: 'long' } | async\">\n {{ slot.text }}\n </div>\n }\n </button>\n }\n </div>\n }\n }\n }\n</div>\n<ng-content select=\"ax-footer\"></ng-content>\n", styles: ["ax-calendar{--ax-comp-calendar-view-header-padding: .5rem;--ax-comp-calendar-slot-today-border-width: 1px;--ax-comp-calendar-slot-focused-border-width: 1px;--ax-comp-calendar-slot-focused-outline-width: 2px;--ax-comp-calendar-slot-disabled-opacity: .5;--ax-comp-calendar-slot-readonly-opacity: .75;--ax-comp-calendar-footer-margin-t: 1.25rem;--ax-comp-calendar-footer-today-button-padding-x: 1rem;--ax-comp-calendar-footer-today-button-height: var(--ax-sys-size-base)}ax-calendar{--ax-comp-calendar-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-calendar-view-header-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-calendar-slot-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-calendar-slot-ripple-color: var(--ax-sys-color-primary-light-surface), .3;--ax-comp-calendar-slot-today-text-color: var(--ax-sys-color-primary-surface);--ax-comp-calendar-slot-today-border-color: var(--ax-sys-color-primary-surface);--ax-comp-calendar-slot-hover-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-calendar-slot-hover-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-calendar-slot-focused-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-calendar-slot-focused-outline-color: var(--ax-sys-color-primary-surface);--ax-comp-calendar-slot-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-calendar-slot-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-calendar-slot-holiday-text-color: var(--ax-sys-color-danger-surface);--ax-comp-calendar-slot-holiday-ripple-color: var(--ax-sys-color-danger-light-surface), .3;--ax-comp-calendar-slot-holiday-today-border-color: var(--ax-sys-color-danger-surface);--ax-comp-calendar-slot-holiday-hover-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-calendar-slot-holiday-hover-border-color: var(--ax-sys-color-danger-surface);--ax-comp-calendar-slot-holiday-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-calendar-slot-holiday-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-calendar-footer-today-button-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-calendar-footer-today-button-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-calendar-footer-today-button-hover-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-calendar-footer-today-button-focused-outline-color: var(--ax-sys-color-primary-surface), 1}.ax-dark ax-calendar{--ax-comp-calendar-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-calendar-view-header-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-calendar-slot-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-calendar-slot-focused-border-color: var(--ax-sys-color-border-darkest-surface)}html[dir=rtl] ax-calendar .ax-calendar-header-buttons .ax-icon{-moz-transform:scale(-1,1);-o-transform:scale(-1,1);-webkit-transform:scale(-1,1);transform:scaleX(-1)}ax-calendar{width:100%;display:block;color:rgba(var(--ax-comp-calendar-text-color));background-color:rgba(var(--ax-comp-calendar-bg-color))}ax-calendar.ax-state-disabled .ax-calendar-slots{cursor:not-allowed;opacity:.5}ax-calendar.ax-state-readonly .ax-calendar-slots{cursor:text}ax-calendar .ax-calendar-header{display:flex;justify-content:space-between;padding-left:var(--ax-comp-calendar-header-padding-x, .25rem);padding-right:var(--ax-comp-calendar-header-padding-x, .25rem);padding-top:var(--ax-comp-calendar-header-padding-t, .25rem)}ax-calendar .ax-calendar-header .ax-calendar-header-info{font-weight:500}ax-calendar .ax-calendar-header .ax-calendar-header-buttons{display:flex}ax-calendar .ax-calendar-body{display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width: 1024px){ax-calendar .ax-calendar-body{flex-direction:column}}ax-calendar .ax-calendar-body>div{width:100%;flex:1 1 0%}@media (min-width: 768px){ax-calendar .ax-calendar-body>div{width:20rem}}ax-calendar .ax-calendar-body .ax-calendar-view-header{display:flex;justify-content:space-between;border-bottom-width:var(--ax-comp-calendar-view-header-border-width, 1px);border-color:rgba(var(--ax-comp-calendar-view-header-border-color));padding:var(--ax-comp-calendar-view-header-padding)}ax-calendar .ax-calendar-body .ax-calendar-view-header .ax-calendar-header-info{font-weight:500}ax-calendar .ax-calendar-body .ax-calendar-view-header .ax-calendar-header-buttons{display:flex}ax-calendar .ax-calendar-body .ax-calendar-slots{display:grid;gap:.25rem;padding:1rem}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;text-align:center;font-size:var(--ax-comp-calendar-font-size, .875rem);color:rgba(var(--ax-comp-calendar-slot-text-color));line-height:var(--ax-comp-calendar-line-height, 1.25rem);border-radius:var(--ax-comp-calendar-slot-border-radius, var(--ax-sys-border-radius));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:before{content:\"\";float:left;padding-top:100%}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:after{content:\"\";clear:both;display:block}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover:not(ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover.ax-state-disabled,ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover.ax-state-selected){background-color:rgba(var(--ax-comp-calendar-slot-hover-bg-color));color:rgba(var(--ax-comp-calendar-slot-hover-text-color))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible:not(ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible.ax-state-disabled){outline-width:var(--ax-comp-calendar-slot-focused-outline-width);outline-color:rgba(var(--ax-comp-calendar-slot-focused-text-color))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible.ax-state-disabled{outline-style:dashed;outline-width:var(--ax-comp-calendar-slot-focused-outline-width)}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-disabled{cursor:not-allowed;opacity:var(--ax-comp-calendar-slot-disabled-opacity)}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-readonly{cursor:text;opacity:var(--ax-comp-calendar-slot-readonly-opacity)}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-1{grid-column-start:1}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-2{grid-column-start:2}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-3{grid-column-start:3}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-4{grid-column-start:4}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-5{grid-column-start:5}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-6{grid-column-start:6}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-7{grid-column-start:7}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-other{opacity:.05}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot .ax-ripple{background-color:rgba(var(--ax-comp-calendar-slot-ripple-color))!important}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-today{color:rgba(var(--ax-comp-calendar-slot-today-text-color));border-width:var(--ax-comp-calendar-slot-today-border-width);border-color:rgba(var(--ax-ax-comp-calendar-slot-today-border-color))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-today.ax-state-holiday{border-color:rgba(var(--ax-comp-calendar-slot-holiday-today-border-color))!important}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-focused{border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-selected{color:rgba(var(--ax-comp-calendar-slot-selected-text-color));background-color:rgba(var(--ax-comp-calendar-slot-selected-bg-color))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-selected.ax-state-holiday{color:rgba(var(--ax-comp-calendar-slot-holiday-selected-text-color))!important;background-color:rgba(var(--ax-comp-calendar-slot-holiday-selected-bg-color))!important}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-holiday{color:rgba(var(--ax-comp-calendar-slot-holiday-text-color))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-holiday:is(ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-holiday:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-comp-calendar-slot-holiday-hover-bg-color))!important;border-color:rgba(var(--ax-comp-calendar-slot-holiday-hover-border-color))!important}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-holiday .ax-ripple{background-color:rgba(var(--ax-comp-calendar-slot-holiday-ripple-color))!important}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-day{grid-template-columns:repeat(7,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-year,ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-month{grid-template-columns:repeat(4,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding-top:var(--ax-comp-calendar-week-padding-t, .75rem);padding-left:var(--ax-comp-calendar-week-padding-x, .5rem);padding-right:var(--ax-comp-calendar-week-padding-x, .5rem)}ax-calendar .ax-calendar-body .ax-calendar-week>div{display:flex;cursor:pointer;position:relative;text-align:center;align-items:center;justify-content:center;font-size:var(--ax-comp-calendar-font-size, .875rem);line-height:var(--ax-comp-calendar-line-height, 1.25rem)}ax-calendar .ax-calendar-footer{display:flex;align-items:center;justify-content:center;margin-top:var(--ax-comp-calendar-footer-margin-t)}ax-calendar .ax-calendar-footer .ax-today-button{width:100%;display:block;cursor:pointer;text-align:center;padding-left:var(--ax-comp-calendar-footer-today-button-padding-x);padding-right:var(--ax-comp-calendar-footer-today-button-padding-x);font-size:var(--ax-comp-calendar-font-size, .875rem);line-height:var(--ax-comp-calendar-line-height, 1.25rem);height:var(--ax-comp-calendar-footer-today-button-height);border-radius:var(--ax-comp-calendar-footer-today-button-border-radius, var(--ax-sys-border-radius));color:rgba(var(--ax-comp-calendar-footer-today-button-text-color));background-color:rgba(var(--ax-comp-calendar-footer-today-button-bg-color))}ax-calendar .ax-calendar-footer .ax-today-button.ax-state-disabled{cursor:not-allowed;opacity:var(--ax-comp-calendar-slot-disabled-opacity)}ax-calendar .ax-calendar-footer .ax-today-button.ax-state-readonly{cursor:text;opacity:var(--ax-comp-calendar-slot-readonly-opacity)}ax-calendar .ax-calendar-footer .ax-today-button:is(ax-calendar .ax-calendar-footer .ax-today-button:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-comp-calendar-footer-today-button-hover-bg-color))}ax-calendar .ax-calendar-footer .ax-today-button:is(ax-calendar .ax-calendar-footer .ax-today-button:focus,ax-calendar .ax-calendar-footer .ax-today-button:focus-visible):not(.ax-state-disabled){outline-color:rgba(var(--ax-comp-calendar-footer-today-button-focused-outline-color))}.ax-calendar-picker{display:flex;width:100%}.ax-calendar-picker ax-picker{flex:1 1 0%}.ax-overlay-pane ax-calendar{border-style:none}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: AXRippleDirective, selector: "[axRipple]", inputs: ["axRipple", "axRippleColor"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "ngmodule", type: AXFormatModule }, { kind: "pipe", type: i1.AXFormatPipe, name: "format" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
771
|
+
], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-header\"></ng-content>\n<div class=\"ax-calendar-body\">\n @for (v of views; let i = $index, first = $first, last = $last; track i) {\n @switch (activeView) {\n @case ('year') {\n @if (showNavigation) {\n <div class=\"ax-calendar-view-header\">\n <div class=\"ax-calendar-header-info\">\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-state-disabled\"\n (click)=\"_handleNavClick($event, 'year')\"\n >\n {{ v.range.startTime | format: 'date' : { calendar: calendar(), format: 'YYYY' } | async }} -\n {{ v.range.endTime | format: 'date' : { calendar: calendar(), format: 'YYYY' } | async }}\n </button>\n </div>\n @if (last) {\n <div class=\"ax-calendar-header-buttons\">\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-button-icon ax-next\"\n (click)=\"_handlePrevClick()\"\n [title]=\"'@acorex:common.actions.prev' | translate | async\"\n >\n <i class=\"ax-icon ax-icon-chevron-left\"></i>\n </button>\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-button-icon\"\n (click)=\"_handleNextClick()\"\n [title]=\"'@acorex:common.actions.next' | translate | async\"\n >\n <i class=\"ax-icon ax-icon-chevron-right\"></i>\n </button>\n </div>\n }\n </div>\n }\n <div class=\"ax-calendar-slots ax-calendar-slots-year\" [ngClass]=\"{ 'ax-default': !yearCellTemplate }\">\n @for (slot of v.slots; track slot.text) {\n <button\n tabindex=\"0\"\n class=\"ax-calendar-slot\"\n [class.ax-state-disabled]=\"disabled\"\n [ngClass]=\"slot.cssClass\"\n (click)=\"_handleSlotClick($event, slot)\"\n >\n @if (yearCellTemplate) {\n <div>\n <ng-container\n [ngTemplateOutlet]=\"yearCellTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { slot: slot } }\"\n >\n </ng-container>\n </div>\n } @else {\n <div>\n {{ slot.text }}\n </div>\n }\n </button>\n }\n </div>\n }\n @case ('month') {\n @if (showNavigation) {\n <div class=\"ax-calendar-view-header\">\n <div class=\"ax-calendar-header-info\">\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded\"\n (click)=\"_handleNavClick($event, 'year')\"\n >\n {{ v.range.startTime | format: 'date' : { calendar: calendar(), format: 'YYYY' } | async }}\n </button>\n </div>\n @if (last) {\n <div class=\"ax-calendar-header-buttons\">\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-button-icon\"\n (click)=\"_handlePrevClick()\"\n [title]=\"'@acorex:common.actions.prev' | translate | async\"\n >\n <i class=\"ax-icon ax-icon-chevron-left\"></i>\n </button>\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-button-icon\"\n (click)=\"_handleNextClick()\"\n [title]=\"'@acorex:common.actions.next' | translate | async\"\n >\n <i class=\"ax-icon ax-icon-chevron-right\"></i>\n </button>\n </div>\n }\n </div>\n }\n\n <div class=\"ax-calendar-slots ax-calendar-slots-month\" [ngClass]=\"{ 'ax-default': !monthCellTemplate }\">\n @for (slot of v.slots; track slot) {\n <button\n tabindex=\"0\"\n class=\"ax-calendar-slot\"\n [class.ax-state-disabled]=\"disabled\"\n [ngClass]=\"slot.cssClass\"\n (click)=\"_handleSlotClick($event, slot)\"\n >\n @if (monthCellTemplate) {\n <div>\n <ng-container\n [ngTemplateOutlet]=\"monthCellTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { slot: slot } }\"\n >\n </ng-container>\n </div>\n } @else {\n <div [title]=\"slot.date | format: 'date' : { calendar: calendar(), format: 'MMMM YYYY' } | async\">\n {{ `@acorex:${getMonthName(slot.date, 'short')}` | translate | async }}\n </div>\n }\n </button>\n }\n </div>\n }\n @default {\n @if (showNavigation) {\n <div class=\"ax-calendar-view-header\">\n <div class=\"ax-calendar-header-info\">\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded\"\n (click)=\"_handleNavClick($event, 'year')\"\n >\n {{ v.range.startTime | format: 'date' : { calendar: calendar(), format: 'YYYY' } | async }}\n </button>\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded\"\n (click)=\"_handleNavClick($event, 'month')\"\n >\n <!-- {{ getMonthName(v.range.startTime, 'long') | translate | async }} -->\n {{ v.range.startTime | format: 'date' : { calendar: calendar(), format: 'MMMM' } | async }}\n </button>\n </div>\n @if (last) {\n <div class=\"ax-calendar-header-buttons\">\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-button-icon\"\n (click)=\"_handlePrevClick()\"\n [title]=\"'@acorex:common.actions.prev' | translate | async\"\n >\n <i class=\"ax-icon ax-icon-chevron-left\"></i>\n </button>\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-button-icon\"\n (click)=\"_handleNextClick()\"\n [title]=\"'@acorex:common.actions.next' | translate | async\"\n >\n <i class=\"ax-icon ax-icon-chevron-right\"></i>\n </button>\n </div>\n }\n </div>\n }\n <div class=\"ax-calendar-week\">\n @for (d of _weekdays; track d) {\n <div>{{ '@acorex:dateTime.weekdays.short.' + d | translate | async }}</div>\n }\n </div>\n\n <div class=\"ax-calendar-slots ax-calendar-slots-day\" [ngClass]=\"{ 'ax-default': !dayCellTemplate }\">\n @for (slot of v.slots; track slot) {\n <button\n tabindex=\"0\"\n class=\"ax-calendar-slot\"\n [ngClass]=\"slot.cssClass\"\n [class.ax-state-disabled]=\"disabled\"\n (click)=\"_handleSlotClick($event, slot)\"\n [disabled]=\"disabled\"\n [axRipple]\n >\n @if (dayCellTemplate) {\n <div>\n <ng-container\n [ngTemplateOutlet]=\"dayCellTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { slot: slot } }\"\n >\n </ng-container>\n </div>\n } @else {\n <div [title]=\"slot.date | format: 'date' : { calendar: calendar(), format: 'long' } | async\">\n {{ slot.text }}\n </div>\n }\n </button>\n }\n </div>\n }\n }\n }\n</div>\n<ng-content select=\"ax-footer\"></ng-content>\n", styles: ["ax-calendar{--ax-comp-calendar-view-header-padding: .5rem;--ax-comp-calendar-slot-today-border-width: 1px;--ax-comp-calendar-slot-focused-border-width: 1px;--ax-comp-calendar-slot-focused-outline-width: 2px;--ax-comp-calendar-slot-disabled-opacity: .5;--ax-comp-calendar-slot-readonly-opacity: .75;--ax-comp-calendar-footer-margin-t: 1.25rem;--ax-comp-calendar-footer-today-button-padding-x: 1rem;--ax-comp-calendar-footer-today-button-height: var(--ax-sys-size-base)}ax-calendar{--ax-comp-calendar-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-calendar-view-header-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-calendar-slot-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-calendar-slot-ripple-color: var(--ax-sys-color-primary-light-surface), .3;--ax-comp-calendar-slot-today-text-color: var(--ax-sys-color-primary-surface);--ax-comp-calendar-slot-today-border-color: var(--ax-sys-color-primary-surface);--ax-comp-calendar-slot-hover-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-calendar-slot-hover-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-calendar-slot-focused-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-calendar-slot-focused-outline-color: var(--ax-sys-color-primary-surface);--ax-comp-calendar-slot-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-calendar-slot-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-calendar-slot-holiday-text-color: var(--ax-sys-color-danger-surface);--ax-comp-calendar-slot-holiday-ripple-color: var(--ax-sys-color-danger-light-surface), .3;--ax-comp-calendar-slot-holiday-today-border-color: var(--ax-sys-color-danger-surface);--ax-comp-calendar-slot-holiday-hover-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-calendar-slot-holiday-hover-border-color: var(--ax-sys-color-danger-surface);--ax-comp-calendar-slot-holiday-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-calendar-slot-holiday-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-calendar-footer-today-button-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-calendar-footer-today-button-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-calendar-footer-today-button-hover-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-calendar-footer-today-button-focused-outline-color: var(--ax-sys-color-primary-surface), 1}.ax-dark ax-calendar{--ax-comp-calendar-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-calendar-view-header-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-calendar-slot-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-calendar-slot-focused-border-color: var(--ax-sys-color-border-darkest-surface)}html[dir=rtl] ax-calendar .ax-calendar-header-buttons .ax-icon{-moz-transform:scale(-1,1);-o-transform:scale(-1,1);-webkit-transform:scale(-1,1);transform:scaleX(-1)}ax-calendar{width:100%;display:block;color:rgba(var(--ax-comp-calendar-text-color));background-color:rgba(var(--ax-comp-calendar-bg-color))}ax-calendar.ax-state-disabled .ax-calendar-slots{cursor:not-allowed;opacity:.5}ax-calendar.ax-state-readonly .ax-calendar-slots{cursor:text}ax-calendar .ax-calendar-header{display:flex;justify-content:space-between;padding-left:var(--ax-comp-calendar-header-padding-x, .25rem);padding-right:var(--ax-comp-calendar-header-padding-x, .25rem);padding-top:var(--ax-comp-calendar-header-padding-t, .25rem)}ax-calendar .ax-calendar-header .ax-calendar-header-info{font-weight:500}ax-calendar .ax-calendar-header .ax-calendar-header-buttons{display:flex}ax-calendar .ax-calendar-body{display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width: 1024px){ax-calendar .ax-calendar-body{flex-direction:column}}ax-calendar .ax-calendar-body>div{width:100%;flex:1 1 0%}@media (min-width: 768px){ax-calendar .ax-calendar-body>div{width:20rem}}ax-calendar .ax-calendar-body .ax-calendar-view-header{display:flex;justify-content:space-between;border-bottom-width:var(--ax-comp-calendar-view-header-border-width, 1px);border-color:rgba(var(--ax-comp-calendar-view-header-border-color));padding:var(--ax-comp-calendar-view-header-padding)}ax-calendar .ax-calendar-body .ax-calendar-view-header .ax-calendar-header-info{font-weight:500}ax-calendar .ax-calendar-body .ax-calendar-view-header .ax-calendar-header-buttons{display:flex}ax-calendar .ax-calendar-body .ax-calendar-slots{display:grid;gap:.25rem;padding:1rem}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;text-align:center;font-size:var(--ax-comp-calendar-font-size, .875rem);color:rgba(var(--ax-comp-calendar-slot-text-color));line-height:var(--ax-comp-calendar-line-height, 1.25rem);border-radius:var(--ax-comp-calendar-slot-border-radius, var(--ax-sys-border-radius));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:before{content:\"\";float:left;padding-top:100%}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:after{content:\"\";clear:both;display:block}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover:not(ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover.ax-state-disabled,ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover.ax-state-selected){background-color:rgba(var(--ax-comp-calendar-slot-hover-bg-color));color:rgba(var(--ax-comp-calendar-slot-hover-text-color))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible:not(ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible.ax-state-disabled){outline-width:var(--ax-comp-calendar-slot-focused-outline-width);outline-color:rgba(var(--ax-comp-calendar-slot-focused-text-color))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible.ax-state-disabled{outline-style:dashed;outline-width:var(--ax-comp-calendar-slot-focused-outline-width)}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-disabled{cursor:not-allowed;opacity:var(--ax-comp-calendar-slot-disabled-opacity)}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-readonly{cursor:text;opacity:var(--ax-comp-calendar-slot-readonly-opacity)}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-1{grid-column-start:1}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-2{grid-column-start:2}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-3{grid-column-start:3}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-4{grid-column-start:4}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-5{grid-column-start:5}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-6{grid-column-start:6}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-7{grid-column-start:7}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-other{opacity:.05}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot .ax-ripple{background-color:rgba(var(--ax-comp-calendar-slot-ripple-color))!important}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-today{color:rgba(var(--ax-comp-calendar-slot-today-text-color));border-width:var(--ax-comp-calendar-slot-today-border-width);border-color:rgba(var(--ax-ax-comp-calendar-slot-today-border-color))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-today.ax-state-holiday{border-color:rgba(var(--ax-comp-calendar-slot-holiday-today-border-color))!important}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-focused{border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-selected{color:rgba(var(--ax-comp-calendar-slot-selected-text-color));background-color:rgba(var(--ax-comp-calendar-slot-selected-bg-color))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-selected.ax-state-holiday{color:rgba(var(--ax-comp-calendar-slot-holiday-selected-text-color))!important;background-color:rgba(var(--ax-comp-calendar-slot-holiday-selected-bg-color))!important}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-holiday{color:rgba(var(--ax-comp-calendar-slot-holiday-text-color))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-holiday:is(ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-holiday:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-comp-calendar-slot-holiday-hover-bg-color))!important;border-color:rgba(var(--ax-comp-calendar-slot-holiday-hover-border-color))!important}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-holiday .ax-ripple{background-color:rgba(var(--ax-comp-calendar-slot-holiday-ripple-color))!important}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-day{grid-template-columns:repeat(7,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-year,ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-month{grid-template-columns:repeat(4,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding-top:var(--ax-comp-calendar-week-padding-t, .75rem);padding-left:var(--ax-comp-calendar-week-padding-x, .5rem);padding-right:var(--ax-comp-calendar-week-padding-x, .5rem)}ax-calendar .ax-calendar-body .ax-calendar-week>div{display:flex;cursor:pointer;position:relative;text-align:center;align-items:center;justify-content:center;font-size:var(--ax-comp-calendar-font-size, .875rem);line-height:var(--ax-comp-calendar-line-height, 1.25rem)}ax-calendar .ax-calendar-footer{display:flex;align-items:center;justify-content:center;margin-top:var(--ax-comp-calendar-footer-margin-t)}ax-calendar .ax-calendar-footer .ax-today-button{width:100%;display:block;cursor:pointer;text-align:center;padding-left:var(--ax-comp-calendar-footer-today-button-padding-x);padding-right:var(--ax-comp-calendar-footer-today-button-padding-x);font-size:var(--ax-comp-calendar-font-size, .875rem);line-height:var(--ax-comp-calendar-line-height, 1.25rem);height:var(--ax-comp-calendar-footer-today-button-height);border-radius:var(--ax-comp-calendar-footer-today-button-border-radius, var(--ax-sys-border-radius));color:rgba(var(--ax-comp-calendar-footer-today-button-text-color));background-color:rgba(var(--ax-comp-calendar-footer-today-button-bg-color))}ax-calendar .ax-calendar-footer .ax-today-button.ax-state-disabled{cursor:not-allowed;opacity:var(--ax-comp-calendar-slot-disabled-opacity)}ax-calendar .ax-calendar-footer .ax-today-button.ax-state-readonly{cursor:text;opacity:var(--ax-comp-calendar-slot-readonly-opacity)}ax-calendar .ax-calendar-footer .ax-today-button:is(ax-calendar .ax-calendar-footer .ax-today-button:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-comp-calendar-footer-today-button-hover-bg-color))}ax-calendar .ax-calendar-footer .ax-today-button:is(ax-calendar .ax-calendar-footer .ax-today-button:focus,ax-calendar .ax-calendar-footer .ax-today-button:focus-visible):not(.ax-state-disabled){outline-color:rgba(var(--ax-comp-calendar-footer-today-button-focused-outline-color))}.ax-calendar-picker{display:flex;width:100%}.ax-calendar-picker ax-picker{flex:1 1 0%}.ax-overlay-pane ax-calendar{border-style:none}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: AXRippleDirective, selector: "[axRipple]", inputs: ["axRipple", "axRippleColor"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "ngmodule", type: AXFormatModule }, { kind: "pipe", type: i1.AXFormatPipe, name: "format" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
772
772
|
}
|
773
773
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXCalendarComponent, decorators: [{
|
774
774
|
type: Component,
|
@@ -819,7 +819,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
819
819
|
},
|
820
820
|
AXUnsubscriber,
|
821
821
|
{ provide: AXComponent, useExisting: AXCalendarComponent },
|
822
|
-
], imports: [NgClass, NgTemplateOutlet, AXRippleDirective, AsyncPipe, AXTranslatorPipe, AXFormatModule], template: "<ng-content select=\"ax-header\"></ng-content>\n<div class=\"ax-calendar-body\">\n @for (v of views; let i = $index, first = $first, last = $last; track i) {\n @switch (activeView) {\n @case ('year') {\n @if (showNavigation) {\n <div class=\"ax-calendar-view-header\">\n <div class=\"ax-calendar-header-info\">\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-state-disabled\"\n (click)=\"_handleNavClick($event, 'year')\"\n >\n {{ v.range.startTime | format: 'date' : { calendar: calendar(), format: 'YYYY' } | async }} -\n {{ v.range.endTime | format: 'date' : { calendar: calendar(), format: 'YYYY' } | async }}\n </button>\n </div>\n @if (last) {\n <div class=\"ax-calendar-header-buttons\">\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-button-icon ax-next\"\n (click)=\"_handlePrevClick()\"\n [title]=\"'prev' | translate | async\"\n >\n <i class=\"ax-icon ax-icon-chevron-left\"></i>\n </button>\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-button-icon\"\n (click)=\"_handleNextClick()\"\n [title]=\"'next' | translate | async\"\n >\n <i class=\"ax-icon ax-icon-chevron-right\"></i>\n </button>\n </div>\n }\n </div>\n }\n <div class=\"ax-calendar-slots ax-calendar-slots-year\" [ngClass]=\"{ 'ax-default': !yearCellTemplate }\">\n @for (slot of v.slots; track slot.text) {\n <button\n tabindex=\"0\"\n class=\"ax-calendar-slot\"\n [class.ax-state-disabled]=\"disabled\"\n [ngClass]=\"slot.cssClass\"\n (click)=\"_handleSlotClick($event, slot)\"\n >\n @if (yearCellTemplate) {\n <div>\n <ng-container\n [ngTemplateOutlet]=\"yearCellTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { slot: slot } }\"\n >\n </ng-container>\n </div>\n } @else {\n <div>\n {{ slot.text }}\n </div>\n }\n </button>\n }\n </div>\n }\n @case ('month') {\n @if (showNavigation) {\n <div class=\"ax-calendar-view-header\">\n <div class=\"ax-calendar-header-info\">\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded\"\n (click)=\"_handleNavClick($event, 'year')\"\n >\n {{ v.range.startTime | format: 'date' : { calendar: calendar(), format: 'YYYY' } | async }}\n </button>\n </div>\n @if (last) {\n <div class=\"ax-calendar-header-buttons\">\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-button-icon\"\n (click)=\"_handlePrevClick()\"\n [title]=\"'prev' | translate | async\"\n >\n <i class=\"ax-icon ax-icon-chevron-left\"></i>\n </button>\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-button-icon\"\n (click)=\"_handleNextClick()\"\n [title]=\"'next' | translate | async\"\n >\n <i class=\"ax-icon ax-icon-chevron-right\"></i>\n </button>\n </div>\n }\n </div>\n }\n\n <div class=\"ax-calendar-slots ax-calendar-slots-month\" [ngClass]=\"{ 'ax-default': !monthCellTemplate }\">\n @for (slot of v.slots; track slot) {\n <button\n tabindex=\"0\"\n class=\"ax-calendar-slot\"\n [class.ax-state-disabled]=\"disabled\"\n [ngClass]=\"slot.cssClass\"\n (click)=\"_handleSlotClick($event, slot)\"\n >\n @if (monthCellTemplate) {\n <div>\n <ng-container\n [ngTemplateOutlet]=\"monthCellTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { slot: slot } }\"\n >\n </ng-container>\n </div>\n } @else {\n <div [title]=\"slot.date | format: 'date' : { calendar: calendar(), format: 'MMMM YYYY' } | async\">\n {{ getMonthName(slot.date, 'short') | translate | async }}\n </div>\n }\n </button>\n }\n </div>\n }\n @default {\n @if (showNavigation) {\n <div class=\"ax-calendar-view-header\">\n <div class=\"ax-calendar-header-info\">\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded\"\n (click)=\"_handleNavClick($event, 'year')\"\n >\n {{ v.range.startTime | format: 'date' : { calendar: calendar(), format: 'YYYY' } | async }}\n </button>\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded\"\n (click)=\"_handleNavClick($event, 'month')\"\n >\n <!-- {{ getMonthName(v.range.startTime, 'long') | translate | async }} -->\n {{ v.range.startTime | format: 'date' : { calendar: calendar(), format: 'MMMM' } | async }}\n </button>\n </div>\n @if (last) {\n <div class=\"ax-calendar-header-buttons\">\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-button-icon\"\n (click)=\"_handlePrevClick()\"\n [title]=\"'prev' | translate | async\"\n >\n <i class=\"ax-icon ax-icon-chevron-left\"></i>\n </button>\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-button-icon\"\n (click)=\"_handleNextClick()\"\n [title]=\"'next' | translate | async\"\n >\n <i class=\"ax-icon ax-icon-chevron-right\"></i>\n </button>\n </div>\n }\n </div>\n }\n <div class=\"ax-calendar-week\">\n @for (d of _weekdays; track d) {\n <div>{{ 'dateTime.weekdays.short.' + d | translate | async }}</div>\n }\n </div>\n\n <div class=\"ax-calendar-slots ax-calendar-slots-day\" [ngClass]=\"{ 'ax-default': !dayCellTemplate }\">\n @for (slot of v.slots; track slot) {\n <button\n tabindex=\"0\"\n class=\"ax-calendar-slot\"\n [ngClass]=\"slot.cssClass\"\n [class.ax-state-disabled]=\"disabled\"\n (click)=\"_handleSlotClick($event, slot)\"\n [disabled]=\"disabled\"\n [axRipple]\n >\n @if (dayCellTemplate) {\n <div>\n <ng-container\n [ngTemplateOutlet]=\"dayCellTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { slot: slot } }\"\n >\n </ng-container>\n </div>\n } @else {\n <div [title]=\"slot.date | format: 'date' : { calendar: calendar(), format: 'long' } | async\">\n {{ slot.text }}\n </div>\n }\n </button>\n }\n </div>\n }\n }\n }\n</div>\n<ng-content select=\"ax-footer\"></ng-content>\n", styles: ["ax-calendar{--ax-comp-calendar-view-header-padding: .5rem;--ax-comp-calendar-slot-today-border-width: 1px;--ax-comp-calendar-slot-focused-border-width: 1px;--ax-comp-calendar-slot-focused-outline-width: 2px;--ax-comp-calendar-slot-disabled-opacity: .5;--ax-comp-calendar-slot-readonly-opacity: .75;--ax-comp-calendar-footer-margin-t: 1.25rem;--ax-comp-calendar-footer-today-button-padding-x: 1rem;--ax-comp-calendar-footer-today-button-height: var(--ax-sys-size-base)}ax-calendar{--ax-comp-calendar-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-calendar-view-header-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-calendar-slot-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-calendar-slot-ripple-color: var(--ax-sys-color-primary-light-surface), .3;--ax-comp-calendar-slot-today-text-color: var(--ax-sys-color-primary-surface);--ax-comp-calendar-slot-today-border-color: var(--ax-sys-color-primary-surface);--ax-comp-calendar-slot-hover-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-calendar-slot-hover-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-calendar-slot-focused-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-calendar-slot-focused-outline-color: var(--ax-sys-color-primary-surface);--ax-comp-calendar-slot-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-calendar-slot-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-calendar-slot-holiday-text-color: var(--ax-sys-color-danger-surface);--ax-comp-calendar-slot-holiday-ripple-color: var(--ax-sys-color-danger-light-surface), .3;--ax-comp-calendar-slot-holiday-today-border-color: var(--ax-sys-color-danger-surface);--ax-comp-calendar-slot-holiday-hover-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-calendar-slot-holiday-hover-border-color: var(--ax-sys-color-danger-surface);--ax-comp-calendar-slot-holiday-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-calendar-slot-holiday-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-calendar-footer-today-button-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-calendar-footer-today-button-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-calendar-footer-today-button-hover-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-calendar-footer-today-button-focused-outline-color: var(--ax-sys-color-primary-surface), 1}.ax-dark ax-calendar{--ax-comp-calendar-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-calendar-view-header-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-calendar-slot-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-calendar-slot-focused-border-color: var(--ax-sys-color-border-darkest-surface)}html[dir=rtl] ax-calendar .ax-calendar-header-buttons .ax-icon{-moz-transform:scale(-1,1);-o-transform:scale(-1,1);-webkit-transform:scale(-1,1);transform:scaleX(-1)}ax-calendar{width:100%;display:block;color:rgba(var(--ax-comp-calendar-text-color));background-color:rgba(var(--ax-comp-calendar-bg-color))}ax-calendar.ax-state-disabled .ax-calendar-slots{cursor:not-allowed;opacity:.5}ax-calendar.ax-state-readonly .ax-calendar-slots{cursor:text}ax-calendar .ax-calendar-header{display:flex;justify-content:space-between;padding-left:var(--ax-comp-calendar-header-padding-x, .25rem);padding-right:var(--ax-comp-calendar-header-padding-x, .25rem);padding-top:var(--ax-comp-calendar-header-padding-t, .25rem)}ax-calendar .ax-calendar-header .ax-calendar-header-info{font-weight:500}ax-calendar .ax-calendar-header .ax-calendar-header-buttons{display:flex}ax-calendar .ax-calendar-body{display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width: 1024px){ax-calendar .ax-calendar-body{flex-direction:column}}ax-calendar .ax-calendar-body>div{width:100%;flex:1 1 0%}@media (min-width: 768px){ax-calendar .ax-calendar-body>div{width:20rem}}ax-calendar .ax-calendar-body .ax-calendar-view-header{display:flex;justify-content:space-between;border-bottom-width:var(--ax-comp-calendar-view-header-border-width, 1px);border-color:rgba(var(--ax-comp-calendar-view-header-border-color));padding:var(--ax-comp-calendar-view-header-padding)}ax-calendar .ax-calendar-body .ax-calendar-view-header .ax-calendar-header-info{font-weight:500}ax-calendar .ax-calendar-body .ax-calendar-view-header .ax-calendar-header-buttons{display:flex}ax-calendar .ax-calendar-body .ax-calendar-slots{display:grid;gap:.25rem;padding:1rem}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;text-align:center;font-size:var(--ax-comp-calendar-font-size, .875rem);color:rgba(var(--ax-comp-calendar-slot-text-color));line-height:var(--ax-comp-calendar-line-height, 1.25rem);border-radius:var(--ax-comp-calendar-slot-border-radius, var(--ax-sys-border-radius));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:before{content:\"\";float:left;padding-top:100%}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:after{content:\"\";clear:both;display:block}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover:not(ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover.ax-state-disabled,ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover.ax-state-selected){background-color:rgba(var(--ax-comp-calendar-slot-hover-bg-color));color:rgba(var(--ax-comp-calendar-slot-hover-text-color))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible:not(ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible.ax-state-disabled){outline-width:var(--ax-comp-calendar-slot-focused-outline-width);outline-color:rgba(var(--ax-comp-calendar-slot-focused-text-color))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible.ax-state-disabled{outline-style:dashed;outline-width:var(--ax-comp-calendar-slot-focused-outline-width)}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-disabled{cursor:not-allowed;opacity:var(--ax-comp-calendar-slot-disabled-opacity)}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-readonly{cursor:text;opacity:var(--ax-comp-calendar-slot-readonly-opacity)}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-1{grid-column-start:1}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-2{grid-column-start:2}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-3{grid-column-start:3}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-4{grid-column-start:4}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-5{grid-column-start:5}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-6{grid-column-start:6}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-7{grid-column-start:7}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-other{opacity:.05}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot .ax-ripple{background-color:rgba(var(--ax-comp-calendar-slot-ripple-color))!important}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-today{color:rgba(var(--ax-comp-calendar-slot-today-text-color));border-width:var(--ax-comp-calendar-slot-today-border-width);border-color:rgba(var(--ax-ax-comp-calendar-slot-today-border-color))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-today.ax-state-holiday{border-color:rgba(var(--ax-comp-calendar-slot-holiday-today-border-color))!important}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-focused{border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-selected{color:rgba(var(--ax-comp-calendar-slot-selected-text-color));background-color:rgba(var(--ax-comp-calendar-slot-selected-bg-color))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-selected.ax-state-holiday{color:rgba(var(--ax-comp-calendar-slot-holiday-selected-text-color))!important;background-color:rgba(var(--ax-comp-calendar-slot-holiday-selected-bg-color))!important}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-holiday{color:rgba(var(--ax-comp-calendar-slot-holiday-text-color))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-holiday:is(ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-holiday:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-comp-calendar-slot-holiday-hover-bg-color))!important;border-color:rgba(var(--ax-comp-calendar-slot-holiday-hover-border-color))!important}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-holiday .ax-ripple{background-color:rgba(var(--ax-comp-calendar-slot-holiday-ripple-color))!important}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-day{grid-template-columns:repeat(7,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-year,ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-month{grid-template-columns:repeat(4,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding-top:var(--ax-comp-calendar-week-padding-t, .75rem);padding-left:var(--ax-comp-calendar-week-padding-x, .5rem);padding-right:var(--ax-comp-calendar-week-padding-x, .5rem)}ax-calendar .ax-calendar-body .ax-calendar-week>div{display:flex;cursor:pointer;position:relative;text-align:center;align-items:center;justify-content:center;font-size:var(--ax-comp-calendar-font-size, .875rem);line-height:var(--ax-comp-calendar-line-height, 1.25rem)}ax-calendar .ax-calendar-footer{display:flex;align-items:center;justify-content:center;margin-top:var(--ax-comp-calendar-footer-margin-t)}ax-calendar .ax-calendar-footer .ax-today-button{width:100%;display:block;cursor:pointer;text-align:center;padding-left:var(--ax-comp-calendar-footer-today-button-padding-x);padding-right:var(--ax-comp-calendar-footer-today-button-padding-x);font-size:var(--ax-comp-calendar-font-size, .875rem);line-height:var(--ax-comp-calendar-line-height, 1.25rem);height:var(--ax-comp-calendar-footer-today-button-height);border-radius:var(--ax-comp-calendar-footer-today-button-border-radius, var(--ax-sys-border-radius));color:rgba(var(--ax-comp-calendar-footer-today-button-text-color));background-color:rgba(var(--ax-comp-calendar-footer-today-button-bg-color))}ax-calendar .ax-calendar-footer .ax-today-button.ax-state-disabled{cursor:not-allowed;opacity:var(--ax-comp-calendar-slot-disabled-opacity)}ax-calendar .ax-calendar-footer .ax-today-button.ax-state-readonly{cursor:text;opacity:var(--ax-comp-calendar-slot-readonly-opacity)}ax-calendar .ax-calendar-footer .ax-today-button:is(ax-calendar .ax-calendar-footer .ax-today-button:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-comp-calendar-footer-today-button-hover-bg-color))}ax-calendar .ax-calendar-footer .ax-today-button:is(ax-calendar .ax-calendar-footer .ax-today-button:focus,ax-calendar .ax-calendar-footer .ax-today-button:focus-visible):not(.ax-state-disabled){outline-color:rgba(var(--ax-comp-calendar-footer-today-button-focused-outline-color))}.ax-calendar-picker{display:flex;width:100%}.ax-calendar-picker ax-picker{flex:1 1 0%}.ax-overlay-pane ax-calendar{border-style:none}\n"] }]
|
822
|
+
], imports: [NgClass, NgTemplateOutlet, AXRippleDirective, AsyncPipe, AXTranslatorPipe, AXFormatModule], template: "<ng-content select=\"ax-header\"></ng-content>\n<div class=\"ax-calendar-body\">\n @for (v of views; let i = $index, first = $first, last = $last; track i) {\n @switch (activeView) {\n @case ('year') {\n @if (showNavigation) {\n <div class=\"ax-calendar-view-header\">\n <div class=\"ax-calendar-header-info\">\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-state-disabled\"\n (click)=\"_handleNavClick($event, 'year')\"\n >\n {{ v.range.startTime | format: 'date' : { calendar: calendar(), format: 'YYYY' } | async }} -\n {{ v.range.endTime | format: 'date' : { calendar: calendar(), format: 'YYYY' } | async }}\n </button>\n </div>\n @if (last) {\n <div class=\"ax-calendar-header-buttons\">\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-button-icon ax-next\"\n (click)=\"_handlePrevClick()\"\n [title]=\"'@acorex:common.actions.prev' | translate | async\"\n >\n <i class=\"ax-icon ax-icon-chevron-left\"></i>\n </button>\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-button-icon\"\n (click)=\"_handleNextClick()\"\n [title]=\"'@acorex:common.actions.next' | translate | async\"\n >\n <i class=\"ax-icon ax-icon-chevron-right\"></i>\n </button>\n </div>\n }\n </div>\n }\n <div class=\"ax-calendar-slots ax-calendar-slots-year\" [ngClass]=\"{ 'ax-default': !yearCellTemplate }\">\n @for (slot of v.slots; track slot.text) {\n <button\n tabindex=\"0\"\n class=\"ax-calendar-slot\"\n [class.ax-state-disabled]=\"disabled\"\n [ngClass]=\"slot.cssClass\"\n (click)=\"_handleSlotClick($event, slot)\"\n >\n @if (yearCellTemplate) {\n <div>\n <ng-container\n [ngTemplateOutlet]=\"yearCellTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { slot: slot } }\"\n >\n </ng-container>\n </div>\n } @else {\n <div>\n {{ slot.text }}\n </div>\n }\n </button>\n }\n </div>\n }\n @case ('month') {\n @if (showNavigation) {\n <div class=\"ax-calendar-view-header\">\n <div class=\"ax-calendar-header-info\">\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded\"\n (click)=\"_handleNavClick($event, 'year')\"\n >\n {{ v.range.startTime | format: 'date' : { calendar: calendar(), format: 'YYYY' } | async }}\n </button>\n </div>\n @if (last) {\n <div class=\"ax-calendar-header-buttons\">\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-button-icon\"\n (click)=\"_handlePrevClick()\"\n [title]=\"'@acorex:common.actions.prev' | translate | async\"\n >\n <i class=\"ax-icon ax-icon-chevron-left\"></i>\n </button>\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-button-icon\"\n (click)=\"_handleNextClick()\"\n [title]=\"'@acorex:common.actions.next' | translate | async\"\n >\n <i class=\"ax-icon ax-icon-chevron-right\"></i>\n </button>\n </div>\n }\n </div>\n }\n\n <div class=\"ax-calendar-slots ax-calendar-slots-month\" [ngClass]=\"{ 'ax-default': !monthCellTemplate }\">\n @for (slot of v.slots; track slot) {\n <button\n tabindex=\"0\"\n class=\"ax-calendar-slot\"\n [class.ax-state-disabled]=\"disabled\"\n [ngClass]=\"slot.cssClass\"\n (click)=\"_handleSlotClick($event, slot)\"\n >\n @if (monthCellTemplate) {\n <div>\n <ng-container\n [ngTemplateOutlet]=\"monthCellTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { slot: slot } }\"\n >\n </ng-container>\n </div>\n } @else {\n <div [title]=\"slot.date | format: 'date' : { calendar: calendar(), format: 'MMMM YYYY' } | async\">\n {{ `@acorex:${getMonthName(slot.date, 'short')}` | translate | async }}\n </div>\n }\n </button>\n }\n </div>\n }\n @default {\n @if (showNavigation) {\n <div class=\"ax-calendar-view-header\">\n <div class=\"ax-calendar-header-info\">\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded\"\n (click)=\"_handleNavClick($event, 'year')\"\n >\n {{ v.range.startTime | format: 'date' : { calendar: calendar(), format: 'YYYY' } | async }}\n </button>\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded\"\n (click)=\"_handleNavClick($event, 'month')\"\n >\n <!-- {{ getMonthName(v.range.startTime, 'long') | translate | async }} -->\n {{ v.range.startTime | format: 'date' : { calendar: calendar(), format: 'MMMM' } | async }}\n </button>\n </div>\n @if (last) {\n <div class=\"ax-calendar-header-buttons\">\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-button-icon\"\n (click)=\"_handlePrevClick()\"\n [title]=\"'@acorex:common.actions.prev' | translate | async\"\n >\n <i class=\"ax-icon ax-icon-chevron-left\"></i>\n </button>\n <button\n type=\"button\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.readonly]=\"readonly ? '' : null\"\n class=\"ax-general-button ax-button-rounded ax-button-icon\"\n (click)=\"_handleNextClick()\"\n [title]=\"'@acorex:common.actions.next' | translate | async\"\n >\n <i class=\"ax-icon ax-icon-chevron-right\"></i>\n </button>\n </div>\n }\n </div>\n }\n <div class=\"ax-calendar-week\">\n @for (d of _weekdays; track d) {\n <div>{{ '@acorex:dateTime.weekdays.short.' + d | translate | async }}</div>\n }\n </div>\n\n <div class=\"ax-calendar-slots ax-calendar-slots-day\" [ngClass]=\"{ 'ax-default': !dayCellTemplate }\">\n @for (slot of v.slots; track slot) {\n <button\n tabindex=\"0\"\n class=\"ax-calendar-slot\"\n [ngClass]=\"slot.cssClass\"\n [class.ax-state-disabled]=\"disabled\"\n (click)=\"_handleSlotClick($event, slot)\"\n [disabled]=\"disabled\"\n [axRipple]\n >\n @if (dayCellTemplate) {\n <div>\n <ng-container\n [ngTemplateOutlet]=\"dayCellTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { slot: slot } }\"\n >\n </ng-container>\n </div>\n } @else {\n <div [title]=\"slot.date | format: 'date' : { calendar: calendar(), format: 'long' } | async\">\n {{ slot.text }}\n </div>\n }\n </button>\n }\n </div>\n }\n }\n }\n</div>\n<ng-content select=\"ax-footer\"></ng-content>\n", styles: ["ax-calendar{--ax-comp-calendar-view-header-padding: .5rem;--ax-comp-calendar-slot-today-border-width: 1px;--ax-comp-calendar-slot-focused-border-width: 1px;--ax-comp-calendar-slot-focused-outline-width: 2px;--ax-comp-calendar-slot-disabled-opacity: .5;--ax-comp-calendar-slot-readonly-opacity: .75;--ax-comp-calendar-footer-margin-t: 1.25rem;--ax-comp-calendar-footer-today-button-padding-x: 1rem;--ax-comp-calendar-footer-today-button-height: var(--ax-sys-size-base)}ax-calendar{--ax-comp-calendar-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-calendar-view-header-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-calendar-slot-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-calendar-slot-ripple-color: var(--ax-sys-color-primary-light-surface), .3;--ax-comp-calendar-slot-today-text-color: var(--ax-sys-color-primary-surface);--ax-comp-calendar-slot-today-border-color: var(--ax-sys-color-primary-surface);--ax-comp-calendar-slot-hover-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-calendar-slot-hover-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-calendar-slot-focused-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-calendar-slot-focused-outline-color: var(--ax-sys-color-primary-surface);--ax-comp-calendar-slot-selected-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-calendar-slot-selected-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-calendar-slot-holiday-text-color: var(--ax-sys-color-danger-surface);--ax-comp-calendar-slot-holiday-ripple-color: var(--ax-sys-color-danger-light-surface), .3;--ax-comp-calendar-slot-holiday-today-border-color: var(--ax-sys-color-danger-surface);--ax-comp-calendar-slot-holiday-hover-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-calendar-slot-holiday-hover-border-color: var(--ax-sys-color-danger-surface);--ax-comp-calendar-slot-holiday-selected-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-calendar-slot-holiday-selected-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-calendar-footer-today-button-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-calendar-footer-today-button-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-calendar-footer-today-button-hover-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-calendar-footer-today-button-focused-outline-color: var(--ax-sys-color-primary-surface), 1}.ax-dark ax-calendar{--ax-comp-calendar-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-calendar-view-header-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-calendar-slot-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-calendar-slot-focused-border-color: var(--ax-sys-color-border-darkest-surface)}html[dir=rtl] ax-calendar .ax-calendar-header-buttons .ax-icon{-moz-transform:scale(-1,1);-o-transform:scale(-1,1);-webkit-transform:scale(-1,1);transform:scaleX(-1)}ax-calendar{width:100%;display:block;color:rgba(var(--ax-comp-calendar-text-color));background-color:rgba(var(--ax-comp-calendar-bg-color))}ax-calendar.ax-state-disabled .ax-calendar-slots{cursor:not-allowed;opacity:.5}ax-calendar.ax-state-readonly .ax-calendar-slots{cursor:text}ax-calendar .ax-calendar-header{display:flex;justify-content:space-between;padding-left:var(--ax-comp-calendar-header-padding-x, .25rem);padding-right:var(--ax-comp-calendar-header-padding-x, .25rem);padding-top:var(--ax-comp-calendar-header-padding-t, .25rem)}ax-calendar .ax-calendar-header .ax-calendar-header-info{font-weight:500}ax-calendar .ax-calendar-header .ax-calendar-header-buttons{display:flex}ax-calendar .ax-calendar-body{display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width: 1024px){ax-calendar .ax-calendar-body{flex-direction:column}}ax-calendar .ax-calendar-body>div{width:100%;flex:1 1 0%}@media (min-width: 768px){ax-calendar .ax-calendar-body>div{width:20rem}}ax-calendar .ax-calendar-body .ax-calendar-view-header{display:flex;justify-content:space-between;border-bottom-width:var(--ax-comp-calendar-view-header-border-width, 1px);border-color:rgba(var(--ax-comp-calendar-view-header-border-color));padding:var(--ax-comp-calendar-view-header-padding)}ax-calendar .ax-calendar-body .ax-calendar-view-header .ax-calendar-header-info{font-weight:500}ax-calendar .ax-calendar-body .ax-calendar-view-header .ax-calendar-header-buttons{display:flex}ax-calendar .ax-calendar-body .ax-calendar-slots{display:grid;gap:.25rem;padding:1rem}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;text-align:center;font-size:var(--ax-comp-calendar-font-size, .875rem);color:rgba(var(--ax-comp-calendar-slot-text-color));line-height:var(--ax-comp-calendar-line-height, 1.25rem);border-radius:var(--ax-comp-calendar-slot-border-radius, var(--ax-sys-border-radius));transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:before{content:\"\";float:left;padding-top:100%}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:after{content:\"\";clear:both;display:block}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover:not(ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover.ax-state-disabled,ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover.ax-state-selected){background-color:rgba(var(--ax-comp-calendar-slot-hover-bg-color));color:rgba(var(--ax-comp-calendar-slot-hover-text-color))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible:not(ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible.ax-state-disabled){outline-width:var(--ax-comp-calendar-slot-focused-outline-width);outline-color:rgba(var(--ax-comp-calendar-slot-focused-text-color))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible.ax-state-disabled{outline-style:dashed;outline-width:var(--ax-comp-calendar-slot-focused-outline-width)}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-disabled{cursor:not-allowed;opacity:var(--ax-comp-calendar-slot-disabled-opacity)}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-readonly{cursor:text;opacity:var(--ax-comp-calendar-slot-readonly-opacity)}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-1{grid-column-start:1}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-2{grid-column-start:2}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-3{grid-column-start:3}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-4{grid-column-start:4}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-5{grid-column-start:5}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-6{grid-column-start:6}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-7{grid-column-start:7}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-other{opacity:.05}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot .ax-ripple{background-color:rgba(var(--ax-comp-calendar-slot-ripple-color))!important}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-today{color:rgba(var(--ax-comp-calendar-slot-today-text-color));border-width:var(--ax-comp-calendar-slot-today-border-width);border-color:rgba(var(--ax-ax-comp-calendar-slot-today-border-color))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-today.ax-state-holiday{border-color:rgba(var(--ax-comp-calendar-slot-holiday-today-border-color))!important}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-focused{border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-selected{color:rgba(var(--ax-comp-calendar-slot-selected-text-color));background-color:rgba(var(--ax-comp-calendar-slot-selected-bg-color))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-selected.ax-state-holiday{color:rgba(var(--ax-comp-calendar-slot-holiday-selected-text-color))!important;background-color:rgba(var(--ax-comp-calendar-slot-holiday-selected-bg-color))!important}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-holiday{color:rgba(var(--ax-comp-calendar-slot-holiday-text-color))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-holiday:is(ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-holiday:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-comp-calendar-slot-holiday-hover-bg-color))!important;border-color:rgba(var(--ax-comp-calendar-slot-holiday-hover-border-color))!important}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-holiday .ax-ripple{background-color:rgba(var(--ax-comp-calendar-slot-holiday-ripple-color))!important}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-day{grid-template-columns:repeat(7,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-year,ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-month{grid-template-columns:repeat(4,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding-top:var(--ax-comp-calendar-week-padding-t, .75rem);padding-left:var(--ax-comp-calendar-week-padding-x, .5rem);padding-right:var(--ax-comp-calendar-week-padding-x, .5rem)}ax-calendar .ax-calendar-body .ax-calendar-week>div{display:flex;cursor:pointer;position:relative;text-align:center;align-items:center;justify-content:center;font-size:var(--ax-comp-calendar-font-size, .875rem);line-height:var(--ax-comp-calendar-line-height, 1.25rem)}ax-calendar .ax-calendar-footer{display:flex;align-items:center;justify-content:center;margin-top:var(--ax-comp-calendar-footer-margin-t)}ax-calendar .ax-calendar-footer .ax-today-button{width:100%;display:block;cursor:pointer;text-align:center;padding-left:var(--ax-comp-calendar-footer-today-button-padding-x);padding-right:var(--ax-comp-calendar-footer-today-button-padding-x);font-size:var(--ax-comp-calendar-font-size, .875rem);line-height:var(--ax-comp-calendar-line-height, 1.25rem);height:var(--ax-comp-calendar-footer-today-button-height);border-radius:var(--ax-comp-calendar-footer-today-button-border-radius, var(--ax-sys-border-radius));color:rgba(var(--ax-comp-calendar-footer-today-button-text-color));background-color:rgba(var(--ax-comp-calendar-footer-today-button-bg-color))}ax-calendar .ax-calendar-footer .ax-today-button.ax-state-disabled{cursor:not-allowed;opacity:var(--ax-comp-calendar-slot-disabled-opacity)}ax-calendar .ax-calendar-footer .ax-today-button.ax-state-readonly{cursor:text;opacity:var(--ax-comp-calendar-slot-readonly-opacity)}ax-calendar .ax-calendar-footer .ax-today-button:is(ax-calendar .ax-calendar-footer .ax-today-button:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-comp-calendar-footer-today-button-hover-bg-color))}ax-calendar .ax-calendar-footer .ax-today-button:is(ax-calendar .ax-calendar-footer .ax-today-button:focus,ax-calendar .ax-calendar-footer .ax-today-button:focus-visible):not(.ax-state-disabled){outline-color:rgba(var(--ax-comp-calendar-footer-today-button-focused-outline-color))}.ax-calendar-picker{display:flex;width:100%}.ax-calendar-picker ax-picker{flex:1 1 0%}.ax-overlay-pane ax-calendar{border-style:none}\n"] }]
|
823
823
|
}], ctorParameters: () => [], propDecorators: { __hostClass: [{
|
824
824
|
type: HostBinding,
|
825
825
|
args: ['class']
|