@acorex/components 21.0.0-next.16 → 21.0.0-next.18
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/chips/index.d.ts +8 -3
- package/command/index.d.ts +1 -0
- package/drawer/index.d.ts +2 -1
- package/fesm2022/acorex-components-accordion.mjs +4 -4
- package/fesm2022/acorex-components-accordion.mjs.map +1 -1
- package/fesm2022/acorex-components-action-sheet.mjs +2 -2
- package/fesm2022/acorex-components-action-sheet.mjs.map +1 -1
- package/fesm2022/acorex-components-alert.mjs +6 -6
- package/fesm2022/acorex-components-alert.mjs.map +1 -1
- package/fesm2022/acorex-components-aspect-ratio.mjs.map +1 -1
- package/fesm2022/acorex-components-audio-wave.mjs.map +1 -1
- package/fesm2022/acorex-components-autocomplete.mjs.map +1 -1
- package/fesm2022/acorex-components-avatar.mjs +3 -3
- package/fesm2022/acorex-components-avatar.mjs.map +1 -1
- package/fesm2022/acorex-components-badge.mjs +3 -3
- package/fesm2022/acorex-components-badge.mjs.map +1 -1
- package/fesm2022/acorex-components-bottom-navigation.mjs.map +1 -1
- package/fesm2022/acorex-components-breadcrumbs.mjs.map +1 -1
- package/fesm2022/acorex-components-button-group.mjs +5 -5
- package/fesm2022/acorex-components-button-group.mjs.map +1 -1
- package/fesm2022/acorex-components-button.mjs +6 -15
- package/fesm2022/acorex-components-button.mjs.map +1 -1
- package/fesm2022/acorex-components-calendar.mjs +4 -4
- package/fesm2022/acorex-components-calendar.mjs.map +1 -1
- package/fesm2022/acorex-components-check-box.mjs +1 -1
- package/fesm2022/acorex-components-check-box.mjs.map +1 -1
- package/fesm2022/acorex-components-chips.mjs +8 -6
- package/fesm2022/acorex-components-chips.mjs.map +1 -1
- package/fesm2022/acorex-components-circular-progress.mjs +3 -3
- package/fesm2022/acorex-components-circular-progress.mjs.map +1 -1
- package/fesm2022/acorex-components-code-editor.mjs.map +1 -1
- package/fesm2022/acorex-components-collapse.mjs +4 -4
- package/fesm2022/acorex-components-collapse.mjs.map +1 -1
- package/fesm2022/acorex-components-color-box.mjs.map +1 -1
- package/fesm2022/acorex-components-color-palette.mjs.map +1 -1
- package/fesm2022/acorex-components-command.mjs +10 -3
- package/fesm2022/acorex-components-command.mjs.map +1 -1
- package/fesm2022/acorex-components-comment.mjs.map +1 -1
- package/fesm2022/acorex-components-conversation.mjs.map +1 -1
- package/fesm2022/acorex-components-cron-job.mjs.map +1 -1
- package/fesm2022/acorex-components-data-list.mjs.map +1 -1
- package/fesm2022/acorex-components-data-pager.mjs.map +1 -1
- package/fesm2022/acorex-components-data-table.mjs +6 -6
- package/fesm2022/acorex-components-data-table.mjs.map +1 -1
- package/fesm2022/acorex-components-datetime-box.mjs.map +1 -1
- package/fesm2022/acorex-components-datetime-input.mjs.map +1 -1
- package/fesm2022/acorex-components-datetime-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-decorators.mjs +2 -2
- package/fesm2022/acorex-components-decorators.mjs.map +1 -1
- package/fesm2022/acorex-components-dialog.mjs +1 -1
- package/fesm2022/acorex-components-dialog.mjs.map +1 -1
- package/fesm2022/acorex-components-drawer-legacy.mjs.map +1 -1
- package/fesm2022/acorex-components-drawer.mjs +7 -4
- package/fesm2022/acorex-components-drawer.mjs.map +1 -1
- package/fesm2022/acorex-components-dropdown-button.mjs +2 -2
- package/fesm2022/acorex-components-dropdown-button.mjs.map +1 -1
- package/fesm2022/acorex-components-dropdown.mjs +1 -1
- package/fesm2022/acorex-components-dropdown.mjs.map +1 -1
- package/fesm2022/acorex-components-editor.mjs +2 -2
- package/fesm2022/acorex-components-editor.mjs.map +1 -1
- package/fesm2022/acorex-components-file-explorer.mjs +1 -1
- package/fesm2022/acorex-components-file-explorer.mjs.map +1 -1
- package/fesm2022/acorex-components-flow-chart.mjs.map +1 -1
- package/fesm2022/acorex-components-form.mjs.map +1 -1
- package/fesm2022/acorex-components-grid-layout-builder.mjs +3 -2
- package/fesm2022/acorex-components-grid-layout-builder.mjs.map +1 -1
- package/fesm2022/acorex-components-image-editor.mjs.map +1 -1
- package/fesm2022/acorex-components-image.mjs.map +1 -1
- package/fesm2022/acorex-components-json-viewer.mjs +2 -2
- package/fesm2022/acorex-components-json-viewer.mjs.map +1 -1
- package/fesm2022/acorex-components-kanban.mjs +2 -2
- package/fesm2022/acorex-components-kanban.mjs.map +1 -1
- package/fesm2022/acorex-components-kbd.mjs +2 -2
- package/fesm2022/acorex-components-kbd.mjs.map +1 -1
- package/fesm2022/acorex-components-label.mjs.map +1 -1
- package/fesm2022/acorex-components-list.mjs.map +1 -1
- package/fesm2022/acorex-components-loading-dialog.mjs +1 -1
- package/fesm2022/acorex-components-loading-dialog.mjs.map +1 -1
- package/fesm2022/acorex-components-loading.mjs +2 -2
- package/fesm2022/acorex-components-loading.mjs.map +1 -1
- package/fesm2022/acorex-components-map.mjs.map +1 -1
- package/fesm2022/acorex-components-media-viewer.mjs +2 -2
- package/fesm2022/acorex-components-media-viewer.mjs.map +1 -1
- package/fesm2022/acorex-components-menu.mjs.map +1 -1
- package/fesm2022/acorex-components-modal-acorex-components-modal-iYSPzoLn.mjs.map +1 -1
- package/fesm2022/acorex-components-modal-modal-content.component-sZWKhYM-.mjs.map +1 -1
- package/fesm2022/acorex-components-navbar.mjs +3 -3
- package/fesm2022/acorex-components-navbar.mjs.map +1 -1
- package/fesm2022/acorex-components-notification.mjs +4 -4
- package/fesm2022/acorex-components-notification.mjs.map +1 -1
- package/fesm2022/acorex-components-number-box-legacy.mjs.map +1 -1
- package/fesm2022/acorex-components-number-box.mjs +2 -2
- package/fesm2022/acorex-components-number-box.mjs.map +1 -1
- package/fesm2022/acorex-components-otp.mjs +2 -2
- package/fesm2022/acorex-components-otp.mjs.map +1 -1
- package/fesm2022/acorex-components-page.mjs.map +1 -1
- package/fesm2022/acorex-components-paint.mjs.map +1 -1
- package/fesm2022/acorex-components-password-box.mjs.map +1 -1
- package/fesm2022/acorex-components-pdf-reader.mjs.map +1 -1
- package/fesm2022/acorex-components-phone-box.mjs.map +1 -1
- package/fesm2022/acorex-components-picker.mjs +2 -2
- package/fesm2022/acorex-components-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-popover.mjs +4 -4
- package/fesm2022/acorex-components-popover.mjs.map +1 -1
- package/fesm2022/acorex-components-popup.mjs +3 -3
- package/fesm2022/acorex-components-popup.mjs.map +1 -1
- package/fesm2022/acorex-components-progress-bar.mjs +3 -3
- package/fesm2022/acorex-components-progress-bar.mjs.map +1 -1
- package/fesm2022/acorex-components-qrcode.mjs.map +1 -1
- package/fesm2022/acorex-components-query-builder.mjs.map +1 -1
- package/fesm2022/acorex-components-radio.mjs.map +1 -1
- package/fesm2022/acorex-components-rail-navigation.mjs +2 -2
- package/fesm2022/acorex-components-rail-navigation.mjs.map +1 -1
- package/fesm2022/acorex-components-range-slider.mjs.map +1 -1
- package/fesm2022/acorex-components-rate-picker.mjs +2 -2
- package/fesm2022/acorex-components-rate-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-rest-api-generator.mjs.map +1 -1
- package/fesm2022/acorex-components-result.mjs.map +1 -1
- package/fesm2022/acorex-components-routing-progress.mjs.map +1 -1
- package/fesm2022/acorex-components-rrule.mjs.map +1 -1
- package/fesm2022/acorex-components-scheduler.mjs.map +1 -1
- package/fesm2022/acorex-components-scss.mjs.map +1 -1
- package/fesm2022/acorex-components-search-box.mjs +1 -1
- package/fesm2022/acorex-components-search-box.mjs.map +1 -1
- package/fesm2022/acorex-components-select-box.mjs.map +1 -1
- package/fesm2022/acorex-components-selection-list-2.mjs +2 -2
- package/fesm2022/acorex-components-selection-list-2.mjs.map +1 -1
- package/fesm2022/acorex-components-selection-list.mjs +2 -2
- package/fesm2022/acorex-components-selection-list.mjs.map +1 -1
- package/fesm2022/acorex-components-side-menu.mjs.map +1 -1
- package/fesm2022/acorex-components-skeleton.mjs +2 -2
- package/fesm2022/acorex-components-skeleton.mjs.map +1 -1
- package/fesm2022/acorex-components-slider.mjs +3 -3
- package/fesm2022/acorex-components-slider.mjs.map +1 -1
- package/fesm2022/acorex-components-sliding-item.mjs.map +1 -1
- package/fesm2022/acorex-components-step-wizard.mjs +2 -2
- package/fesm2022/acorex-components-step-wizard.mjs.map +1 -1
- package/fesm2022/acorex-components-switch.mjs +4 -4
- package/fesm2022/acorex-components-switch.mjs.map +1 -1
- package/fesm2022/acorex-components-tabs.mjs +2 -2
- package/fesm2022/acorex-components-tabs.mjs.map +1 -1
- package/fesm2022/acorex-components-tag-box.mjs.map +1 -1
- package/fesm2022/acorex-components-tag.mjs +3 -3
- package/fesm2022/acorex-components-tag.mjs.map +1 -1
- package/fesm2022/acorex-components-text-area.mjs.map +1 -1
- package/fesm2022/acorex-components-text-box.mjs.map +1 -1
- package/fesm2022/acorex-components-time-duration.mjs.map +1 -1
- package/fesm2022/acorex-components-time-line.mjs +4 -4
- package/fesm2022/acorex-components-time-line.mjs.map +1 -1
- package/fesm2022/acorex-components-toast.mjs +4 -4
- package/fesm2022/acorex-components-toast.mjs.map +1 -1
- package/fesm2022/acorex-components-toolbar.mjs +2 -2
- package/fesm2022/acorex-components-toolbar.mjs.map +1 -1
- package/fesm2022/acorex-components-tooltip.mjs +2 -2
- package/fesm2022/acorex-components-tooltip.mjs.map +1 -1
- package/fesm2022/acorex-components-tree-view.mjs.map +1 -1
- package/fesm2022/acorex-components-tree2.mjs.map +1 -1
- package/fesm2022/acorex-components-uploader.mjs +6 -6
- package/fesm2022/acorex-components-uploader.mjs.map +1 -1
- package/fesm2022/acorex-components-video-player.mjs.map +1 -1
- package/fesm2022/acorex-components-wysiwyg.mjs +2 -2
- package/fesm2022/acorex-components-wysiwyg.mjs.map +1 -1
- package/fesm2022/acorex-components.mjs.map +1 -1
- package/grid-layout-builder/index.d.ts +2 -1
- package/package.json +19 -19
|
@@ -99,7 +99,7 @@ class AXCheckBoxComponent extends classes((MXValueComponent), MXColorComponent)
|
|
|
99
99
|
* @ignore
|
|
100
100
|
*/
|
|
101
101
|
get __hostClass() {
|
|
102
|
-
return
|
|
102
|
+
return `ax-${this.color ? this.color : 'primary'}`;
|
|
103
103
|
}
|
|
104
104
|
changeValue() {
|
|
105
105
|
if (!this.readonly && !this.disabled && !this.isLoading()) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"acorex-components-check-box.mjs","sources":["../../../../packages/components/check-box/src/lib/check-box.component.ts","../../../../packages/components/check-box/src/lib/check-box.component.html","../../../../packages/components/check-box/src/lib/check-box.module.ts","../../../../packages/components/check-box/src/acorex-components-check-box.ts"],"sourcesContent":["import { AXComponent, AXValuableComponent, MXColorComponent, MXValueComponent } from '@acorex/cdk/common';\n\nimport { AXLabelComponent } from '@acorex/components/label';\nimport { AXLoadingComponent } from '@acorex/components/loading';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n ChangeDetectionStrategy,\n Component,\n ContentChildren,\n HostBinding,\n HostListener,\n Input,\n QueryList,\n ViewEncapsulation,\n forwardRef,\n input,\n} from '@angular/core';\nimport { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { classes } from 'polytype';\n\n/**\n * A checkbox component that allows users to select or deselect an option.\n *\n * @category Components\n */\n@Component({\n selector: 'ax-check-box',\n templateUrl: './check-box.component.html',\n styleUrls: ['./check-box.component.scss'],\n inputs: ['disabled', 'tabIndex', 'readonly', 'color', 'value', 'name', 'id'],\n outputs: ['onBlur', 'onFocus', 'valueChange', 'onValueChanged'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n { provide: AXValuableComponent, useExisting: AXCheckBoxComponent },\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => AXCheckBoxComponent),\n multi: true,\n },\n { provide: AXComponent, useExisting: AXCheckBoxComponent },\n ],\n imports: [FormsModule, AXLoadingComponent],\n})\nexport class AXCheckBoxComponent extends classes(MXValueComponent<boolean>, MXColorComponent) {\n isLoading = input(false);\n\n /**\n * @ignore\n */\n @ContentChildren(AXLabelComponent)\n private _labels: QueryList<AXLabelComponent>;\n\n /**\n * Sets the checkbox to an indeterminate state.\n *\n * @defaultValue false\n */\n @Input()\n public indeterminate = false;\n\n /**\n * @ignore\n */\n protected _stateIndeterminate = false;\n\n /**\n * @ignore\n */\n protected override internalGetValue(value: unknown): boolean | null {\n if (!this.indeterminate && value == null) {\n return false;\n }\n if (this.indeterminate && value == null) {\n return null;\n }\n return coerceBooleanProperty(value);\n }\n\n /**\n * Sets the checkbox state based on the provided value.\n *\n * @param value - `boolean` or `null`. Determines if the checkbox is checked, unchecked, or indeterminate.\n */\n override internalSetValue(value: boolean | null) {\n if (this.indeterminate && value == null) {\n this._stateIndeterminate = true;\n return null;\n } else if (!this.indeterminate && value == null) {\n this._stateIndeterminate = false;\n return false;\n } else {\n this._stateIndeterminate = false;\n return value == true ? true : false;\n }\n }\n\n /**\n * @ignore\n */\n protected override ngOnInit(): void {\n super.ngOnInit();\n //\n this.registerValidation();\n }\n\n /**\n * @ignore\n */\n\n ngAfterViewInit() {\n this._labels?.forEach((c) => {\n //TODO: remove listener\n c.getHostElement().addEventListener('click', () => {\n this.changeValue();\n });\n });\n }\n\n /**\n * @ignore\n */\n @HostListener('click', ['$event'])\n private _handleClick(e: UIEvent) {\n e.stopPropagation();\n if (this.readonly || this.disabled || this.isLoading()) {\n e.preventDefault();\n return false;\n }\n return true;\n }\n\n /**\n * @ignore\n */\n protected _handleModelChange(value: boolean | null) {\n this.commitValue(value, true);\n }\n\n /**\n * @ignore\n */\n @HostBinding('class')\n private get __hostClass(): string {\n return `${this.color ? this.color : 'ax-primary'}`;\n }\n\n protected changeValue() {\n if (!this.readonly && !this.disabled && !this.isLoading()) {\n this.commitValue(!this.value, true);\n }\n }\n}\n","<div class=\"ax-checkbox-label\" [class.ax-state-readonly]=\"readonly\" [class.ax-state-disabled]=\"disabled\">\n <div class=\"ax-checkbox-start-side\">\n @if (isLoading()) {\n <div class=\"ax-loading-container\">\n <ax-loading></ax-loading>\n </div>\n } @else {\n <input\n [id]=\"id\"\n class=\"ax-check-box\"\n type=\"checkbox\"\n [indeterminate]=\"_stateIndeterminate\"\n [ngModel]=\"value\"\n (ngModelChange)=\"_handleModelChange($event)\"\n [checked]=\"value\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [tabindex]=\"tabIndex\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n #cb\n />\n <div class=\"ax-checkbox-background\" (click)=\"changeValue()\">\n @if (cb.indeterminate) {\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n <rect x=\"3\" y=\"7\" width=\"10\" height=\"2\" />\n </svg>\n }\n @if (cb.checked) {\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n <path\n d=\"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z\"\n />\n </svg>\n }\n </div>\n }\n </div>\n <div class=\"ax-checkbox-end-side\">\n <ng-content select=\"ax-label\"></ng-content>\n <ng-content select=\"ax-form-hint\"></ng-content>\n <span class=\"ax-error-container\"></span>\n </div>\n</div>\n<ng-content select=\"ax-validation-rule\"></ng-content>\n","import { NgModule } from '@angular/core';\nimport { AXCheckBoxComponent } from './check-box.component';\n\n@NgModule({\n imports: [AXCheckBoxComponent],\n exports: [AXCheckBoxComponent],\n})\nexport class AXCheckBoxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"acorex-components-check-box.mjs","sources":["../tmp-esm2022/check-box/lib/check-box.component.js","../tmp-esm2022/check-box/lib/check-box.module.js","../tmp-esm2022/check-box/acorex-components-check-box.js"],"sourcesContent":["import { AXComponent, AXValuableComponent, MXColorComponent, MXValueComponent } from '@acorex/cdk/common';\nimport { AXLabelComponent } from '@acorex/components/label';\nimport { AXLoadingComponent } from '@acorex/components/loading';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { ChangeDetectionStrategy, Component, ContentChildren, HostBinding, HostListener, Input, QueryList, ViewEncapsulation, forwardRef, input, } from '@angular/core';\nimport { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { classes } from 'polytype';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/forms\";\n/**\n * A checkbox component that allows users to select or deselect an option.\n *\n * @category Components\n */\nexport class AXCheckBoxComponent extends classes((MXValueComponent), MXColorComponent) {\n constructor() {\n super(...arguments);\n this.isLoading = input(false, ...(ngDevMode ? [{ debugName: \"isLoading\" }] : []));\n /**\n * Sets the checkbox to an indeterminate state.\n *\n * @defaultValue false\n */\n this.indeterminate = false;\n /**\n * @ignore\n */\n this._stateIndeterminate = false;\n }\n /**\n * @ignore\n */\n internalGetValue(value) {\n if (!this.indeterminate && value == null) {\n return false;\n }\n if (this.indeterminate && value == null) {\n return null;\n }\n return coerceBooleanProperty(value);\n }\n /**\n * Sets the checkbox state based on the provided value.\n *\n * @param value - `boolean` or `null`. Determines if the checkbox is checked, unchecked, or indeterminate.\n */\n internalSetValue(value) {\n if (this.indeterminate && value == null) {\n this._stateIndeterminate = true;\n return null;\n }\n else if (!this.indeterminate && value == null) {\n this._stateIndeterminate = false;\n return false;\n }\n else {\n this._stateIndeterminate = false;\n return value == true ? true : false;\n }\n }\n /**\n * @ignore\n */\n ngOnInit() {\n super.ngOnInit();\n //\n this.registerValidation();\n }\n /**\n * @ignore\n */\n ngAfterViewInit() {\n this._labels?.forEach((c) => {\n //TODO: remove listener\n c.getHostElement().addEventListener('click', () => {\n this.changeValue();\n });\n });\n }\n /**\n * @ignore\n */\n _handleClick(e) {\n e.stopPropagation();\n if (this.readonly || this.disabled || this.isLoading()) {\n e.preventDefault();\n return false;\n }\n return true;\n }\n /**\n * @ignore\n */\n _handleModelChange(value) {\n this.commitValue(value, true);\n }\n /**\n * @ignore\n */\n get __hostClass() {\n return `ax-${this.color ? this.color : 'primary'}`;\n }\n changeValue() {\n if (!this.readonly && !this.disabled && !this.isLoading()) {\n this.commitValue(!this.value, true);\n }\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: AXCheckBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.3.9\", type: AXCheckBoxComponent, isStandalone: true, selector: \"ax-check-box\", inputs: { disabled: { classPropertyName: \"disabled\", publicName: \"disabled\", isSignal: false, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: \"tabIndex\", publicName: \"tabIndex\", isSignal: false, isRequired: false, transformFunction: null }, readonly: { classPropertyName: \"readonly\", publicName: \"readonly\", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: \"color\", publicName: \"color\", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: \"value\", publicName: \"value\", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: \"name\", publicName: \"name\", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: \"id\", publicName: \"id\", isSignal: false, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: \"isLoading\", publicName: \"isLoading\", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: \"indeterminate\", publicName: \"indeterminate\", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onBlur: \"onBlur\", onFocus: \"onFocus\", valueChange: \"valueChange\", onValueChanged: \"onValueChanged\" }, host: { listeners: { \"click\": \"_handleClick($event)\" }, properties: { \"class\": \"this.__hostClass\" } }, providers: [\n { provide: AXValuableComponent, useExisting: AXCheckBoxComponent },\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => AXCheckBoxComponent),\n multi: true,\n },\n { provide: AXComponent, useExisting: AXCheckBoxComponent },\n ], queries: [{ propertyName: \"_labels\", predicate: AXLabelComponent }], usesInheritance: true, ngImport: i0, template: \"<div class=\\\"ax-checkbox-label\\\" [class.ax-state-readonly]=\\\"readonly\\\" [class.ax-state-disabled]=\\\"disabled\\\">\\n <div class=\\\"ax-checkbox-start-side\\\">\\n @if (isLoading()) {\\n <div class=\\\"ax-loading-container\\\">\\n <ax-loading></ax-loading>\\n </div>\\n } @else {\\n <input\\n [id]=\\\"id\\\"\\n class=\\\"ax-check-box\\\"\\n type=\\\"checkbox\\\"\\n [indeterminate]=\\\"_stateIndeterminate\\\"\\n [ngModel]=\\\"value\\\"\\n (ngModelChange)=\\\"_handleModelChange($event)\\\"\\n [checked]=\\\"value\\\"\\n [disabled]=\\\"disabled\\\"\\n [readonly]=\\\"readonly\\\"\\n [tabindex]=\\\"tabIndex\\\"\\n (focus)=\\\"emitOnFocusEvent($event)\\\"\\n (blur)=\\\"emitOnBlurEvent($event)\\\"\\n #cb\\n />\\n <div class=\\\"ax-checkbox-background\\\" (click)=\\\"changeValue()\\\">\\n @if (cb.indeterminate) {\\n <svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"16\\\" height=\\\"16\\\" viewBox=\\\"0 0 16 16\\\">\\n <rect x=\\\"3\\\" y=\\\"7\\\" width=\\\"10\\\" height=\\\"2\\\" />\\n </svg>\\n }\\n @if (cb.checked) {\\n <svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"16\\\" height=\\\"16\\\" viewBox=\\\"0 0 16 16\\\">\\n <path\\n d=\\\"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z\\\"\\n />\\n </svg>\\n }\\n </div>\\n }\\n </div>\\n <div class=\\\"ax-checkbox-end-side\\\">\\n <ng-content select=\\\"ax-label\\\"></ng-content>\\n <ng-content select=\\\"ax-form-hint\\\"></ng-content>\\n <span class=\\\"ax-error-container\\\"></span>\\n </div>\\n</div>\\n<ng-content select=\\\"ax-validation-rule\\\"></ng-content>\\n\", styles: [\"ax-check-box{--ax-comp-checkbox-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-checkbox-border-color: var(--ax-sys-color-border-surface)}ax-check-box.ax-primary{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-primary-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-primary-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-primary-surface)}ax-check-box.ax-secondary{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-secondary-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-secondary-surface)}ax-check-box.ax-success{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-success-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-success-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-success-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-success-surface)}ax-check-box.ax-warning{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-warning-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-warning-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-warning-surface)}ax-check-box.ax-danger{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-danger-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-danger-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-danger-surface)}ax-check-box.ax-accent1{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent1-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent1-surface)}ax-check-box.ax-accent2{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent2-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent2-surface)}ax-check-box.ax-accent3{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent3-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent3-surface)}ax-check-box.ax-accent4{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent4-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent4-surface)}ax-check-box.ax-accent5{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent5-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent5-surface)}ax-check-box.ax-accent6{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent6-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent6-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent6-surface)}ax-check-box.ax-accent7{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent7-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent7-surface)}ax-check-box.ax-default{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-primary-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-primary-surface)}.ax-checkbox-label{display:flex;width:fit-content;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;font-size:var(--ax-comp-checkbox-font-size, .875rem);line-height:var(--ax-comp-checkbox-line-height, 1.25rem)}.ax-checkbox-label.ax-state-readonly{opacity:var(--ax-comp-checkbox-readonly-opacity, .75)}.ax-checkbox-label.ax-state-disabled{cursor:not-allowed;opacity:var(--ax-comp-checkbox-disabled-opacity, .5)}.ax-checkbox-label.ax-state-disabled .ax-check-box:disabled{opacity:1}.ax-checkbox-label .ax-checkbox-start-side{display:flex;position:relative;align-items:center;height:1.25rem}.ax-checkbox-label .ax-checkbox-start-side .ax-loading-container{width:1rem}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box{margin:0;height:1rem;min-width:1rem;cursor:pointer;-webkit-appearance:none;appearance:none;outline-offset:2px;vertical-align:middle;outline:2px solid transparent;border-width:var(--ax-comp-checkbox-border-width, 1px);border-color:rgba(var(--ax-comp-checkbox-border-color));border-radius:var(--ax-comp-checkbox-border-radius, .25rem);transition-duration:var(--ax-sys-transition-duration);background-color:rgba(var(--ax-comp-checkbox-bg-color));transition-timing-function:var(--ax-sys-transition-timing-function)}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:checked,.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:indeterminate{background-size:contain;background-repeat:no-repeat;border-color:rgba(var(--ax-comp-checkbox-checked-border-color))!important;background-color:rgba(var(--ax-comp-checkbox-checked-bg-color))!important}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:focus-visible,.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-comp-checkbox-checked-box-shadow-outline-color))}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:disabled{cursor:not-allowed;opacity:var(--ax-comp-checkbox-disabled-opacity, .5)}.ax-checkbox-label .ax-checkbox-start-side .ax-checkbox-background{position:absolute}.ax-checkbox-label .ax-checkbox-start-side .ax-checkbox-background svg{fill:rgba(var(--ax-comp-checkbox-checked-bg-svg-fill))}.ax-checkbox-label .ax-checkbox-end-side{display:flex;flex-direction:column;gap:var(--ax-comp-checkbox-end-side-gap, .25rem)}.ax-checkbox-label .ax-checkbox-end-side ax-label label{margin-bottom:0}.ax-checkbox-label .ax-checkbox-end-side ax-form-hint{margin:0;cursor:text;-webkit-user-select:text;user-select:text}.ax-checkbox-label .ax-checkbox-end-side ax-label,.ax-checkbox-label .ax-checkbox-end-side ax-form-hint,.ax-checkbox-label .ax-checkbox-end-side .ax-error-container{padding-inline-start:var(--ax-comp-checkbox-end-side-padding-s, .75rem)}\\n\"], dependencies: [{ kind: \"ngmodule\", type: FormsModule }, { kind: \"directive\", type: i1.CheckboxControlValueAccessor, selector: \"input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]\" }, { kind: \"directive\", type: i1.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i1.NgModel, selector: \"[ngModel]:not([formControlName]):not([formControl])\", inputs: [\"name\", \"disabled\", \"ngModel\", \"ngModelOptions\"], outputs: [\"ngModelChange\"], exportAs: [\"ngModel\"] }, { kind: \"component\", type: AXLoadingComponent, selector: \"ax-loading\", inputs: [\"visible\", \"type\", \"context\"], outputs: [\"visibleChange\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: AXCheckBoxComponent, decorators: [{\n type: Component,\n args: [{ selector: 'ax-check-box', inputs: ['disabled', 'tabIndex', 'readonly', 'color', 'value', 'name', 'id'], outputs: ['onBlur', 'onFocus', 'valueChange', 'onValueChanged'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [\n { provide: AXValuableComponent, useExisting: AXCheckBoxComponent },\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => AXCheckBoxComponent),\n multi: true,\n },\n { provide: AXComponent, useExisting: AXCheckBoxComponent },\n ], imports: [FormsModule, AXLoadingComponent], template: \"<div class=\\\"ax-checkbox-label\\\" [class.ax-state-readonly]=\\\"readonly\\\" [class.ax-state-disabled]=\\\"disabled\\\">\\n <div class=\\\"ax-checkbox-start-side\\\">\\n @if (isLoading()) {\\n <div class=\\\"ax-loading-container\\\">\\n <ax-loading></ax-loading>\\n </div>\\n } @else {\\n <input\\n [id]=\\\"id\\\"\\n class=\\\"ax-check-box\\\"\\n type=\\\"checkbox\\\"\\n [indeterminate]=\\\"_stateIndeterminate\\\"\\n [ngModel]=\\\"value\\\"\\n (ngModelChange)=\\\"_handleModelChange($event)\\\"\\n [checked]=\\\"value\\\"\\n [disabled]=\\\"disabled\\\"\\n [readonly]=\\\"readonly\\\"\\n [tabindex]=\\\"tabIndex\\\"\\n (focus)=\\\"emitOnFocusEvent($event)\\\"\\n (blur)=\\\"emitOnBlurEvent($event)\\\"\\n #cb\\n />\\n <div class=\\\"ax-checkbox-background\\\" (click)=\\\"changeValue()\\\">\\n @if (cb.indeterminate) {\\n <svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"16\\\" height=\\\"16\\\" viewBox=\\\"0 0 16 16\\\">\\n <rect x=\\\"3\\\" y=\\\"7\\\" width=\\\"10\\\" height=\\\"2\\\" />\\n </svg>\\n }\\n @if (cb.checked) {\\n <svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"16\\\" height=\\\"16\\\" viewBox=\\\"0 0 16 16\\\">\\n <path\\n d=\\\"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z\\\"\\n />\\n </svg>\\n }\\n </div>\\n }\\n </div>\\n <div class=\\\"ax-checkbox-end-side\\\">\\n <ng-content select=\\\"ax-label\\\"></ng-content>\\n <ng-content select=\\\"ax-form-hint\\\"></ng-content>\\n <span class=\\\"ax-error-container\\\"></span>\\n </div>\\n</div>\\n<ng-content select=\\\"ax-validation-rule\\\"></ng-content>\\n\", styles: [\"ax-check-box{--ax-comp-checkbox-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-checkbox-border-color: var(--ax-sys-color-border-surface)}ax-check-box.ax-primary{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-primary-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-primary-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-primary-surface)}ax-check-box.ax-secondary{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-secondary-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-secondary-surface)}ax-check-box.ax-success{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-success-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-success-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-success-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-success-surface)}ax-check-box.ax-warning{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-warning-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-warning-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-warning-surface)}ax-check-box.ax-danger{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-danger-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-danger-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-danger-surface)}ax-check-box.ax-accent1{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent1-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent1-surface)}ax-check-box.ax-accent2{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent2-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent2-surface)}ax-check-box.ax-accent3{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent3-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent3-surface)}ax-check-box.ax-accent4{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent4-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent4-surface)}ax-check-box.ax-accent5{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent5-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent5-surface)}ax-check-box.ax-accent6{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent6-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent6-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent6-surface)}ax-check-box.ax-accent7{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-accent7-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-checkbox-checked-box-shadow-outline-color: var(--ax-sys-color-accent7-surface)}ax-check-box.ax-default{--ax-comp-checkbox-checked-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-checkbox-checked-bg-svg-fill: var(--ax-sys-color-on-primary-surface);--ax-comp-checkbox-checked-border-color: var(--ax-sys-color-primary-surface)}.ax-checkbox-label{display:flex;width:fit-content;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;font-size:var(--ax-comp-checkbox-font-size, .875rem);line-height:var(--ax-comp-checkbox-line-height, 1.25rem)}.ax-checkbox-label.ax-state-readonly{opacity:var(--ax-comp-checkbox-readonly-opacity, .75)}.ax-checkbox-label.ax-state-disabled{cursor:not-allowed;opacity:var(--ax-comp-checkbox-disabled-opacity, .5)}.ax-checkbox-label.ax-state-disabled .ax-check-box:disabled{opacity:1}.ax-checkbox-label .ax-checkbox-start-side{display:flex;position:relative;align-items:center;height:1.25rem}.ax-checkbox-label .ax-checkbox-start-side .ax-loading-container{width:1rem}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box{margin:0;height:1rem;min-width:1rem;cursor:pointer;-webkit-appearance:none;appearance:none;outline-offset:2px;vertical-align:middle;outline:2px solid transparent;border-width:var(--ax-comp-checkbox-border-width, 1px);border-color:rgba(var(--ax-comp-checkbox-border-color));border-radius:var(--ax-comp-checkbox-border-radius, .25rem);transition-duration:var(--ax-sys-transition-duration);background-color:rgba(var(--ax-comp-checkbox-bg-color));transition-timing-function:var(--ax-sys-transition-timing-function)}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:checked,.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:indeterminate{background-size:contain;background-repeat:no-repeat;border-color:rgba(var(--ax-comp-checkbox-checked-border-color))!important;background-color:rgba(var(--ax-comp-checkbox-checked-bg-color))!important}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:focus-visible,.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:focus{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-surface)),0 0 0 4px rgba(var(--ax-comp-checkbox-checked-box-shadow-outline-color))}.ax-checkbox-label .ax-checkbox-start-side .ax-check-box:disabled{cursor:not-allowed;opacity:var(--ax-comp-checkbox-disabled-opacity, .5)}.ax-checkbox-label .ax-checkbox-start-side .ax-checkbox-background{position:absolute}.ax-checkbox-label .ax-checkbox-start-side .ax-checkbox-background svg{fill:rgba(var(--ax-comp-checkbox-checked-bg-svg-fill))}.ax-checkbox-label .ax-checkbox-end-side{display:flex;flex-direction:column;gap:var(--ax-comp-checkbox-end-side-gap, .25rem)}.ax-checkbox-label .ax-checkbox-end-side ax-label label{margin-bottom:0}.ax-checkbox-label .ax-checkbox-end-side ax-form-hint{margin:0;cursor:text;-webkit-user-select:text;user-select:text}.ax-checkbox-label .ax-checkbox-end-side ax-label,.ax-checkbox-label .ax-checkbox-end-side ax-form-hint,.ax-checkbox-label .ax-checkbox-end-side .ax-error-container{padding-inline-start:var(--ax-comp-checkbox-end-side-padding-s, .75rem)}\\n\"] }]\n }], propDecorators: { isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: \"isLoading\", required: false }] }], _labels: [{\n type: ContentChildren,\n args: [AXLabelComponent]\n }], indeterminate: [{\n type: Input\n }], _handleClick: [{\n type: HostListener,\n args: ['click', ['$event']]\n }], __hostClass: [{\n type: HostBinding,\n args: ['class']\n }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2stYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY2hlY2stYm94L3NyYy9saWIvY2hlY2stYm94LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY2hlY2stYm94L3NyYy9saWIvY2hlY2stYm94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsZ0JBQWdCLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUUxRyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM5RCxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxlQUFlLEVBQ2YsV0FBVyxFQUNYLFlBQVksRUFDWixLQUFLLEVBQ0wsU0FBUyxFQUNULGlCQUFpQixFQUNqQixVQUFVLEVBQ1YsS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sVUFBVSxDQUFDOzs7QUFFbkM7Ozs7R0FJRztBQW9CSCxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsT0FBTyxDQUFDLENBQUEsZ0JBQXlCLENBQUEsRUFBRSxnQkFBZ0IsQ0FBQztJQW5CN0Y7O1FBb0JFLGNBQVMsR0FBRyxLQUFLLENBQUMsS0FBSyxxREFBQyxDQUFDO1FBUXpCOzs7O1dBSUc7UUFFSSxrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUU3Qjs7V0FFRztRQUNP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QUFFO1lBQ2xFO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsbUJBQW1CLENBQUM7Z0JBQ2xELEtBQUssRUFBRSxJQUFJO2FBQ1o7WUFDRCxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFO1NBQzNELGtEQVNnQixnQkFBZ0Isb0RDbERuQyw2cERBNkNBLGdxT0RIWSxXQUFXLGdoQkFBRSxrQkFBa0I7OzJGQUU5QixtQkFBbUI7a0JBbkIvQixTQUFTOytCQUNFLGNBQWMsVUFHaEIsQ0FBQyxVQUFVLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxJQUFJLENBQUMsV0FDbkUsQ0FBQyxRQUFRLEVBQUUsU0FBUyxFQUFFLGFBQWEsRUFBRSxnQkFBZ0IsQ0FBQyxpQkFDaEQsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVCxFQUFFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxXQUFXLHFCQUFxQixFQUFFO3dCQUNsRTs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxvQkFBb0IsQ0FBQzs0QkFDbEQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7d0JBQ0QsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcscUJBQXFCLEVBQUU7cUJBQzNELFdBQ1EsQ0FBQyxXQUFXLEVBQUUsa0JBQWtCLENBQUM7O3NCQVF6QyxlQUFlO3VCQUFDLGdCQUFnQjs7c0JBUWhDLEtBQUs7O3NCQWdFTCxZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQzs7c0JBb0JoQyxXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWENvbXBvbmVudCwgQVhWYWx1YWJsZUNvbXBvbmVudCwgTVhDb2xvckNvbXBvbmVudCwgTVhWYWx1ZUNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY2RrL2NvbW1vbic7XG5cbmltcG9ydCB7IEFYTGFiZWxDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvbGFiZWwnO1xuaW1wb3J0IHsgQVhMb2FkaW5nQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2xvYWRpbmcnO1xuaW1wb3J0IHsgY29lcmNlQm9vbGVhblByb3BlcnR5IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgSG9zdEJpbmRpbmcsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5wdXQsXG4gIFF1ZXJ5TGlzdCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIGZvcndhcmRSZWYsXG4gIGlucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IGNsYXNzZXMgfSBmcm9tICdwb2x5dHlwZSc7XG5cbi8qKlxuICogQSBjaGVja2JveCBjb21wb25lbnQgdGhhdCBhbGxvd3MgdXNlcnMgdG8gc2VsZWN0IG9yIGRlc2VsZWN0IGFuIG9wdGlvbi5cbiAqXG4gKiBAY2F0ZWdvcnkgQ29tcG9uZW50c1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1jaGVjay1ib3gnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hlY2stYm94LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2hlY2stYm94LmNvbXBvbmVudC5zY3NzJ10sXG4gIGlucHV0czogWydkaXNhYmxlZCcsICd0YWJJbmRleCcsICdyZWFkb25seScsICdjb2xvcicsICd2YWx1ZScsICduYW1lJywgJ2lkJ10sXG4gIG91dHB1dHM6IFsnb25CbHVyJywgJ29uRm9jdXMnLCAndmFsdWVDaGFuZ2UnLCAnb25WYWx1ZUNoYW5nZWQnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW1xuICAgIHsgcHJvdmlkZTogQVhWYWx1YWJsZUNvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYQ2hlY2tCb3hDb21wb25lbnQgfSxcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEFYQ2hlY2tCb3hDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgICB7IHByb3ZpZGU6IEFYQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhDaGVja0JveENvbXBvbmVudCB9LFxuICBdLFxuICBpbXBvcnRzOiBbRm9ybXNNb2R1bGUsIEFYTG9hZGluZ0NvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIEFYQ2hlY2tCb3hDb21wb25lbnQgZXh0ZW5kcyBjbGFzc2VzKE1YVmFsdWVDb21wb25lbnQ8Ym9vbGVhbj4sIE1YQ29sb3JDb21wb25lbnQpIHtcbiAgaXNMb2FkaW5nID0gaW5wdXQoZmFsc2UpO1xuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgQENvbnRlbnRDaGlsZHJlbihBWExhYmVsQ29tcG9uZW50KVxuICBwcml2YXRlIF9sYWJlbHM6IFF1ZXJ5TGlzdDxBWExhYmVsQ29tcG9uZW50PjtcblxuICAvKipcbiAgICogU2V0cyB0aGUgY2hlY2tib3ggdG8gYW4gaW5kZXRlcm1pbmF0ZSBzdGF0ZS5cbiAgICpcbiAgICogQGRlZmF1bHRWYWx1ZSBmYWxzZVxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGluZGV0ZXJtaW5hdGUgPSBmYWxzZTtcblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIHByb3RlY3RlZCBfc3RhdGVJbmRldGVybWluYXRlID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgaW50ZXJuYWxHZXRWYWx1ZSh2YWx1ZTogdW5rbm93bik6IGJvb2xlYW4gfCBudWxsIHtcbiAgICBpZiAoIXRoaXMuaW5kZXRlcm1pbmF0ZSAmJiB2YWx1ZSA9PSBudWxsKSB7XG4gICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuICAgIGlmICh0aGlzLmluZGV0ZXJtaW5hdGUgJiYgdmFsdWUgPT0gbnVsbCkge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuICAgIHJldHVybiBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpO1xuICB9XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIGNoZWNrYm94IHN0YXRlIGJhc2VkIG9uIHRoZSBwcm92aWRlZCB2YWx1ZS5cbiAgICpcbiAgICogQHBhcmFtIHZhbHVlIC0gYGJvb2xlYW5gIG9yIGBudWxsYC4gRGV0ZXJtaW5lcyBpZiB0aGUgY2hlY2tib3ggaXMgY2hlY2tlZCwgdW5jaGVja2VkLCBvciBpbmRldGVybWluYXRlLlxuICAgKi9cbiAgb3ZlcnJpZGUgaW50ZXJuYWxTZXRWYWx1ZSh2YWx1ZTogYm9vbGVhbiB8IG51bGwpIHtcbiAgICBpZiAodGhpcy5pbmRldGVybWluYXRlICYmIHZhbHVlID09IG51bGwpIHtcbiAgICAgIHRoaXMuX3N0YXRlSW5kZXRlcm1pbmF0ZSA9IHRydWU7XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9IGVsc2UgaWYgKCF0aGlzLmluZGV0ZXJtaW5hdGUgJiYgdmFsdWUgPT0gbnVsbCkge1xuICAgICAgdGhpcy5fc3RhdGVJbmRldGVybWluYXRlID0gZmFsc2U7XG4gICAgICByZXR1cm4gZmFsc2U7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuX3N0YXRlSW5kZXRlcm1pbmF0ZSA9IGZhbHNlO1xuICAgICAgcmV0dXJuIHZhbHVlID09IHRydWUgPyB0cnVlIDogZmFsc2U7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgc3VwZXIubmdPbkluaXQoKTtcbiAgICAvL1xuICAgIHRoaXMucmVnaXN0ZXJWYWxpZGF0aW9uKCk7XG4gIH1cblxuICAvKipcbiAgICogQGlnbm9yZVxuICAgKi9cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgdGhpcy5fbGFiZWxzPy5mb3JFYWNoKChjKSA9PiB7XG4gICAgICAvL1RPRE86IHJlbW92ZSBsaXN0ZW5lclxuICAgICAgYy5nZXRIb3N0RWxlbWVudCgpLmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgKCkgPT4ge1xuICAgICAgICB0aGlzLmNoYW5nZVZhbHVlKCk7XG4gICAgICB9KTtcbiAgICB9KTtcbiAgfVxuXG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pXG4gIHByaXZhdGUgX2hhbmRsZUNsaWNrKGU6IFVJRXZlbnQpIHtcbiAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIGlmICh0aGlzLnJlYWRvbmx5IHx8IHRoaXMuZGlzYWJsZWQgfHwgdGhpcy5pc0xvYWRpbmcoKSkge1xuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cbiAgICByZXR1cm4gdHJ1ZTtcbiAgfVxuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgcHJvdGVjdGVkIF9oYW5kbGVNb2RlbENoYW5nZSh2YWx1ZTogYm9vbGVhbiB8IG51bGwpIHtcbiAgICB0aGlzLmNvbW1pdFZhbHVlKHZhbHVlLCB0cnVlKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHJpdmF0ZSBnZXQgX19ob3N0Q2xhc3MoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gYGF4LSR7dGhpcy5jb2xvciA/IHRoaXMuY29sb3IgOiAncHJpbWFyeSd9YDtcbiAgfVxuXG4gIHByb3RlY3RlZCBjaGFuZ2VWYWx1ZSgpIHtcbiAgICBpZiAoIXRoaXMucmVhZG9ubHkgJiYgIXRoaXMuZGlzYWJsZWQgJiYgIXRoaXMuaXNMb2FkaW5nKCkpIHtcbiAgICAgIHRoaXMuY29tbWl0VmFsdWUoIXRoaXMudmFsdWUsIHRydWUpO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImF4LWNoZWNrYm94LWxhYmVsXCIgW2NsYXNzLmF4LXN0YXRlLXJlYWRvbmx5XT1cInJlYWRvbmx5XCIgW2NsYXNzLmF4LXN0YXRlLWRpc2FibGVkXT1cImRpc2FibGVkXCI+XG4gIDxkaXYgY2xhc3M9XCJheC1jaGVja2JveC1zdGFydC1zaWRlXCI+XG4gICAgQGlmIChpc0xvYWRpbmcoKSkge1xuICAgICAgPGRpdiBjbGFzcz1cImF4LWxvYWRpbmctY29udGFpbmVyXCI+XG4gICAgICAgIDxheC1sb2FkaW5nPjwvYXgtbG9hZGluZz5cbiAgICAgIDwvZGl2PlxuICAgIH0gQGVsc2Uge1xuICAgICAgPGlucHV0XG4gICAgICAgIFtpZF09XCJpZFwiXG4gICAgICAgIGNsYXNzPVwiYXgtY2hlY2stYm94XCJcbiAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgW2luZGV0ZXJtaW5hdGVdPVwiX3N0YXRlSW5kZXRlcm1pbmF0ZVwiXG4gICAgICAgIFtuZ01vZGVsXT1cInZhbHVlXCJcbiAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwiX2hhbmRsZU1vZGVsQ2hhbmdlKCRldmVudClcIlxuICAgICAgICBbY2hlY2tlZF09XCJ2YWx1ZVwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgIFtyZWFkb25seV09XCJyZWFkb25seVwiXG4gICAgICAgIFt0YWJpbmRleF09XCJ0YWJJbmRleFwiXG4gICAgICAgIChmb2N1cyk9XCJlbWl0T25Gb2N1c0V2ZW50KCRldmVudClcIlxuICAgICAgICAoYmx1cik9XCJlbWl0T25CbHVyRXZlbnQoJGV2ZW50KVwiXG4gICAgICAgICNjYlxuICAgICAgLz5cbiAgICAgIDxkaXYgY2xhc3M9XCJheC1jaGVja2JveC1iYWNrZ3JvdW5kXCIgKGNsaWNrKT1cImNoYW5nZVZhbHVlKClcIj5cbiAgICAgICAgQGlmIChjYi5pbmRldGVybWluYXRlKSB7XG4gICAgICAgICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgd2lkdGg9XCIxNlwiIGhlaWdodD1cIjE2XCIgdmlld0JveD1cIjAgMCAxNiAxNlwiPlxuICAgICAgICAgICAgPHJlY3QgeD1cIjNcIiB5PVwiN1wiIHdpZHRoPVwiMTBcIiBoZWlnaHQ9XCIyXCIgLz5cbiAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgfVxuICAgICAgICBAaWYgKGNiLmNoZWNrZWQpIHtcbiAgICAgICAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjE2XCIgaGVpZ2h0PVwiMTZcIiB2aWV3Qm94PVwiMCAwIDE2IDE2XCI+XG4gICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICBkPVwiTTEyLjIwNyA0Ljc5M2ExIDEgMCAwMTAgMS40MTRsLTUgNWExIDEgMCAwMS0xLjQxNCAwbC0yLTJhMSAxIDAgMDExLjQxNC0xLjQxNEw2LjUgOS4wODZsNC4yOTMtNC4yOTNhMSAxIDAgMDExLjQxNCAwelwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvc3ZnPlxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cbiAgICB9XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiYXgtY2hlY2tib3gtZW5kLXNpZGVcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1sYWJlbFwiPjwvbmctY29udGVudD5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1mb3JtLWhpbnRcIj48L25nLWNvbnRlbnQ+XG4gICAgPHNwYW4gY2xhc3M9XCJheC1lcnJvci1jb250YWluZXJcIj48L3NwYW4+XG4gIDwvZGl2PlxuPC9kaXY+XG48bmctY29udGVudCBzZWxlY3Q9XCJheC12YWxpZGF0aW9uLXJ1bGVcIj48L25nLWNvbnRlbnQ+XG4iXX0=","import { NgModule } from '@angular/core';\nimport { AXCheckBoxComponent } from './check-box.component';\nimport * as i0 from \"@angular/core\";\nexport class AXCheckBoxModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: AXCheckBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.3.9\", ngImport: i0, type: AXCheckBoxModule, imports: [AXCheckBoxComponent], exports: [AXCheckBoxComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: AXCheckBoxModule, imports: [AXCheckBoxComponent] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: AXCheckBoxModule, decorators: [{\n type: NgModule,\n args: [{\n imports: [AXCheckBoxComponent],\n exports: [AXCheckBoxComponent],\n }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2stYm94Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY2hlY2stYm94L3NyYy9saWIvY2hlY2stYm94Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDOztBQU01RCxNQUFNLE9BQU8sZ0JBQWdCOzhHQUFoQixnQkFBZ0I7K0dBQWhCLGdCQUFnQixZQUhqQixtQkFBbUIsYUFDbkIsbUJBQW1COytHQUVsQixnQkFBZ0IsWUFIakIsbUJBQW1COzsyRkFHbEIsZ0JBQWdCO2tCQUo1QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLG1CQUFtQixDQUFDO29CQUM5QixPQUFPLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztpQkFDL0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhDaGVja0JveENvbXBvbmVudCB9IGZyb20gJy4vY2hlY2stYm94LmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtBWENoZWNrQm94Q29tcG9uZW50XSxcbiAgZXhwb3J0czogW0FYQ2hlY2tCb3hDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBBWENoZWNrQm94TW9kdWxlIHt9XG4iXX0=","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtY2hlY2stYm94LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9jaGVjay1ib3gvc3JjL2Fjb3JleC1jb21wb25lbnRzLWNoZWNrLWJveC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i1 from '@acorex/cdk/common';
|
|
2
|
-
import {
|
|
2
|
+
import { MXColorComponent, AXComponent, AXRippleDirective } from '@acorex/cdk/common';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
4
|
import { model, HostBinding, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
|
|
5
5
|
|
|
@@ -8,7 +8,7 @@ import { model, HostBinding, ViewEncapsulation, ChangeDetectionStrategy, Compone
|
|
|
8
8
|
*
|
|
9
9
|
* @category Components
|
|
10
10
|
*/
|
|
11
|
-
class AXChipsComponent extends
|
|
11
|
+
class AXChipsComponent extends MXColorComponent {
|
|
12
12
|
constructor() {
|
|
13
13
|
super(...arguments);
|
|
14
14
|
/**
|
|
@@ -17,20 +17,22 @@ class AXChipsComponent extends MXColorLookComponent {
|
|
|
17
17
|
* @defaultValue ''
|
|
18
18
|
*/
|
|
19
19
|
this.text = model('', ...(ngDevMode ? [{ debugName: "text" }] : []));
|
|
20
|
+
this.look = model('solid', ...(ngDevMode ? [{ debugName: "look" }] : []));
|
|
21
|
+
this.size = model('ax-md', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
20
22
|
}
|
|
21
23
|
/**
|
|
22
24
|
* @ignore
|
|
23
25
|
*/
|
|
24
26
|
get __hostClass() {
|
|
25
|
-
return
|
|
27
|
+
return `ax-${this.color} ax-${this.look()} ${this.size()}`;
|
|
26
28
|
}
|
|
27
29
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXChipsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: AXChipsComponent, isStandalone: true, selector: "ax-chips", inputs: { tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: false, isRequired: false, transformFunction: null }, 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 } }, outputs: { text: "textChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXChipsComponent }], usesInheritance: true, hostDirectives: [{ directive: i1.AXRippleDirective }], ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n@if (text()) {\n <div class=\"ax-chips-text\">{{ text() }}</div>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["@reference \"../../../../styles/themes/default.css\";@layer components{ax-chips{@apply relative flex cursor-pointer items-center justify-center gap-1.5 rounded-full border px-2 py-1 text-sm font-medium transition-all select-none;}ax-chips .ax-chips-text{@apply overflow-hidden text-ellipsis whitespace-nowrap;}ax-chips ax-prefix,ax-chips ax-suffix{@apply flex items-center;}ax-chips.ax-xs{@apply gap-1 px-1 py-0.5 text-xs;}ax-chips.ax-sm{@apply gap-1.5 px-2 py-1 text-sm;}ax-chips.ax-md{@apply gap-2 px-3 py-2 text-base;}ax-chips.ax-lg{@apply gap-2.5 px-4 py-3 text-lg;}ax-chips.ax-xl{@apply gap-3 px-5 py-4 text-2xl;}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
30
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: AXChipsComponent, isStandalone: true, selector: "ax-chips", inputs: { tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: false, isRequired: false, transformFunction: null }, 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 }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { text: "textChange", look: "lookChange", size: "sizeChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXChipsComponent }], usesInheritance: true, hostDirectives: [{ directive: i1.AXRippleDirective }], ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n@if (text()) {\n <div class=\"ax-chips-text\">{{ text() }}</div>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: [".ax-sm ax-chips,ax-chips.ax-sm{--ax-comp-chips-gap: .375rem;--ax-comp-chips-padding-y: 0;--ax-comp-chips-padding-x: .5rem;--ax-comp-chips-font-size: .75rem;--ax-comp-chips-decorator-font-size: .75rem}.ax-md ax-chips,ax-chips{--ax-comp-chips-gap: .5rem;--ax-comp-chips-padding-y: .125rem;--ax-comp-chips-padding-x: .75rem;--ax-comp-chips-font-size: .875rem;--ax-comp-chips-decorator-font-size: .938rem}.ax-lg ax-chips,ax-chips.ax-lg{--ax-comp-chips-gap: .75rem;--ax-comp-chips-padding-y: .25rem;--ax-comp-chips-padding-x: 1rem;--ax-comp-chips-font-size: .875rem;--ax-comp-chips-decorator-font-size: .938rem}ax-chips.ax-outline.ax-default{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-chips-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-border-lighter-surface)}.ax-dark ax-chips.ax-outline.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-darkest-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-chips-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-border-darker-surface)}ax-chips.ax-outline.ax-primary{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-primary-surface);--ax-comp-chips-border-color: var(--ax-sys-color-primary-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-primary-dark-surface)}ax-chips.ax-outline.ax-secondary{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-chips-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-secondary-dark-surface)}ax-chips.ax-outline.ax-success{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-success-surface);--ax-comp-chips-border-color: var(--ax-sys-color-success-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-success-dark-surface)}ax-chips.ax-outline.ax-warning{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-warning-surface);--ax-comp-chips-border-color: var(--ax-sys-color-warning-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-warning-dark-surface)}ax-chips.ax-outline.ax-danger{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-danger-surface);--ax-comp-chips-border-color: var(--ax-sys-color-danger-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-danger-dark-surface)}ax-chips.ax-outline.ax-accent1{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent1-dark-surface)}ax-chips.ax-outline.ax-accent2{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent2-dark-surface)}ax-chips.ax-outline.ax-accent3{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent3-dark-surface)}ax-chips.ax-outline.ax-accent4{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent4-dark-surface)}ax-chips.ax-outline.ax-accent5{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent5-dark-surface)}ax-chips.ax-outline.ax-accent6{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent6-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent6-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent6-dark-surface)}ax-chips.ax-outline.ax-accent7{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent7-dark-surface)}ax-chips.ax-solid.ax-default{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-chips-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-chips-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-border-lighter-surface)}.ax-dark ax-chips.ax-solid.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-darkest-surface), .3);--ax-comp-chips-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-chips-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-border-darker-surface)}ax-chips.ax-solid.ax-primary{--ax-comp-chips-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-primary-dark-surface)}ax-chips.ax-solid.ax-secondary{--ax-comp-chips-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-secondary-dark-surface)}ax-chips.ax-solid.ax-success{--ax-comp-chips-bg-color: var(--ax-sys-color-success-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-success-dark-surface)}ax-chips.ax-solid.ax-warning{--ax-comp-chips-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-warning-dark-surface)}ax-chips.ax-solid.ax-danger{--ax-comp-chips-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-danger-dark-surface)}ax-chips.ax-solid.ax-accent1{--ax-comp-chips-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent1-dark-surface)}ax-chips.ax-solid.ax-accent2{--ax-comp-chips-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent2-dark-surface)}ax-chips.ax-solid.ax-accent3{--ax-comp-chips-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent3-dark-surface)}ax-chips.ax-solid.ax-accent4{--ax-comp-chips-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent4-dark-surface)}ax-chips.ax-solid.ax-accent5{--ax-comp-chips-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent5-dark-surface)}ax-chips.ax-solid.ax-accent6{--ax-comp-chips-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent6-dark-surface)}ax-chips.ax-solid.ax-accent7{--ax-comp-chips-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent7-dark-surface)}ax-chips.ax-twotone.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-chips-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-light-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-light-surface)}.ax-dark ax-chips.ax-twotone.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-darkest-surface), .3);--ax-comp-chips-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-dark-surface)}ax-chips.ax-twotone.ax-primary{--ax-comp-chips-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-primary-lighter-surface)}ax-chips.ax-twotone.ax-secondary{--ax-comp-chips-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-secondary-lighter-surface)}ax-chips.ax-twotone.ax-success{--ax-comp-chips-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-success-lighter-surface)}ax-chips.ax-twotone.ax-warning{--ax-comp-chips-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-warning-lighter-surface)}ax-chips.ax-twotone.ax-danger{--ax-comp-chips-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-danger-lighter-surface)}ax-chips.ax-twotone.ax-accent1{--ax-comp-chips-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent1-lighter-surface)}ax-chips.ax-twotone.ax-accent2{--ax-comp-chips-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent2-lighter-surface)}ax-chips.ax-twotone.ax-accent3{--ax-comp-chips-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent3-lighter-surface)}ax-chips.ax-twotone.ax-accent4{--ax-comp-chips-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent4-lighter-surface)}ax-chips.ax-twotone.ax-accent5{--ax-comp-chips-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent5-lighter-surface)}ax-chips.ax-twotone.ax-accent6{--ax-comp-chips-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent6-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent6-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent6-lighter-surface)}ax-chips.ax-twotone.ax-accent7{--ax-comp-chips-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent7-lighter-surface)}ax-chips{display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;align-items:center;justify-content:center;gap:var(--ax-comp-chips-gap);font-size:var(--ax-comp-chips-font-size);color:rgba(var(--ax-comp-chips-text-color));padding-left:var(--ax-comp-chips-padding-x);padding-right:var(--ax-comp-chips-padding-x);padding-top:var(--ax-comp-chips-padding-y);padding-bottom:var(--ax-comp-chips-padding-y);line-height:var(--ax-comp-chips-line-height, 1.25rem);font-weight:var(--ax-comp-chips-font-weight, 500);border-radius:var(--ax-comp-chips-border-radius, 9999px);border-width:var(--ax-comp-chips-border-width, 0);border-color:rgba(var(--ax-comp-chips-border-color));background-color:rgba(var(--ax-comp-chips-bg-color));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-chips:focus-visible{outline-width:var(--ax-comp-chips-focus-outline-width, 2px);outline-color:var(--ax-comp-chips-focus-outline-color, rgba(0, 0, 0, .5));outline-offset:var(--ax-comp-chips-focus-outline-offset, 2px)}ax-chips:hover{color:rgba(var(--ax-comp-chips-hover-text-color, var(--ax-comp-chips-text-color)));background-color:rgba(var(--ax-comp-chips-hover-bg-color, var(--ax-comp-chips-bg-color)));border-color:rgba(var(--ax-comp-chips-hover-border-color, var(--ax-comp-chips-border-color)))}ax-chips .ax-chips-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}ax-chips ax-prefix,ax-chips ax-suffix{display:flex;align-items:center;font-size:var(--ax-comp-chips-decorator-font-size);line-height:var(--ax-comp-chips-decorator-line-height, 1.75rem)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
29
31
|
}
|
|
30
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXChipsComponent, decorators: [{
|
|
31
33
|
type: Component,
|
|
32
|
-
args: [{ selector: 'ax-chips', inputs: ['tabIndex', 'color', 'look'], hostDirectives: [AXRippleDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXChipsComponent }], template: "<ng-content select=\"ax-prefix\"></ng-content>\n@if (text()) {\n <div class=\"ax-chips-text\">{{ text() }}</div>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["@reference \"../../../../styles/themes/default.css\";@layer components{ax-chips{@apply relative flex cursor-pointer items-center justify-center gap-1.5 rounded-full border px-2 py-1 text-sm font-medium transition-all select-none;}ax-chips .ax-chips-text{@apply overflow-hidden text-ellipsis whitespace-nowrap;}ax-chips ax-prefix,ax-chips ax-suffix{@apply flex items-center;}ax-chips.ax-xs{@apply gap-1 px-1 py-0.5 text-xs;}ax-chips.ax-sm{@apply gap-1.5 px-2 py-1 text-sm;}ax-chips.ax-md{@apply gap-2 px-3 py-2 text-base;}ax-chips.ax-lg{@apply gap-2.5 px-4 py-3 text-lg;}ax-chips.ax-xl{@apply gap-3 px-5 py-4 text-2xl;}}\n"] }]
|
|
33
|
-
}], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }, { type: i0.Output, args: ["textChange"] }], __hostClass: [{
|
|
34
|
+
args: [{ selector: 'ax-chips', inputs: ['tabIndex', 'color'], hostDirectives: [AXRippleDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXChipsComponent }], template: "<ng-content select=\"ax-prefix\"></ng-content>\n@if (text()) {\n <div class=\"ax-chips-text\">{{ text() }}</div>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: [".ax-sm ax-chips,ax-chips.ax-sm{--ax-comp-chips-gap: .375rem;--ax-comp-chips-padding-y: 0;--ax-comp-chips-padding-x: .5rem;--ax-comp-chips-font-size: .75rem;--ax-comp-chips-decorator-font-size: .75rem}.ax-md ax-chips,ax-chips{--ax-comp-chips-gap: .5rem;--ax-comp-chips-padding-y: .125rem;--ax-comp-chips-padding-x: .75rem;--ax-comp-chips-font-size: .875rem;--ax-comp-chips-decorator-font-size: .938rem}.ax-lg ax-chips,ax-chips.ax-lg{--ax-comp-chips-gap: .75rem;--ax-comp-chips-padding-y: .25rem;--ax-comp-chips-padding-x: 1rem;--ax-comp-chips-font-size: .875rem;--ax-comp-chips-decorator-font-size: .938rem}ax-chips.ax-outline.ax-default{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-chips-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-border-lighter-surface)}.ax-dark ax-chips.ax-outline.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-darkest-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-chips-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-border-darker-surface)}ax-chips.ax-outline.ax-primary{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-primary-surface);--ax-comp-chips-border-color: var(--ax-sys-color-primary-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-primary-dark-surface)}ax-chips.ax-outline.ax-secondary{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-chips-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-secondary-dark-surface)}ax-chips.ax-outline.ax-success{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-success-surface);--ax-comp-chips-border-color: var(--ax-sys-color-success-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-success-dark-surface)}ax-chips.ax-outline.ax-warning{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-warning-surface);--ax-comp-chips-border-color: var(--ax-sys-color-warning-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-warning-dark-surface)}ax-chips.ax-outline.ax-danger{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-danger-surface);--ax-comp-chips-border-color: var(--ax-sys-color-danger-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-danger-dark-surface)}ax-chips.ax-outline.ax-accent1{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent1-dark-surface)}ax-chips.ax-outline.ax-accent2{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent2-dark-surface)}ax-chips.ax-outline.ax-accent3{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent3-dark-surface)}ax-chips.ax-outline.ax-accent4{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent4-dark-surface)}ax-chips.ax-outline.ax-accent5{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent5-dark-surface)}ax-chips.ax-outline.ax-accent6{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent6-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent6-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent6-dark-surface)}ax-chips.ax-outline.ax-accent7{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent7-dark-surface)}ax-chips.ax-solid.ax-default{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-chips-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-chips-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-border-lighter-surface)}.ax-dark ax-chips.ax-solid.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-darkest-surface), .3);--ax-comp-chips-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-chips-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-border-darker-surface)}ax-chips.ax-solid.ax-primary{--ax-comp-chips-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-primary-dark-surface)}ax-chips.ax-solid.ax-secondary{--ax-comp-chips-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-secondary-dark-surface)}ax-chips.ax-solid.ax-success{--ax-comp-chips-bg-color: var(--ax-sys-color-success-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-success-dark-surface)}ax-chips.ax-solid.ax-warning{--ax-comp-chips-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-warning-dark-surface)}ax-chips.ax-solid.ax-danger{--ax-comp-chips-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-danger-dark-surface)}ax-chips.ax-solid.ax-accent1{--ax-comp-chips-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent1-dark-surface)}ax-chips.ax-solid.ax-accent2{--ax-comp-chips-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent2-dark-surface)}ax-chips.ax-solid.ax-accent3{--ax-comp-chips-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent3-dark-surface)}ax-chips.ax-solid.ax-accent4{--ax-comp-chips-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent4-dark-surface)}ax-chips.ax-solid.ax-accent5{--ax-comp-chips-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent5-dark-surface)}ax-chips.ax-solid.ax-accent6{--ax-comp-chips-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent6-dark-surface)}ax-chips.ax-solid.ax-accent7{--ax-comp-chips-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent7-dark-surface)}ax-chips.ax-twotone.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-chips-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-light-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-light-surface)}.ax-dark ax-chips.ax-twotone.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-darkest-surface), .3);--ax-comp-chips-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-dark-surface)}ax-chips.ax-twotone.ax-primary{--ax-comp-chips-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-primary-lighter-surface)}ax-chips.ax-twotone.ax-secondary{--ax-comp-chips-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-secondary-lighter-surface)}ax-chips.ax-twotone.ax-success{--ax-comp-chips-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-success-lighter-surface)}ax-chips.ax-twotone.ax-warning{--ax-comp-chips-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-warning-lighter-surface)}ax-chips.ax-twotone.ax-danger{--ax-comp-chips-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-danger-lighter-surface)}ax-chips.ax-twotone.ax-accent1{--ax-comp-chips-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent1-lighter-surface)}ax-chips.ax-twotone.ax-accent2{--ax-comp-chips-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent2-lighter-surface)}ax-chips.ax-twotone.ax-accent3{--ax-comp-chips-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent3-lighter-surface)}ax-chips.ax-twotone.ax-accent4{--ax-comp-chips-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent4-lighter-surface)}ax-chips.ax-twotone.ax-accent5{--ax-comp-chips-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent5-lighter-surface)}ax-chips.ax-twotone.ax-accent6{--ax-comp-chips-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent6-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent6-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent6-lighter-surface)}ax-chips.ax-twotone.ax-accent7{--ax-comp-chips-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent7-lighter-surface)}ax-chips{display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;align-items:center;justify-content:center;gap:var(--ax-comp-chips-gap);font-size:var(--ax-comp-chips-font-size);color:rgba(var(--ax-comp-chips-text-color));padding-left:var(--ax-comp-chips-padding-x);padding-right:var(--ax-comp-chips-padding-x);padding-top:var(--ax-comp-chips-padding-y);padding-bottom:var(--ax-comp-chips-padding-y);line-height:var(--ax-comp-chips-line-height, 1.25rem);font-weight:var(--ax-comp-chips-font-weight, 500);border-radius:var(--ax-comp-chips-border-radius, 9999px);border-width:var(--ax-comp-chips-border-width, 0);border-color:rgba(var(--ax-comp-chips-border-color));background-color:rgba(var(--ax-comp-chips-bg-color));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-chips:focus-visible{outline-width:var(--ax-comp-chips-focus-outline-width, 2px);outline-color:var(--ax-comp-chips-focus-outline-color, rgba(0, 0, 0, .5));outline-offset:var(--ax-comp-chips-focus-outline-offset, 2px)}ax-chips:hover{color:rgba(var(--ax-comp-chips-hover-text-color, var(--ax-comp-chips-text-color)));background-color:rgba(var(--ax-comp-chips-hover-bg-color, var(--ax-comp-chips-bg-color)));border-color:rgba(var(--ax-comp-chips-hover-border-color, var(--ax-comp-chips-border-color)))}ax-chips .ax-chips-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}ax-chips ax-prefix,ax-chips ax-suffix{display:flex;align-items:center;font-size:var(--ax-comp-chips-decorator-font-size);line-height:var(--ax-comp-chips-decorator-line-height, 1.75rem)}\n"] }]
|
|
35
|
+
}], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }, { type: i0.Output, args: ["textChange"] }], look: [{ type: i0.Input, args: [{ isSignal: true, alias: "look", required: false }] }, { type: i0.Output, args: ["lookChange"] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }, { type: i0.Output, args: ["sizeChange"] }], __hostClass: [{
|
|
34
36
|
type: HostBinding,
|
|
35
37
|
args: ['class']
|
|
36
38
|
}] } });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"acorex-components-chips.mjs","sources":["../../../../packages/components/chips/src/lib/chips.component.ts","../../../../packages/components/chips/src/lib/chips.component.html","../../../../packages/components/chips/src/lib/chips.module.ts","../../../../packages/components/chips/src/acorex-components-chips.ts"],"sourcesContent":["import { AXComponent, AXRippleDirective, MXColorLookComponent } from '@acorex/cdk/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation, model } from '@angular/core';\n\n/**\n * A component for displaying and managing a set of chips.\n *\n * @category Components\n */\n@Component({\n selector: 'ax-chips',\n templateUrl: './chips.component.html',\n styleUrls: ['./chips.component.css'],\n inputs: ['tabIndex', 'color', 'look'],\n hostDirectives: [AXRippleDirective],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [{ provide: AXComponent, useExisting: AXChipsComponent }],\n})\nexport class AXChipsComponent extends MXColorLookComponent {\n /**\n * The text displayed on the chips.\n *\n * @defaultValue ''\n */\n text = model('');\n\n /**\n * @ignore\n */\n @HostBinding('class')\n private get __hostClass(): string {\n return `${this.color} ${this.interactiveLook} `;\n }\n}\n","<ng-content select=\"ax-prefix\"></ng-content>\n@if (text()) {\n <div class=\"ax-chips-text\">{{ text() }}</div>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n","import { NgModule } from '@angular/core';\nimport { AXChipsComponent } from './chips.component';\n\n@NgModule({\n imports: [AXChipsComponent],\n exports: [AXChipsComponent],\n})\nexport class AXChipsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"acorex-components-chips.mjs","sources":["../tmp-esm2022/chips/lib/chips.component.js","../tmp-esm2022/chips/lib/chips.module.js","../tmp-esm2022/chips/acorex-components-chips.js"],"sourcesContent":["import { AXComponent, AXRippleDirective, MXColorComponent } from '@acorex/cdk/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation, model } from '@angular/core';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@acorex/cdk/common\";\n/**\n * A component for displaying and managing a set of chips.\n *\n * @category Components\n */\nexport class AXChipsComponent extends MXColorComponent {\n constructor() {\n super(...arguments);\n /**\n * The text displayed on the chips.\n *\n * @defaultValue ''\n */\n this.text = model('', ...(ngDevMode ? [{ debugName: \"text\" }] : []));\n this.look = model('solid', ...(ngDevMode ? [{ debugName: \"look\" }] : []));\n this.size = model('ax-md', ...(ngDevMode ? [{ debugName: \"size\" }] : []));\n }\n /**\n * @ignore\n */\n get __hostClass() {\n return `ax-${this.color} ax-${this.look()} ${this.size()}`;\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: AXChipsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.3.9\", type: AXChipsComponent, isStandalone: true, selector: \"ax-chips\", inputs: { tabIndex: { classPropertyName: \"tabIndex\", publicName: \"tabIndex\", isSignal: false, isRequired: false, transformFunction: null }, 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 }, size: { classPropertyName: \"size\", publicName: \"size\", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { text: \"textChange\", look: \"lookChange\", size: \"sizeChange\" }, host: { properties: { \"class\": \"this.__hostClass\" } }, providers: [{ provide: AXComponent, useExisting: AXChipsComponent }], usesInheritance: true, hostDirectives: [{ directive: i1.AXRippleDirective }], ngImport: i0, template: \"<ng-content select=\\\"ax-prefix\\\"></ng-content>\\n@if (text()) {\\n <div class=\\\"ax-chips-text\\\">{{ text() }}</div>\\n}\\n<ng-content select=\\\"ax-suffix\\\"></ng-content>\\n\", styles: [\".ax-sm ax-chips,ax-chips.ax-sm{--ax-comp-chips-gap: .375rem;--ax-comp-chips-padding-y: 0;--ax-comp-chips-padding-x: .5rem;--ax-comp-chips-font-size: .75rem;--ax-comp-chips-decorator-font-size: .75rem}.ax-md ax-chips,ax-chips{--ax-comp-chips-gap: .5rem;--ax-comp-chips-padding-y: .125rem;--ax-comp-chips-padding-x: .75rem;--ax-comp-chips-font-size: .875rem;--ax-comp-chips-decorator-font-size: .938rem}.ax-lg ax-chips,ax-chips.ax-lg{--ax-comp-chips-gap: .75rem;--ax-comp-chips-padding-y: .25rem;--ax-comp-chips-padding-x: 1rem;--ax-comp-chips-font-size: .875rem;--ax-comp-chips-decorator-font-size: .938rem}ax-chips.ax-outline.ax-default{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-chips-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-border-lighter-surface)}.ax-dark ax-chips.ax-outline.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-darkest-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-chips-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-border-darker-surface)}ax-chips.ax-outline.ax-primary{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-primary-surface);--ax-comp-chips-border-color: var(--ax-sys-color-primary-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-primary-dark-surface)}ax-chips.ax-outline.ax-secondary{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-chips-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-secondary-dark-surface)}ax-chips.ax-outline.ax-success{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-success-surface);--ax-comp-chips-border-color: var(--ax-sys-color-success-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-success-dark-surface)}ax-chips.ax-outline.ax-warning{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-warning-surface);--ax-comp-chips-border-color: var(--ax-sys-color-warning-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-warning-dark-surface)}ax-chips.ax-outline.ax-danger{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-danger-surface);--ax-comp-chips-border-color: var(--ax-sys-color-danger-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-danger-dark-surface)}ax-chips.ax-outline.ax-accent1{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent1-dark-surface)}ax-chips.ax-outline.ax-accent2{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent2-dark-surface)}ax-chips.ax-outline.ax-accent3{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent3-dark-surface)}ax-chips.ax-outline.ax-accent4{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent4-dark-surface)}ax-chips.ax-outline.ax-accent5{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent5-dark-surface)}ax-chips.ax-outline.ax-accent6{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent6-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent6-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent6-dark-surface)}ax-chips.ax-outline.ax-accent7{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent7-dark-surface)}ax-chips.ax-solid.ax-default{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-chips-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-chips-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-border-lighter-surface)}.ax-dark ax-chips.ax-solid.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-darkest-surface), .3);--ax-comp-chips-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-chips-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-border-darker-surface)}ax-chips.ax-solid.ax-primary{--ax-comp-chips-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-primary-dark-surface)}ax-chips.ax-solid.ax-secondary{--ax-comp-chips-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-secondary-dark-surface)}ax-chips.ax-solid.ax-success{--ax-comp-chips-bg-color: var(--ax-sys-color-success-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-success-dark-surface)}ax-chips.ax-solid.ax-warning{--ax-comp-chips-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-warning-dark-surface)}ax-chips.ax-solid.ax-danger{--ax-comp-chips-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-danger-dark-surface)}ax-chips.ax-solid.ax-accent1{--ax-comp-chips-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent1-dark-surface)}ax-chips.ax-solid.ax-accent2{--ax-comp-chips-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent2-dark-surface)}ax-chips.ax-solid.ax-accent3{--ax-comp-chips-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent3-dark-surface)}ax-chips.ax-solid.ax-accent4{--ax-comp-chips-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent4-dark-surface)}ax-chips.ax-solid.ax-accent5{--ax-comp-chips-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent5-dark-surface)}ax-chips.ax-solid.ax-accent6{--ax-comp-chips-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent6-dark-surface)}ax-chips.ax-solid.ax-accent7{--ax-comp-chips-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent7-dark-surface)}ax-chips.ax-twotone.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-chips-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-light-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-light-surface)}.ax-dark ax-chips.ax-twotone.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-darkest-surface), .3);--ax-comp-chips-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-dark-surface)}ax-chips.ax-twotone.ax-primary{--ax-comp-chips-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-primary-lighter-surface)}ax-chips.ax-twotone.ax-secondary{--ax-comp-chips-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-secondary-lighter-surface)}ax-chips.ax-twotone.ax-success{--ax-comp-chips-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-success-lighter-surface)}ax-chips.ax-twotone.ax-warning{--ax-comp-chips-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-warning-lighter-surface)}ax-chips.ax-twotone.ax-danger{--ax-comp-chips-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-danger-lighter-surface)}ax-chips.ax-twotone.ax-accent1{--ax-comp-chips-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent1-lighter-surface)}ax-chips.ax-twotone.ax-accent2{--ax-comp-chips-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent2-lighter-surface)}ax-chips.ax-twotone.ax-accent3{--ax-comp-chips-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent3-lighter-surface)}ax-chips.ax-twotone.ax-accent4{--ax-comp-chips-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent4-lighter-surface)}ax-chips.ax-twotone.ax-accent5{--ax-comp-chips-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent5-lighter-surface)}ax-chips.ax-twotone.ax-accent6{--ax-comp-chips-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent6-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent6-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent6-lighter-surface)}ax-chips.ax-twotone.ax-accent7{--ax-comp-chips-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent7-lighter-surface)}ax-chips{display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;align-items:center;justify-content:center;gap:var(--ax-comp-chips-gap);font-size:var(--ax-comp-chips-font-size);color:rgba(var(--ax-comp-chips-text-color));padding-left:var(--ax-comp-chips-padding-x);padding-right:var(--ax-comp-chips-padding-x);padding-top:var(--ax-comp-chips-padding-y);padding-bottom:var(--ax-comp-chips-padding-y);line-height:var(--ax-comp-chips-line-height, 1.25rem);font-weight:var(--ax-comp-chips-font-weight, 500);border-radius:var(--ax-comp-chips-border-radius, 9999px);border-width:var(--ax-comp-chips-border-width, 0);border-color:rgba(var(--ax-comp-chips-border-color));background-color:rgba(var(--ax-comp-chips-bg-color));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-chips:focus-visible{outline-width:var(--ax-comp-chips-focus-outline-width, 2px);outline-color:var(--ax-comp-chips-focus-outline-color, rgba(0, 0, 0, .5));outline-offset:var(--ax-comp-chips-focus-outline-offset, 2px)}ax-chips:hover{color:rgba(var(--ax-comp-chips-hover-text-color, var(--ax-comp-chips-text-color)));background-color:rgba(var(--ax-comp-chips-hover-bg-color, var(--ax-comp-chips-bg-color)));border-color:rgba(var(--ax-comp-chips-hover-border-color, var(--ax-comp-chips-border-color)))}ax-chips .ax-chips-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}ax-chips ax-prefix,ax-chips ax-suffix{display:flex;align-items:center;font-size:var(--ax-comp-chips-decorator-font-size);line-height:var(--ax-comp-chips-decorator-line-height, 1.75rem)}\\n\"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: AXChipsComponent, decorators: [{\n type: Component,\n args: [{ selector: 'ax-chips', inputs: ['tabIndex', 'color'], hostDirectives: [AXRippleDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXChipsComponent }], template: \"<ng-content select=\\\"ax-prefix\\\"></ng-content>\\n@if (text()) {\\n <div class=\\\"ax-chips-text\\\">{{ text() }}</div>\\n}\\n<ng-content select=\\\"ax-suffix\\\"></ng-content>\\n\", styles: [\".ax-sm ax-chips,ax-chips.ax-sm{--ax-comp-chips-gap: .375rem;--ax-comp-chips-padding-y: 0;--ax-comp-chips-padding-x: .5rem;--ax-comp-chips-font-size: .75rem;--ax-comp-chips-decorator-font-size: .75rem}.ax-md ax-chips,ax-chips{--ax-comp-chips-gap: .5rem;--ax-comp-chips-padding-y: .125rem;--ax-comp-chips-padding-x: .75rem;--ax-comp-chips-font-size: .875rem;--ax-comp-chips-decorator-font-size: .938rem}.ax-lg ax-chips,ax-chips.ax-lg{--ax-comp-chips-gap: .75rem;--ax-comp-chips-padding-y: .25rem;--ax-comp-chips-padding-x: 1rem;--ax-comp-chips-font-size: .875rem;--ax-comp-chips-decorator-font-size: .938rem}ax-chips.ax-outline.ax-default{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-chips-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-border-lighter-surface)}.ax-dark ax-chips.ax-outline.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-darkest-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-chips-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-border-darker-surface)}ax-chips.ax-outline.ax-primary{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-primary-surface);--ax-comp-chips-border-color: var(--ax-sys-color-primary-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-primary-dark-surface)}ax-chips.ax-outline.ax-secondary{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-chips-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-secondary-dark-surface)}ax-chips.ax-outline.ax-success{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-success-surface);--ax-comp-chips-border-color: var(--ax-sys-color-success-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-success-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-success-dark-surface)}ax-chips.ax-outline.ax-warning{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-warning-surface);--ax-comp-chips-border-color: var(--ax-sys-color-warning-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-warning-dark-surface)}ax-chips.ax-outline.ax-danger{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-danger-surface);--ax-comp-chips-border-color: var(--ax-sys-color-danger-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-danger-dark-surface)}ax-chips.ax-outline.ax-accent1{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent1-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent1-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent1-dark-surface)}ax-chips.ax-outline.ax-accent2{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent2-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent2-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent2-dark-surface)}ax-chips.ax-outline.ax-accent3{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent3-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent3-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent3-dark-surface)}ax-chips.ax-outline.ax-accent4{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent4-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent4-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent4-dark-surface)}ax-chips.ax-outline.ax-accent5{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent5-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent5-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent5-dark-surface)}ax-chips.ax-outline.ax-accent6{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent6-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent6-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent6-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent6-dark-surface)}ax-chips.ax-outline.ax-accent7{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-accent7-surface), .3);--ax-comp-chips-text-color: var(--ax-sys-color-accent7-surface);--ax-comp-chips-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-accent7-dark-surface)}ax-chips.ax-solid.ax-default{--ax-comp-chips-border-width: 1px;--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-chips-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-chips-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-border-lighter-surface)}.ax-dark ax-chips.ax-solid.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-darkest-surface), .3);--ax-comp-chips-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-chips-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-chips-hover-border-color: var(--ax-sys-color-border-darker-surface)}ax-chips.ax-solid.ax-primary{--ax-comp-chips-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-primary-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-primary-dark-surface)}ax-chips.ax-solid.ax-secondary{--ax-comp-chips-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-secondary-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-secondary-dark-surface)}ax-chips.ax-solid.ax-success{--ax-comp-chips-bg-color: var(--ax-sys-color-success-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-success-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-success-dark-surface)}ax-chips.ax-solid.ax-warning{--ax-comp-chips-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-warning-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-warning-dark-surface)}ax-chips.ax-solid.ax-danger{--ax-comp-chips-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-danger-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-danger-dark-surface)}ax-chips.ax-solid.ax-accent1{--ax-comp-chips-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent1-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent1-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent1-dark-surface)}ax-chips.ax-solid.ax-accent2{--ax-comp-chips-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent2-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent2-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent2-dark-surface)}ax-chips.ax-solid.ax-accent3{--ax-comp-chips-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent3-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent3-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent3-dark-surface)}ax-chips.ax-solid.ax-accent4{--ax-comp-chips-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent4-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent4-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent4-dark-surface)}ax-chips.ax-solid.ax-accent5{--ax-comp-chips-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent5-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent5-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent5-dark-surface)}ax-chips.ax-solid.ax-accent6{--ax-comp-chips-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent6-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent6-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent6-dark-surface)}ax-chips.ax-solid.ax-accent7{--ax-comp-chips-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent7-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent7-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent7-dark-surface)}ax-chips.ax-twotone.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .3);--ax-comp-chips-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-lighter-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-light-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-light-surface)}.ax-dark ax-chips.ax-twotone.ax-default{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-darkest-surface), .3);--ax-comp-chips-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-dark-surface)}ax-chips.ax-twotone.ax-primary{--ax-comp-chips-bg-color: var(--ax-sys-color-primary-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-primary-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-primary-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-primary-lighter-surface)}ax-chips.ax-twotone.ax-secondary{--ax-comp-chips-bg-color: var(--ax-sys-color-secondary-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-secondary-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-secondary-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-secondary-lighter-surface)}ax-chips.ax-twotone.ax-success{--ax-comp-chips-bg-color: var(--ax-sys-color-success-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-success-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-success-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-success-lighter-surface)}ax-chips.ax-twotone.ax-warning{--ax-comp-chips-bg-color: var(--ax-sys-color-warning-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-warning-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-warning-lighter-surface)}ax-chips.ax-twotone.ax-danger{--ax-comp-chips-bg-color: var(--ax-sys-color-danger-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-danger-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-danger-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-danger-lighter-surface)}ax-chips.ax-twotone.ax-accent1{--ax-comp-chips-bg-color: var(--ax-sys-color-accent1-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent1-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent1-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent1-lighter-surface)}ax-chips.ax-twotone.ax-accent2{--ax-comp-chips-bg-color: var(--ax-sys-color-accent2-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent2-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent2-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent2-lighter-surface)}ax-chips.ax-twotone.ax-accent3{--ax-comp-chips-bg-color: var(--ax-sys-color-accent3-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent3-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent3-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent3-lighter-surface)}ax-chips.ax-twotone.ax-accent4{--ax-comp-chips-bg-color: var(--ax-sys-color-accent4-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent4-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent4-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent4-lighter-surface)}ax-chips.ax-twotone.ax-accent5{--ax-comp-chips-bg-color: var(--ax-sys-color-accent5-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent5-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent5-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent5-lighter-surface)}ax-chips.ax-twotone.ax-accent6{--ax-comp-chips-bg-color: var(--ax-sys-color-accent6-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent6-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent6-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent6-lighter-surface)}ax-chips.ax-twotone.ax-accent7{--ax-comp-chips-bg-color: var(--ax-sys-color-accent7-lightest-surface);--ax-comp-chips-text-color: var(--ax-sys-color-on-accent7-lightest-surface);--ax-comp-chips-hover-bg-color: var(--ax-sys-color-accent7-lighter-surface);--ax-comp-chips-hover-text-color: var(--ax-sys-color-on-accent7-lighter-surface)}ax-chips{display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;align-items:center;justify-content:center;gap:var(--ax-comp-chips-gap);font-size:var(--ax-comp-chips-font-size);color:rgba(var(--ax-comp-chips-text-color));padding-left:var(--ax-comp-chips-padding-x);padding-right:var(--ax-comp-chips-padding-x);padding-top:var(--ax-comp-chips-padding-y);padding-bottom:var(--ax-comp-chips-padding-y);line-height:var(--ax-comp-chips-line-height, 1.25rem);font-weight:var(--ax-comp-chips-font-weight, 500);border-radius:var(--ax-comp-chips-border-radius, 9999px);border-width:var(--ax-comp-chips-border-width, 0);border-color:rgba(var(--ax-comp-chips-border-color));background-color:rgba(var(--ax-comp-chips-bg-color));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-chips:focus-visible{outline-width:var(--ax-comp-chips-focus-outline-width, 2px);outline-color:var(--ax-comp-chips-focus-outline-color, rgba(0, 0, 0, .5));outline-offset:var(--ax-comp-chips-focus-outline-offset, 2px)}ax-chips:hover{color:rgba(var(--ax-comp-chips-hover-text-color, var(--ax-comp-chips-text-color)));background-color:rgba(var(--ax-comp-chips-hover-bg-color, var(--ax-comp-chips-bg-color)));border-color:rgba(var(--ax-comp-chips-hover-border-color, var(--ax-comp-chips-border-color)))}ax-chips .ax-chips-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}ax-chips ax-prefix,ax-chips ax-suffix{display:flex;align-items:center;font-size:var(--ax-comp-chips-decorator-font-size);line-height:var(--ax-comp-chips-decorator-line-height, 1.75rem)}\\n\"] }]\n }], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: \"text\", required: false }] }, { type: i0.Output, args: [\"textChange\"] }], look: [{ type: i0.Input, args: [{ isSignal: true, alias: \"look\", required: false }] }, { type: i0.Output, args: [\"lookChange\"] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: \"size\", required: false }] }, { type: i0.Output, args: [\"sizeChange\"] }], __hostClass: [{\n type: HostBinding,\n args: ['class']\n }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9jaGlwcy9zcmMvbGliL2NoaXBzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY2hpcHMvc3JjL2xpYi9jaGlwcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFvQyxnQkFBZ0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3hILE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBSzFHOzs7O0dBSUc7QUFXSCxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsZ0JBQWdCO0lBVnREOztRQVdFOzs7O1dBSUc7UUFDSCxTQUFJLEdBQUcsS0FBSyxDQUFDLEVBQUUsZ0RBQUMsQ0FBQztRQUVqQixTQUFJLEdBQUcsS0FBSyxDQUFrQixPQUFPLGdEQUFDLENBQUM7UUFDdkMsU0FBSSxHQUFHLEtBQUssQ0FBa0IsT0FBTyxnREFBQyxDQUFDO0tBU3hDO0lBUEM7O09BRUc7SUFDSCxJQUNZLFdBQVc7UUFDckIsT0FBTyxNQUFNLElBQUksQ0FBQyxLQUFLLE9BQU8sSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDO0lBQzdELENBQUM7OEdBakJVLGdCQUFnQjtrR0FBaEIsZ0JBQWdCLDZ4QkFGaEIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsV0FBVyxFQUFFLGdCQUFnQixFQUFFLENBQUMsd0dDbkJ0RSx3S0FLQTs7MkZEZ0JhLGdCQUFnQjtrQkFWNUIsU0FBUzsrQkFDRSxVQUFVLFVBR1osQ0FBQyxVQUFVLEVBQUUsT0FBTyxDQUFDLGtCQUNiLENBQUMsaUJBQWlCLENBQUMsbUJBQ2xCLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksYUFDMUIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsV0FBVyxrQkFBa0IsRUFBRSxDQUFDOztzQkFnQm5FLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYQ29tcG9uZW50LCBBWFJpcHBsZURpcmVjdGl2ZSwgQVhTdHlsZUxvb2tUeXBlLCBBWFN0eWxlU2l6ZVR5cGUsIE1YQ29sb3JDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2Nkay9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIFZpZXdFbmNhcHN1bGF0aW9uLCBtb2RlbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgdHlwZSBBWENoaXBzTG9va1R5cGUgPSBFeHRyYWN0PEFYU3R5bGVMb29rVHlwZSwgJ3NvbGlkJyB8ICdvdXRsaW5lJyB8ICd0d290b25lJz47XG5leHBvcnQgdHlwZSBBWENoaXBzU2l6ZVR5cGUgPSBFeGNsdWRlPEFYU3R5bGVTaXplVHlwZSwgJ2F4LXhzJyB8ICdheC14bCc+O1xuXG4vKipcbiAqIEEgY29tcG9uZW50IGZvciBkaXNwbGF5aW5nIGFuZCBtYW5hZ2luZyBhIHNldCBvZiBjaGlwcy5cbiAqXG4gKiBAY2F0ZWdvcnkgQ29tcG9uZW50c1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1jaGlwcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGlwcy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NoaXBzLmNvbXBvbmVudC5zY3NzJ10sXG4gIGlucHV0czogWyd0YWJJbmRleCcsICdjb2xvciddLFxuICBob3N0RGlyZWN0aXZlczogW0FYUmlwcGxlRGlyZWN0aXZlXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHByb3ZpZGVyczogW3sgcHJvdmlkZTogQVhDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWENoaXBzQ29tcG9uZW50IH1dLFxufSlcbmV4cG9ydCBjbGFzcyBBWENoaXBzQ29tcG9uZW50IGV4dGVuZHMgTVhDb2xvckNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBUaGUgdGV4dCBkaXNwbGF5ZWQgb24gdGhlIGNoaXBzLlxuICAgKlxuICAgKiBAZGVmYXVsdFZhbHVlICcnXG4gICAqL1xuICB0ZXh0ID0gbW9kZWwoJycpO1xuXG4gIGxvb2sgPSBtb2RlbDxBWENoaXBzTG9va1R5cGU+KCdzb2xpZCcpO1xuICBzaXplID0gbW9kZWw8QVhDaGlwc1NpemVUeXBlPignYXgtbWQnKTtcblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcml2YXRlIGdldCBfX2hvc3RDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBgYXgtJHt0aGlzLmNvbG9yfSBheC0ke3RoaXMubG9vaygpfSAke3RoaXMuc2l6ZSgpfWA7XG4gIH1cbn1cbiIsIjxuZy1jb250ZW50IHNlbGVjdD1cImF4LXByZWZpeFwiPjwvbmctY29udGVudD5cbkBpZiAodGV4dCgpKSB7XG4gIDxkaXYgY2xhc3M9XCJheC1jaGlwcy10ZXh0XCI+e3sgdGV4dCgpIH19PC9kaXY+XG59XG48bmctY29udGVudCBzZWxlY3Q9XCJheC1zdWZmaXhcIj48L25nLWNvbnRlbnQ+XG4iXX0=","import { NgModule } from '@angular/core';\nimport { AXChipsComponent } from './chips.component';\nimport * as i0 from \"@angular/core\";\nexport class AXChipsModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: AXChipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.3.9\", ngImport: i0, type: AXChipsModule, imports: [AXChipsComponent], exports: [AXChipsComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: AXChipsModule }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: AXChipsModule, decorators: [{\n type: NgModule,\n args: [{\n imports: [AXChipsComponent],\n exports: [AXChipsComponent],\n }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcHMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9jaGlwcy9zcmMvbGliL2NoaXBzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG1CQUFtQixDQUFDOztBQU1yRCxNQUFNLE9BQU8sYUFBYTs4R0FBYixhQUFhOytHQUFiLGFBQWEsWUFIZCxnQkFBZ0IsYUFDaEIsZ0JBQWdCOytHQUVmLGFBQWE7OzJGQUFiLGFBQWE7a0JBSnpCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7b0JBQzNCLE9BQU8sRUFBRSxDQUFDLGdCQUFnQixDQUFDO2lCQUM1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWENoaXBzQ29tcG9uZW50IH0gZnJvbSAnLi9jaGlwcy5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbQVhDaGlwc0NvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtBWENoaXBzQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgQVhDaGlwc01vZHVsZSB7fVxuIl19","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtY2hpcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2NoaXBzL3NyYy9hY29yZXgtY29tcG9uZW50cy1jaGlwcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}
|
|
@@ -48,7 +48,7 @@ class AXCircularProgressComponent extends MXColorComponent {
|
|
|
48
48
|
* @ignore
|
|
49
49
|
*/
|
|
50
50
|
get __hostClass() {
|
|
51
|
-
return
|
|
51
|
+
return `ax-${this['color']}`;
|
|
52
52
|
}
|
|
53
53
|
/**
|
|
54
54
|
* Sets the CSS custom properties to reflect the current `size` and `stroke` values.
|
|
@@ -89,11 +89,11 @@ class AXCircularProgressComponent extends MXColorComponent {
|
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
91
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCircularProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
92
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.9", type: AXCircularProgressComponent, isStandalone: true, selector: "ax-circular-progress", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null }, stroke: { classPropertyName: "stroke", publicName: "stroke", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { progress: "progressChange", stroke: "strokeChange", size: "sizeChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXCircularProgressComponent }], viewQueries: [{ propertyName: "circle", first: true, predicate: ["circle"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-progress-circular ax-progress-{{ mode() }}\" #circle>\n <span class=\"ax-progress-content\">\n <ng-content></ng-content>\n </span>\n</div>\n\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-circular-progress{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-primary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-primary-surface), .25)}ax-circular-progress.ax-primary .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-primary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-primary-surface), .25)}ax-circular-progress.ax-secondary .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-secondary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-secondary-surface), .25)}ax-circular-progress.ax-success .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-success-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-success-surface), .25)}ax-circular-progress.ax-warning .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-warning-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-warning-surface), .25)}ax-circular-progress.ax-danger .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-danger-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-danger-surface), .25)}ax-circular-progress.ax-accent1 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent1-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent1-surface), .25)}ax-circular-progress.ax-accent2 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent2-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent2-surface), .25)}ax-circular-progress.ax-accent3 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent3-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent3-surface), .25)}ax-circular-progress.ax-accent4 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent4-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent4-surface), .25)}ax-circular-progress.ax-accent5 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent5-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent5-surface), .25)}ax-circular-progress.ax-accent6 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent6-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent6-surface), .25)}ax-circular-progress.ax-accent7 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent7-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent7-surface), .25)}.dark ax-circular-progress{--ax-comp-progress-circular-inside-bg-color: var(--ax-sys-color-darkest-surface)}ax-circular-progress .ax-progress-circular{width:var(--ax-comp-circular-progress-circle-size, 48px);height:var(--ax-comp-circular-progress-circle-size, 48px);border-radius:9999px;background:conic-gradient(var(--ax-comp-progress-circular-color) 0deg,var(--ax-comp-progress-circular-line-color) 0deg);position:relative;display:flex;align-items:center;justify-content:center}ax-circular-progress .ax-progress-circular:before{content:\"\";position:absolute;border-radius:9999px;width:var(--ax-comp-circular-progress-stroke-size, 44px);height:var(--ax-comp-circular-progress-stroke-size, 44px);background-color:rgba(var(--ax-comp-progress-circular-inside-bg-color, var(--ax-sys-color-lightest-surface)))}ax-circular-progress .ax-progress-circular .ax-progress-content{position:relative;display:flex;align-items:center;justify-content:center}ax-circular-progress .ax-progress-circular.ax-progress-indeterminate{animation-name:rotate;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:var(--ax-comp-circular-progress-animation-duration, 1.5s)}@keyframes rotate{0%{transform:rotate(-360deg)}to{transform:rotate(360deg)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
92
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.9", type: AXCircularProgressComponent, isStandalone: true, selector: "ax-circular-progress", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null }, stroke: { classPropertyName: "stroke", publicName: "stroke", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { progress: "progressChange", stroke: "strokeChange", size: "sizeChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXCircularProgressComponent }], viewQueries: [{ propertyName: "circle", first: true, predicate: ["circle"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-progress-circular ax-progress-{{ mode() }}\" #circle>\n <span class=\"ax-progress-content\">\n <ng-content></ng-content>\n </span>\n</div>\n\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-circular-progress{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-primary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-primary-surface), .25)}ax-circular-progress.ax-primary .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-primary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-primary-surface), .25)}ax-circular-progress.ax-secondary .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-secondary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-secondary-surface), .25)}ax-circular-progress.ax-success .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-success-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-success-surface), .25)}ax-circular-progress.ax-warning .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-warning-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-warning-surface), .25)}ax-circular-progress.ax-danger .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-danger-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-danger-surface), .25)}ax-circular-progress.ax-accent1 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent1-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent1-surface), .25)}ax-circular-progress.ax-accent2 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent2-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent2-surface), .25)}ax-circular-progress.ax-accent3 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent3-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent3-surface), .25)}ax-circular-progress.ax-accent4 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent4-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent4-surface), .25)}ax-circular-progress.ax-accent5 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent5-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent5-surface), .25)}ax-circular-progress.ax-accent6 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent6-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent6-surface), .25)}ax-circular-progress.ax-accent7 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent7-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent7-surface), .25)}.ax-dark ax-circular-progress{--ax-comp-progress-circular-inside-bg-color: var(--ax-sys-color-darkest-surface)}ax-circular-progress .ax-progress-circular{width:var(--ax-comp-circular-progress-circle-size, 48px);height:var(--ax-comp-circular-progress-circle-size, 48px);border-radius:9999px;background:conic-gradient(var(--ax-comp-progress-circular-color) 0deg,var(--ax-comp-progress-circular-line-color) 0deg);position:relative;display:flex;align-items:center;justify-content:center}ax-circular-progress .ax-progress-circular:before{content:\"\";position:absolute;border-radius:9999px;width:var(--ax-comp-circular-progress-stroke-size, 44px);height:var(--ax-comp-circular-progress-stroke-size, 44px);background-color:rgba(var(--ax-comp-progress-circular-inside-bg-color, var(--ax-sys-color-lightest-surface)))}ax-circular-progress .ax-progress-circular .ax-progress-content{position:relative;display:flex;align-items:center;justify-content:center}ax-circular-progress .ax-progress-circular.ax-progress-indeterminate{animation-name:rotate;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:var(--ax-comp-circular-progress-animation-duration, 1.5s)}@keyframes rotate{0%{transform:rotate(-360deg)}to{transform:rotate(360deg)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
93
93
|
}
|
|
94
94
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCircularProgressComponent, decorators: [{
|
|
95
95
|
type: Component,
|
|
96
|
-
args: [{ selector: 'ax-circular-progress', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXCircularProgressComponent }], template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-progress-circular ax-progress-{{ mode() }}\" #circle>\n <span class=\"ax-progress-content\">\n <ng-content></ng-content>\n </span>\n</div>\n\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-circular-progress{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-primary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-primary-surface), .25)}ax-circular-progress.ax-primary .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-primary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-primary-surface), .25)}ax-circular-progress.ax-secondary .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-secondary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-secondary-surface), .25)}ax-circular-progress.ax-success .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-success-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-success-surface), .25)}ax-circular-progress.ax-warning .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-warning-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-warning-surface), .25)}ax-circular-progress.ax-danger .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-danger-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-danger-surface), .25)}ax-circular-progress.ax-accent1 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent1-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent1-surface), .25)}ax-circular-progress.ax-accent2 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent2-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent2-surface), .25)}ax-circular-progress.ax-accent3 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent3-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent3-surface), .25)}ax-circular-progress.ax-accent4 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent4-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent4-surface), .25)}ax-circular-progress.ax-accent5 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent5-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent5-surface), .25)}ax-circular-progress.ax-accent6 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent6-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent6-surface), .25)}ax-circular-progress.ax-accent7 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent7-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent7-surface), .25)}.dark ax-circular-progress{--ax-comp-progress-circular-inside-bg-color: var(--ax-sys-color-darkest-surface)}ax-circular-progress .ax-progress-circular{width:var(--ax-comp-circular-progress-circle-size, 48px);height:var(--ax-comp-circular-progress-circle-size, 48px);border-radius:9999px;background:conic-gradient(var(--ax-comp-progress-circular-color) 0deg,var(--ax-comp-progress-circular-line-color) 0deg);position:relative;display:flex;align-items:center;justify-content:center}ax-circular-progress .ax-progress-circular:before{content:\"\";position:absolute;border-radius:9999px;width:var(--ax-comp-circular-progress-stroke-size, 44px);height:var(--ax-comp-circular-progress-stroke-size, 44px);background-color:rgba(var(--ax-comp-progress-circular-inside-bg-color, var(--ax-sys-color-lightest-surface)))}ax-circular-progress .ax-progress-circular .ax-progress-content{position:relative;display:flex;align-items:center;justify-content:center}ax-circular-progress .ax-progress-circular.ax-progress-indeterminate{animation-name:rotate;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:var(--ax-comp-circular-progress-animation-duration, 1.5s)}@keyframes rotate{0%{transform:rotate(-360deg)}to{transform:rotate(360deg)}}\n"] }]
|
|
96
|
+
args: [{ selector: 'ax-circular-progress', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXCircularProgressComponent }], template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-progress-circular ax-progress-{{ mode() }}\" #circle>\n <span class=\"ax-progress-content\">\n <ng-content></ng-content>\n </span>\n</div>\n\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-circular-progress{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-primary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-primary-surface), .25)}ax-circular-progress.ax-primary .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-primary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-primary-surface), .25)}ax-circular-progress.ax-secondary .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-secondary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-secondary-surface), .25)}ax-circular-progress.ax-success .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-success-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-success-surface), .25)}ax-circular-progress.ax-warning .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-warning-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-warning-surface), .25)}ax-circular-progress.ax-danger .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-danger-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-danger-surface), .25)}ax-circular-progress.ax-accent1 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent1-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent1-surface), .25)}ax-circular-progress.ax-accent2 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent2-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent2-surface), .25)}ax-circular-progress.ax-accent3 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent3-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent3-surface), .25)}ax-circular-progress.ax-accent4 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent4-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent4-surface), .25)}ax-circular-progress.ax-accent5 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent5-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent5-surface), .25)}ax-circular-progress.ax-accent6 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent6-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent6-surface), .25)}ax-circular-progress.ax-accent7 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent7-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent7-surface), .25)}.ax-dark ax-circular-progress{--ax-comp-progress-circular-inside-bg-color: var(--ax-sys-color-darkest-surface)}ax-circular-progress .ax-progress-circular{width:var(--ax-comp-circular-progress-circle-size, 48px);height:var(--ax-comp-circular-progress-circle-size, 48px);border-radius:9999px;background:conic-gradient(var(--ax-comp-progress-circular-color) 0deg,var(--ax-comp-progress-circular-line-color) 0deg);position:relative;display:flex;align-items:center;justify-content:center}ax-circular-progress .ax-progress-circular:before{content:\"\";position:absolute;border-radius:9999px;width:var(--ax-comp-circular-progress-stroke-size, 44px);height:var(--ax-comp-circular-progress-stroke-size, 44px);background-color:rgba(var(--ax-comp-progress-circular-inside-bg-color, var(--ax-sys-color-lightest-surface)))}ax-circular-progress .ax-progress-circular .ax-progress-content{position:relative;display:flex;align-items:center;justify-content:center}ax-circular-progress .ax-progress-circular.ax-progress-indeterminate{animation-name:rotate;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:var(--ax-comp-circular-progress-animation-duration, 1.5s)}@keyframes rotate{0%{transform:rotate(-360deg)}to{transform:rotate(360deg)}}\n"] }]
|
|
97
97
|
}], ctorParameters: () => [], propDecorators: { circle: [{ type: i0.ViewChild, args: ['circle', { isSignal: true }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], progress: [{ type: i0.Input, args: [{ isSignal: true, alias: "progress", required: false }] }, { type: i0.Output, args: ["progressChange"] }], stroke: [{ type: i0.Input, args: [{ isSignal: true, alias: "stroke", required: false }] }, { type: i0.Output, args: ["strokeChange"] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }, { type: i0.Output, args: ["sizeChange"] }], __hostClass: [{
|
|
98
98
|
type: HostBinding,
|
|
99
99
|
args: ['class']
|