@acorex/components 7.8.13 → 7.8.14
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/esm2022/badge/lib/badge.component.mjs +2 -2
- package/esm2022/button/lib/button.component.mjs +2 -2
- package/esm2022/button-group/lib/button-group.component.mjs +2 -2
- package/esm2022/check-box/lib/check-box.component.mjs +3 -3
- package/esm2022/chips/lib/chips.component.mjs +2 -2
- package/esm2022/collapse/lib/collapse.component.mjs +18 -3
- package/esm2022/progress-bar/lib/progress-bar.component.mjs +3 -3
- package/esm2022/range-slider/lib/range-slider.component.mjs +2 -2
- package/esm2022/selection-list/lib/selection-list.component.mjs +2 -2
- package/esm2022/switch/lib/switch.component.mjs +2 -2
- package/esm2022/tabs/lib/tabs.component.mjs +2 -2
- package/esm2022/tag/lib/tag.component.mjs +2 -2
- package/esm2022/uploader/lib/uploader-list.component.mjs +22 -4
- package/esm2022/uploader/lib/uploader-zone.directive.mjs +7 -4
- package/esm2022/uploader/lib/uploader.module.mjs +4 -3
- package/fesm2022/acorex-components-badge.mjs +2 -2
- package/fesm2022/acorex-components-badge.mjs.map +1 -1
- package/fesm2022/acorex-components-button-group.mjs +2 -2
- package/fesm2022/acorex-components-button-group.mjs.map +1 -1
- package/fesm2022/acorex-components-button.mjs +2 -2
- package/fesm2022/acorex-components-button.mjs.map +1 -1
- package/fesm2022/acorex-components-check-box.mjs +2 -2
- package/fesm2022/acorex-components-check-box.mjs.map +1 -1
- package/fesm2022/acorex-components-chips.mjs +2 -2
- package/fesm2022/acorex-components-chips.mjs.map +1 -1
- package/fesm2022/acorex-components-collapse.mjs +17 -2
- package/fesm2022/acorex-components-collapse.mjs.map +1 -1
- package/fesm2022/acorex-components-progress-bar.mjs +2 -2
- package/fesm2022/acorex-components-progress-bar.mjs.map +1 -1
- package/fesm2022/acorex-components-range-slider.mjs +2 -2
- package/fesm2022/acorex-components-range-slider.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-switch.mjs +2 -2
- package/fesm2022/acorex-components-tabs.mjs +2 -2
- package/fesm2022/acorex-components-tabs.mjs.map +1 -1
- package/fesm2022/acorex-components-tag.mjs +2 -2
- package/fesm2022/acorex-components-tag.mjs.map +1 -1
- package/fesm2022/acorex-components-uploader.mjs +29 -8
- package/fesm2022/acorex-components-uploader.mjs.map +1 -1
- package/package.json +1 -1
- package/uploader/lib/uploader-list.component.d.ts +1 -0
- package/uploader/lib/uploader-zone.directive.d.ts +1 -0
|
@@ -15,15 +15,15 @@ export class AXProgressBarComponent extends MXColorComponent {
|
|
|
15
15
|
return `ax-${this['color']}-solid`;
|
|
16
16
|
}
|
|
17
17
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXProgressBarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXProgressBarComponent, selector: "ax-progress-bar", inputs: { color: "color", value: "value" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-progress-bar-container\">\n
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXProgressBarComponent, selector: "ax-progress-bar", inputs: { color: "color", value: "value" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-progress-bar-container\">\n <div\n class=\"ax-progress-bar-rise ax-animate-animated ax-animate-fedeIn ax-animate-faster\"\n [style.width.%]=\"value\"\n ></div>\n</div>\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-progress-bar{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;width:100%}ax-progress-bar ax-prefix{padding-inline-end:.5rem}ax-progress-bar ax-suffix{padding-inline-start:.5rem}ax-progress-bar .ax-progress-bar-container{width:100%;height:.5rem;position:relative;display:flex;border-radius:99rem;background-color:rgba(var(--ax-color-on-surface))}ax-progress-bar .ax-progress-bar-container .ax-progress-bar-rise{max-width:100%;transition:width 1s;background-color:rgba(var(--ax-color-primary-500));height:100%;position:absolute;inset-inline-start:0;border-radius:99rem}ax-progress-bar.ax-primary-solid .ax-progress-bar-rise{background-color:rgba(var(--ax-color-primary-500))}ax-progress-bar.ax-secondary-solid .ax-progress-bar-rise{background-color:rgba(var(--ax-color-secondary-500))}ax-progress-bar.ax-success-solid .ax-progress-bar-rise{background-color:rgba(var(--ax-color-success-500))}ax-progress-bar.ax-warning-solid .ax-progress-bar-rise{background-color:rgba(var(--ax-color-warning-500))}ax-progress-bar.ax-danger-solid .ax-progress-bar-rise{background-color:rgba(var(--ax-color-danger-500))}ax-progress-bar.ax-info-solid .ax-progress-bar-rise{background-color:rgba(var(--ax-color-info-500))}ax-progress-bar.ax-ghost-solid .ax-progress-bar-rise{background-color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-progress-bar.ax-primary-solid .ax-progress-bar-rise{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-progress-bar.ax-secondary-solid .ax-progress-bar-rise{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-progress-bar.ax-success-solid .ax-progress-bar-rise{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-progress-bar.ax-warning-solid .ax-progress-bar-rise{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-progress-bar.ax-danger-solid .ax-progress-bar-rise{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-progress-bar.ax-info-solid .ax-progress-bar-rise{background-color:rgba(var(--ax-color-info-200))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
19
19
|
}
|
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXProgressBarComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
|
-
args: [{ selector: 'ax-progress-bar', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-progress-bar-container\">\n
|
|
22
|
+
args: [{ selector: 'ax-progress-bar', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-progress-bar-container\">\n <div\n class=\"ax-progress-bar-rise ax-animate-animated ax-animate-fedeIn ax-animate-faster\"\n [style.width.%]=\"value\"\n ></div>\n</div>\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-progress-bar{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;width:100%}ax-progress-bar ax-prefix{padding-inline-end:.5rem}ax-progress-bar ax-suffix{padding-inline-start:.5rem}ax-progress-bar .ax-progress-bar-container{width:100%;height:.5rem;position:relative;display:flex;border-radius:99rem;background-color:rgba(var(--ax-color-on-surface))}ax-progress-bar .ax-progress-bar-container .ax-progress-bar-rise{max-width:100%;transition:width 1s;background-color:rgba(var(--ax-color-primary-500));height:100%;position:absolute;inset-inline-start:0;border-radius:99rem}ax-progress-bar.ax-primary-solid .ax-progress-bar-rise{background-color:rgba(var(--ax-color-primary-500))}ax-progress-bar.ax-secondary-solid .ax-progress-bar-rise{background-color:rgba(var(--ax-color-secondary-500))}ax-progress-bar.ax-success-solid .ax-progress-bar-rise{background-color:rgba(var(--ax-color-success-500))}ax-progress-bar.ax-warning-solid .ax-progress-bar-rise{background-color:rgba(var(--ax-color-warning-500))}ax-progress-bar.ax-danger-solid .ax-progress-bar-rise{background-color:rgba(var(--ax-color-danger-500))}ax-progress-bar.ax-info-solid .ax-progress-bar-rise{background-color:rgba(var(--ax-color-info-500))}ax-progress-bar.ax-ghost-solid .ax-progress-bar-rise{background-color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-progress-bar.ax-primary-solid .ax-progress-bar-rise{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-progress-bar.ax-secondary-solid .ax-progress-bar-rise{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-progress-bar.ax-success-solid .ax-progress-bar-rise{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-progress-bar.ax-warning-solid .ax-progress-bar-rise{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-progress-bar.ax-danger-solid .ax-progress-bar-rise{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-progress-bar.ax-info-solid .ax-progress-bar-rise{background-color:rgba(var(--ax-color-info-200))}\n"] }]
|
|
23
23
|
}], propDecorators: { value: [{
|
|
24
24
|
type: Input
|
|
25
25
|
}], __hostClass: [{
|
|
26
26
|
type: HostBinding,
|
|
27
27
|
args: ['class']
|
|
28
28
|
}] } });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wcm9ncmVzcy1iYXIvc3JjL2xpYi9wcm9ncmVzcy1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3Byb2dyZXNzLWJhci9zcmMvbGliL3Byb2dyZXNzLWJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRTFHOzs7O0dBSUc7QUFTSCxNQUFNLE9BQU8sc0JBQXVCLFNBQVEsZ0JBQWdCO0lBUjVEOztRQVVFLFVBQUssR0FBRyxDQUFDLENBQUM7S0FNWDtJQUpDLElBQ1ksV0FBVztRQUNyQixPQUFPLE1BQU0sSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUM7SUFDckMsQ0FBQzs4R0FQVSxzQkFBc0I7a0dBQXRCLHNCQUFzQixpTENoQm5DLG1TQVFBOzsyRkRRYSxzQkFBc0I7a0JBUmxDLFNBQVM7K0JBQ0UsaUJBQWlCLFVBR25CLENBQUMsT0FBTyxDQUFDLG1CQUNBLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUk7OEJBSXJDLEtBQUs7c0JBREosS0FBSztnQkFJTSxXQUFXO3NCQUR0QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBNWENvbG9yQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogVGhlIEJ1dHRvbiBpcyBhIGNvbXBvbmVudCB3aGljaCBkZXRlY3RzIHVzZXIgaW50ZXJhY3Rpb24gYW5kIHRyaWdnZXJzIGEgY29ycmVzcG9uZGluZyBldmVudFxuICpcbiAqIEBjYXRlZ29yeSBDb21wb25lbnRzXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LXByb2dyZXNzLWJhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9wcm9ncmVzcy1iYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wcm9ncmVzcy1iYXIuY29tcG9uZW50LnNjc3MnXSxcbiAgaW5wdXRzOiBbJ2NvbG9yJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBBWFByb2dyZXNzQmFyQ29tcG9uZW50IGV4dGVuZHMgTVhDb2xvckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIHZhbHVlID0gMDtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHJpdmF0ZSBnZXQgX19ob3N0Q2xhc3MoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gYGF4LSR7dGhpc1snY29sb3InXX0tc29saWRgO1xuICB9XG59XG4iLCI8bmctY29udGVudCBzZWxlY3Q9XCJheC1wcmVmaXhcIj48L25nLWNvbnRlbnQ+XG48ZGl2IGNsYXNzPVwiYXgtcHJvZ3Jlc3MtYmFyLWNvbnRhaW5lclwiPlxuICA8ZGl2XG4gICAgY2xhc3M9XCJheC1wcm9ncmVzcy1iYXItcmlzZSBheC1hbmltYXRlLWFuaW1hdGVkIGF4LWFuaW1hdGUtZmVkZUluIGF4LWFuaW1hdGUtZmFzdGVyXCJcbiAgICBbc3R5bGUud2lkdGguJV09XCJ2YWx1ZVwiXG4gID48L2Rpdj5cbjwvZGl2PlxuPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtc3VmZml4XCI+PC9uZy1jb250ZW50PlxuIl19
|
|
@@ -79,7 +79,7 @@ export class AXRangeSliderComponent extends classes((MXValueComponent), MXColorC
|
|
|
79
79
|
useExisting: forwardRef(() => AXRangeSliderComponent),
|
|
80
80
|
multi: true,
|
|
81
81
|
},
|
|
82
|
-
], usesInheritance: true, ngImport: i0, template: "<input type=\"range\" [min]=\"minValue\" [max]=\"maxValue\" [ngModel]=\"value\" (ngModelChange)=\"_handleModelChange($event)\"\n (blur)=\"emitOnBlurEvent($event)\" (focus)=\"emitOnFocusEvent($event)\" [step]=\"step\" [disabled]=\"disabled || readonly\"\n [readonly]=\"readonly\">", styles: ["ax-range-slider{--ax-current-value: 0%}ax-range-slider input{-webkit-appearance:none;appearance:none;width:100%;height:.5rem;background:rgba(var(--ax-color-on-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:99rem}ax-range-slider input::-webkit-slider-thumb{width:1.5rem;height:1.5rem;background:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));cursor:pointer;border-radius:99rem;appearance:none;-webkit-appearance:none;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}ax-range-slider input::-moz-range-thumb{width:1.25rem;height:1.25rem;background:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));cursor:pointer;border-radius:99rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}ax-range-slider.ax-vertical input[type=range]{transform:rotate(270deg);-moz-transform:rotate(270deg);-webkit-appearance:slider-vertical;writing-mode:bt-lr}ax-range-slider.ax-state-disabled{opacity:.5;cursor:default}ax-range-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500)) 0%,rgba(var(--ax-color-primary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500)) 0%,rgba(var(--ax-color-secondary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-500)) 0%,rgba(var(--ax-color-success-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500)) 0%,rgba(var(--ax-color-warning-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500)) 0%,rgba(var(--ax-color-danger-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-500)) 0%,rgba(var(--ax-color-info-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-ghost-solid input{background:linear-gradient(to right,rgba(var(--ax-color-ghost-fore)) 0%,rgba(var(--ax-color-ghost-fore)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
82
|
+
], usesInheritance: true, ngImport: i0, template: "<input type=\"range\" [min]=\"minValue\" [max]=\"maxValue\" [ngModel]=\"value\" (ngModelChange)=\"_handleModelChange($event)\"\n (blur)=\"emitOnBlurEvent($event)\" (focus)=\"emitOnFocusEvent($event)\" [step]=\"step\" [disabled]=\"disabled || readonly\"\n [readonly]=\"readonly\">", styles: ["ax-range-slider{--ax-current-value: 0%}ax-range-slider input{-webkit-appearance:none;appearance:none;width:100%;height:.5rem;background:rgba(var(--ax-color-on-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:99rem}ax-range-slider input::-webkit-slider-thumb{width:1.5rem;height:1.5rem;background:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));cursor:pointer;border-radius:99rem;appearance:none;-webkit-appearance:none;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}ax-range-slider input::-moz-range-thumb{width:1.25rem;height:1.25rem;background:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));cursor:pointer;border-radius:99rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}ax-range-slider.ax-vertical input[type=range]{transform:rotate(270deg);-moz-transform:rotate(270deg);-webkit-appearance:slider-vertical;writing-mode:bt-lr}ax-range-slider.ax-state-disabled{opacity:.5;cursor:default}ax-range-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500)) 0%,rgba(var(--ax-color-primary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500)) 0%,rgba(var(--ax-color-secondary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-500)) 0%,rgba(var(--ax-color-success-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500)) 0%,rgba(var(--ax-color-warning-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500)) 0%,rgba(var(--ax-color-danger-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-500)) 0%,rgba(var(--ax-color-info-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-ghost-solid input{background:linear-gradient(to right,rgba(var(--ax-color-ghost-fore)) 0%,rgba(var(--ax-color-ghost-fore)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-200)) 0%,rgba(var(--ax-color-primary-200)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-200)) 0%,rgba(var(--ax-color-secondary-200)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-200)) 0%,rgba(var(--ax-color-success-200)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-200)) 0%,rgba(var(--ax-color-warning-200)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-200)) 0%,rgba(var(--ax-color-danger-200)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-200)) 0%,rgba(var(--ax-color-info-200)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
83
83
|
}
|
|
84
84
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXRangeSliderComponent, decorators: [{
|
|
85
85
|
type: Component,
|
|
@@ -90,7 +90,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImpor
|
|
|
90
90
|
useExisting: forwardRef(() => AXRangeSliderComponent),
|
|
91
91
|
multi: true,
|
|
92
92
|
},
|
|
93
|
-
], template: "<input type=\"range\" [min]=\"minValue\" [max]=\"maxValue\" [ngModel]=\"value\" (ngModelChange)=\"_handleModelChange($event)\"\n (blur)=\"emitOnBlurEvent($event)\" (focus)=\"emitOnFocusEvent($event)\" [step]=\"step\" [disabled]=\"disabled || readonly\"\n [readonly]=\"readonly\">", styles: ["ax-range-slider{--ax-current-value: 0%}ax-range-slider input{-webkit-appearance:none;appearance:none;width:100%;height:.5rem;background:rgba(var(--ax-color-on-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:99rem}ax-range-slider input::-webkit-slider-thumb{width:1.5rem;height:1.5rem;background:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));cursor:pointer;border-radius:99rem;appearance:none;-webkit-appearance:none;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}ax-range-slider input::-moz-range-thumb{width:1.25rem;height:1.25rem;background:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));cursor:pointer;border-radius:99rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}ax-range-slider.ax-vertical input[type=range]{transform:rotate(270deg);-moz-transform:rotate(270deg);-webkit-appearance:slider-vertical;writing-mode:bt-lr}ax-range-slider.ax-state-disabled{opacity:.5;cursor:default}ax-range-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500)) 0%,rgba(var(--ax-color-primary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500)) 0%,rgba(var(--ax-color-secondary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-500)) 0%,rgba(var(--ax-color-success-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500)) 0%,rgba(var(--ax-color-warning-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500)) 0%,rgba(var(--ax-color-danger-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-500)) 0%,rgba(var(--ax-color-info-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-ghost-solid input{background:linear-gradient(to right,rgba(var(--ax-color-ghost-fore)) 0%,rgba(var(--ax-color-ghost-fore)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}\n"] }]
|
|
93
|
+
], template: "<input type=\"range\" [min]=\"minValue\" [max]=\"maxValue\" [ngModel]=\"value\" (ngModelChange)=\"_handleModelChange($event)\"\n (blur)=\"emitOnBlurEvent($event)\" (focus)=\"emitOnFocusEvent($event)\" [step]=\"step\" [disabled]=\"disabled || readonly\"\n [readonly]=\"readonly\">", styles: ["ax-range-slider{--ax-current-value: 0%}ax-range-slider input{-webkit-appearance:none;appearance:none;width:100%;height:.5rem;background:rgba(var(--ax-color-on-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:99rem}ax-range-slider input::-webkit-slider-thumb{width:1.5rem;height:1.5rem;background:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));cursor:pointer;border-radius:99rem;appearance:none;-webkit-appearance:none;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}ax-range-slider input::-moz-range-thumb{width:1.25rem;height:1.25rem;background:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));cursor:pointer;border-radius:99rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}ax-range-slider.ax-vertical input[type=range]{transform:rotate(270deg);-moz-transform:rotate(270deg);-webkit-appearance:slider-vertical;writing-mode:bt-lr}ax-range-slider.ax-state-disabled{opacity:.5;cursor:default}ax-range-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500)) 0%,rgba(var(--ax-color-primary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500)) 0%,rgba(var(--ax-color-secondary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-500)) 0%,rgba(var(--ax-color-success-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500)) 0%,rgba(var(--ax-color-warning-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500)) 0%,rgba(var(--ax-color-danger-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-500)) 0%,rgba(var(--ax-color-info-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-ghost-solid input{background:linear-gradient(to right,rgba(var(--ax-color-ghost-fore)) 0%,rgba(var(--ax-color-ghost-fore)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-200)) 0%,rgba(var(--ax-color-primary-200)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-200)) 0%,rgba(var(--ax-color-secondary-200)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-200)) 0%,rgba(var(--ax-color-success-200)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-200)) 0%,rgba(var(--ax-color-warning-200)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-200)) 0%,rgba(var(--ax-color-danger-200)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-200)) 0%,rgba(var(--ax-color-info-200)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}\n"] }]
|
|
94
94
|
}], ctorParameters: function () { return [{ type: i0.NgZone }]; }, propDecorators: { minValue: [{
|
|
95
95
|
type: Input
|
|
96
96
|
}], maxValue: [{
|
|
@@ -70,7 +70,7 @@ export class AXSelectionListComponent extends MXSelectionValueComponent {
|
|
|
70
70
|
useExisting: forwardRef(() => AXSelectionListComponent),
|
|
71
71
|
multi: true,
|
|
72
72
|
},
|
|
73
|
-
], usesInheritance: true, ngImport: i0, template: "<ul class=\"ax-{{ direction }}\">\n <ng-container *ngFor=\"let item of items; let i = index\">\n <li [class.ax-state-selected]=\"isItemSelected(item)\">\n <label>\n <ng-container *ngIf=\"multiple; then checkboxList; else radioButtonList\"></ng-container>\n <ng-template #checkboxList>\n <input #ic [id]=\"id + '-' + i\" class=\"ax-checkbox\" type=\"checkbox\"\n (change)=\"_handleOnItemValueChange(item, $event)\" [checked]=\"isItemSelected(item)\"\n [disabled]=\"disabled || item[disabledField]\" [readOnly]=\"readonly\" />\n </ng-template>\n <ng-template #radioButtonList>\n <input #ir [id]=\"id + '-' + i\" class=\"ax-radio\" type=\"radio\" [attr.name]=\"id\"\n (change)=\"_handleOnItemValueChange(item, $event)\" [checked]=\"isItemSelected(item)\"\n [disabled]=\"disabled || item[disabledField]\" [readOnly]=\"readonly\" />\n </ng-template>\n <div>\n {{ getDisplayText(item) }}\n <p class=\"ax-hint-text\" *ngIf=\"item[hintField]\">\n {{ item[hintField] }}\n </p>\n </div>\n </label>\n </li>\n </ng-container>\n</ul>\n<ng-content select=\"ax-validation-rule\"> </ng-content>", styles: [".ax-dark .ax-card
|
|
73
|
+
], usesInheritance: true, ngImport: i0, template: "<ul class=\"ax-{{ direction }}\">\n <ng-container *ngFor=\"let item of items; let i = index\">\n <li [class.ax-state-selected]=\"isItemSelected(item)\">\n <label>\n <ng-container *ngIf=\"multiple; then checkboxList; else radioButtonList\"></ng-container>\n <ng-template #checkboxList>\n <input #ic [id]=\"id + '-' + i\" class=\"ax-checkbox\" type=\"checkbox\"\n (change)=\"_handleOnItemValueChange(item, $event)\" [checked]=\"isItemSelected(item)\"\n [disabled]=\"disabled || item[disabledField]\" [readOnly]=\"readonly\" />\n </ng-template>\n <ng-template #radioButtonList>\n <input #ir [id]=\"id + '-' + i\" class=\"ax-radio\" type=\"radio\" [attr.name]=\"id\"\n (change)=\"_handleOnItemValueChange(item, $event)\" [checked]=\"isItemSelected(item)\"\n [disabled]=\"disabled || item[disabledField]\" [readOnly]=\"readonly\" />\n </ng-template>\n <div>\n {{ getDisplayText(item) }}\n <p class=\"ax-hint-text\" *ngIf=\"item[hintField]\">\n {{ item[hintField] }}\n </p>\n </div>\n </label>\n </li>\n </ng-container>\n</ul>\n<ng-content select=\"ax-validation-rule\"> </ng-content>", styles: [".ax-dark ax-selection-list.ax-look-card ul{gap:.75rem}.ax-dark ax-selection-list.ax-look-card ul.ax-vertical>li.ax-state-selected label,.ax-dark ax-selection-list.ax-look-card ul.ax-horizontal>li.ax-state-selected label{border-color:rgba(var(--ax-color-primary-200))}ax-selection-list.ax-look-divided ul.ax-vertical li:last-child label,ax-selection-list.ax-look-divided ul.ax-horizontal li:last-child label{border:none}ax-selection-list.ax-look-divided ul.ax-vertical>li label{padding-bottom:.875rem;border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-selection-list.ax-look-divided ul.ax-horizontal>li label{border-inline-end:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-selection-list.ax-look-card ul{gap:.75rem}ax-selection-list.ax-look-card ul.ax-vertical>li label,ax-selection-list.ax-look-card ul.ax-horizontal>li label{border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default)}ax-selection-list.ax-look-card ul.ax-vertical>li.ax-state-selected label,ax-selection-list.ax-look-card ul.ax-horizontal>li.ax-state-selected label{border-color:rgba(var(--ax-color-primary-500))}ax-selection-list.ax-state-disabled{cursor:not-allowed}ax-selection-list ul{display:flex;flex-wrap:wrap}ax-selection-list ul.ax-vertical{flex-direction:column}ax-selection-list ul.ax-horizontal{flex-direction:row}ax-selection-list ul li{cursor:pointer}ax-selection-list ul li label{display:flex;flex-direction:row;align-items:flex-start;cursor:inherit;padding:.75rem}ax-selection-list ul li label .ax-checkbox,ax-selection-list ul li label .ax-radio{margin-block-start:.15rem}ax-selection-list ul li label>div{font-weight:400;font-size:.875rem;margin-inline-start:.75rem}ax-selection-list ul li label>div .ax-hint-text{font-weight:500;color:rgba(var(--ax-color-text-default),.5)}ax-selection-list.ax-state-error{color:rgba(var(--ax-color-danger-500))}ax-selection-list.ax-state-error .ax-checkbox-checkmark,ax-selection-list.ax-state-error .ax-radio-checkmark{border-color:rgba(var(--ax-color-danger-500))}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
74
74
|
}
|
|
75
75
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXSelectionListComponent, decorators: [{
|
|
76
76
|
type: Component,
|
|
@@ -97,7 +97,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImpor
|
|
|
97
97
|
useExisting: forwardRef(() => AXSelectionListComponent),
|
|
98
98
|
multi: true,
|
|
99
99
|
},
|
|
100
|
-
], template: "<ul class=\"ax-{{ direction }}\">\n <ng-container *ngFor=\"let item of items; let i = index\">\n <li [class.ax-state-selected]=\"isItemSelected(item)\">\n <label>\n <ng-container *ngIf=\"multiple; then checkboxList; else radioButtonList\"></ng-container>\n <ng-template #checkboxList>\n <input #ic [id]=\"id + '-' + i\" class=\"ax-checkbox\" type=\"checkbox\"\n (change)=\"_handleOnItemValueChange(item, $event)\" [checked]=\"isItemSelected(item)\"\n [disabled]=\"disabled || item[disabledField]\" [readOnly]=\"readonly\" />\n </ng-template>\n <ng-template #radioButtonList>\n <input #ir [id]=\"id + '-' + i\" class=\"ax-radio\" type=\"radio\" [attr.name]=\"id\"\n (change)=\"_handleOnItemValueChange(item, $event)\" [checked]=\"isItemSelected(item)\"\n [disabled]=\"disabled || item[disabledField]\" [readOnly]=\"readonly\" />\n </ng-template>\n <div>\n {{ getDisplayText(item) }}\n <p class=\"ax-hint-text\" *ngIf=\"item[hintField]\">\n {{ item[hintField] }}\n </p>\n </div>\n </label>\n </li>\n </ng-container>\n</ul>\n<ng-content select=\"ax-validation-rule\"> </ng-content>", styles: [".ax-dark .ax-card
|
|
100
|
+
], template: "<ul class=\"ax-{{ direction }}\">\n <ng-container *ngFor=\"let item of items; let i = index\">\n <li [class.ax-state-selected]=\"isItemSelected(item)\">\n <label>\n <ng-container *ngIf=\"multiple; then checkboxList; else radioButtonList\"></ng-container>\n <ng-template #checkboxList>\n <input #ic [id]=\"id + '-' + i\" class=\"ax-checkbox\" type=\"checkbox\"\n (change)=\"_handleOnItemValueChange(item, $event)\" [checked]=\"isItemSelected(item)\"\n [disabled]=\"disabled || item[disabledField]\" [readOnly]=\"readonly\" />\n </ng-template>\n <ng-template #radioButtonList>\n <input #ir [id]=\"id + '-' + i\" class=\"ax-radio\" type=\"radio\" [attr.name]=\"id\"\n (change)=\"_handleOnItemValueChange(item, $event)\" [checked]=\"isItemSelected(item)\"\n [disabled]=\"disabled || item[disabledField]\" [readOnly]=\"readonly\" />\n </ng-template>\n <div>\n {{ getDisplayText(item) }}\n <p class=\"ax-hint-text\" *ngIf=\"item[hintField]\">\n {{ item[hintField] }}\n </p>\n </div>\n </label>\n </li>\n </ng-container>\n</ul>\n<ng-content select=\"ax-validation-rule\"> </ng-content>", styles: [".ax-dark ax-selection-list.ax-look-card ul{gap:.75rem}.ax-dark ax-selection-list.ax-look-card ul.ax-vertical>li.ax-state-selected label,.ax-dark ax-selection-list.ax-look-card ul.ax-horizontal>li.ax-state-selected label{border-color:rgba(var(--ax-color-primary-200))}ax-selection-list.ax-look-divided ul.ax-vertical li:last-child label,ax-selection-list.ax-look-divided ul.ax-horizontal li:last-child label{border:none}ax-selection-list.ax-look-divided ul.ax-vertical>li label{padding-bottom:.875rem;border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-selection-list.ax-look-divided ul.ax-horizontal>li label{border-inline-end:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-selection-list.ax-look-card ul{gap:.75rem}ax-selection-list.ax-look-card ul.ax-vertical>li label,ax-selection-list.ax-look-card ul.ax-horizontal>li label{border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default)}ax-selection-list.ax-look-card ul.ax-vertical>li.ax-state-selected label,ax-selection-list.ax-look-card ul.ax-horizontal>li.ax-state-selected label{border-color:rgba(var(--ax-color-primary-500))}ax-selection-list.ax-state-disabled{cursor:not-allowed}ax-selection-list ul{display:flex;flex-wrap:wrap}ax-selection-list ul.ax-vertical{flex-direction:column}ax-selection-list ul.ax-horizontal{flex-direction:row}ax-selection-list ul li{cursor:pointer}ax-selection-list ul li label{display:flex;flex-direction:row;align-items:flex-start;cursor:inherit;padding:.75rem}ax-selection-list ul li label .ax-checkbox,ax-selection-list ul li label .ax-radio{margin-block-start:.15rem}ax-selection-list ul li label>div{font-weight:400;font-size:.875rem;margin-inline-start:.75rem}ax-selection-list ul li label>div .ax-hint-text{font-weight:500;color:rgba(var(--ax-color-text-default),.5)}ax-selection-list.ax-state-error{color:rgba(var(--ax-color-danger-500))}ax-selection-list.ax-state-error .ax-checkbox-checkmark,ax-selection-list.ax-state-error .ax-radio-checkmark{border-color:rgba(var(--ax-color-danger-500))}\n"] }]
|
|
101
101
|
}], propDecorators: { direction: [{
|
|
102
102
|
type: Input
|
|
103
103
|
}], items: [{
|
|
@@ -26,7 +26,7 @@ export class AXSwitchComponent extends classes((MXValueComponent), MXColorCompon
|
|
|
26
26
|
useExisting: forwardRef(() => AXSwitchComponent),
|
|
27
27
|
multi: true,
|
|
28
28
|
},
|
|
29
|
-
], usesInheritance: true, ngImport: i0, template: "<button type=\"button\" role=\"switch\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\" \n (focus)=\"emitOnFocusEvent($event)\" \n (blur)=\"emitOnBlurEvent($event)\"\n [class.ax-switch-checked]=\"value\" (click)=\"_handleOnClickEvent($event)\">\n <div class=\"ax-switch-handle\">\n <ax-loading *ngIf=\"loading\"></ax-loading>\n <ng-content select=\"ax-switch-handler-content\"></ng-content>\n </div>\n <span class=\"ax-switch-inner\" *ngIf=\"!value\">\n <ng-content select=\"ax-switch-off-content\"></ng-content>\n\n </span>\n <span class=\"ax-switch-inner\" *ngIf=\"value\">\n <ng-content select=\"ax-switch-on-content\"></ng-content>\n </span>\n</button>", styles: ["ax-switch{line-height:initial}ax-switch.ax-sm button{min-width:2rem;height:1rem;line-height:1rem}ax-switch.ax-sm button:active .ax-switch-handle{width:1rem}ax-switch.ax-sm .ax-switch-handle{width:.75rem;height:.75rem}ax-switch.ax-lg button{min-width:2.
|
|
29
|
+
], usesInheritance: true, ngImport: i0, template: "<button type=\"button\" role=\"switch\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\" \n (focus)=\"emitOnFocusEvent($event)\" \n (blur)=\"emitOnBlurEvent($event)\"\n [class.ax-switch-checked]=\"value\" (click)=\"_handleOnClickEvent($event)\">\n <div class=\"ax-switch-handle\">\n <ax-loading *ngIf=\"loading\"></ax-loading>\n <ng-content select=\"ax-switch-handler-content\"></ng-content>\n </div>\n <span class=\"ax-switch-inner\" *ngIf=\"!value\">\n <ng-content select=\"ax-switch-off-content\"></ng-content>\n\n </span>\n <span class=\"ax-switch-inner\" *ngIf=\"value\">\n <ng-content select=\"ax-switch-on-content\"></ng-content>\n </span>\n</button>", styles: ["ax-switch{line-height:initial}ax-switch.ax-sm button{min-width:2rem;height:1rem;line-height:1rem}ax-switch.ax-sm button:active .ax-switch-handle{width:1rem}ax-switch.ax-sm .ax-switch-handle{width:.75rem;height:.75rem}ax-switch.ax-lg button{min-width:2.5rem;height:1.5rem;line-height:1.5rem}ax-switch.ax-lg button:active .ax-switch-handle{width:1.5rem}ax-switch.ax-lg .ax-switch-handle{width:1.25rem;height:1.25rem}ax-switch button{position:relative;display:inline-block;vertical-align:middle;border-radius:99rem;background-color:#00000040!important;min-width:2.25rem;height:1.25rem;line-height:1.25rem;transition:background-color .3s linear;cursor:pointer}ax-switch button:focus-visible{outline-width:2px;outline-offset:2px;outline-style:solid;outline-color:rgba(var(--ax-color-primary-500))}ax-switch button:active .ax-switch-handle{width:1.25rem}ax-switch button.ax-switch-checked{background-color:rgba(var(--ax-color-primary-500))!important}ax-switch button.ax-switch-checked .ax-switch-handle{inset-inline-end:.125rem;inset-inline-start:initial}ax-switch button.ax-switch-checked .ax-switch-inner{margin-inline-end:1.5rem;margin-inline-start:.375rem}ax-switch button .ax-switch-handle{width:1rem;height:1rem;background-color:rgba(var(--ax-color-white));position:absolute;border-radius:99rem;inset-inline-start:.125rem;top:.125rem;transition:width .3s;box-shadow:0 0 1px 1px #0000000d}ax-switch button .ax-switch-handle ax-switch-handler-content,ax-switch button .ax-switch-handle ax-switch-handler-content *{height:100%;width:100%;font-size:100%;display:flex;align-items:center;justify-content:center;color:rgba(var(--ax-color-black),.25)}ax-switch button .ax-switch-handle:active{width:1.25rem}ax-switch button .ax-switch-handle ax-loading{width:100%;position:absolute;inset-inline-start:0;inset-inline-end:0;top:50%;transform:translateY(-50%)}ax-switch button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-primary-500));stroke:rgba(var(--ax-color-primary-500))}ax-switch button .ax-switch-handle:before{position:absolute;background-color:rgba(var(--ax-color-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:99rem;content:\"\"}ax-switch button .ax-switch-inner{display:block;margin-inline-start:1.5rem;margin-inline-end:.375rem;transition:margin .2s}ax-switch button .ax-switch-inner ax-switch-on-content,ax-switch button .ax-switch-inner ax-switch-off-content{display:flex;font-size:.875rem;padding:0 .25rem}ax-switch .ax-state-disabled{opacity:.5;cursor:not-allowed}ax-switch .ax-state-readonly{opacity:.75}ax-switch.ax-primary-solid button:focus-visible{outline-color:rgba(var(--ax-color-primary-500))!important}ax-switch.ax-primary-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-primary-500))!important}ax-switch.ax-primary-solid button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-primary-solid button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-primary-500))}ax-switch.ax-primary-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-primary-fore))}ax-switch.ax-primary-solid button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-primary-500));stroke:rgba(var(--ax-color-primary-500))}ax-switch.ax-secondary-solid button:focus-visible{outline-color:rgba(var(--ax-color-secondary-500))!important}ax-switch.ax-secondary-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-secondary-500))!important}ax-switch.ax-secondary-solid button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-secondary-solid button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-secondary-500))}ax-switch.ax-secondary-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-secondary-fore))}ax-switch.ax-secondary-solid button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-secondary-500));stroke:rgba(var(--ax-color-secondary-500))}ax-switch.ax-success-solid button:focus-visible{outline-color:rgba(var(--ax-color-success-500))!important}ax-switch.ax-success-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-success-500))!important}ax-switch.ax-success-solid button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-success-solid button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-success-500))}ax-switch.ax-success-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-success-fore))}ax-switch.ax-success-solid button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-success-500));stroke:rgba(var(--ax-color-success-500))}ax-switch.ax-warning-solid button:focus-visible{outline-color:rgba(var(--ax-color-warning-500))!important}ax-switch.ax-warning-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-warning-500))!important}ax-switch.ax-warning-solid button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-warning-solid button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-warning-500))}ax-switch.ax-warning-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-warning-fore))}ax-switch.ax-warning-solid button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-warning-500));stroke:rgba(var(--ax-color-warning-500))}ax-switch.ax-danger-solid button:focus-visible{outline-color:rgba(var(--ax-color-danger-500))!important}ax-switch.ax-danger-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-danger-500))!important}ax-switch.ax-danger-solid button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-danger-solid button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-danger-500))}ax-switch.ax-danger-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-danger-fore))}ax-switch.ax-danger-solid button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-danger-500));stroke:rgba(var(--ax-color-danger-500))}ax-switch.ax-info-solid button:focus-visible{outline-color:rgba(var(--ax-color-info-500))!important}ax-switch.ax-info-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-info-500))!important}ax-switch.ax-info-solid button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-info-solid button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-info-500))}ax-switch.ax-info-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-info-fore))}ax-switch.ax-info-solid button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-info-500));stroke:rgba(var(--ax-color-info-500))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
30
30
|
}
|
|
31
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXSwitchComponent, decorators: [{
|
|
32
32
|
type: Component,
|
|
@@ -36,7 +36,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImpor
|
|
|
36
36
|
useExisting: forwardRef(() => AXSwitchComponent),
|
|
37
37
|
multi: true,
|
|
38
38
|
},
|
|
39
|
-
], template: "<button type=\"button\" role=\"switch\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\" \n (focus)=\"emitOnFocusEvent($event)\" \n (blur)=\"emitOnBlurEvent($event)\"\n [class.ax-switch-checked]=\"value\" (click)=\"_handleOnClickEvent($event)\">\n <div class=\"ax-switch-handle\">\n <ax-loading *ngIf=\"loading\"></ax-loading>\n <ng-content select=\"ax-switch-handler-content\"></ng-content>\n </div>\n <span class=\"ax-switch-inner\" *ngIf=\"!value\">\n <ng-content select=\"ax-switch-off-content\"></ng-content>\n\n </span>\n <span class=\"ax-switch-inner\" *ngIf=\"value\">\n <ng-content select=\"ax-switch-on-content\"></ng-content>\n </span>\n</button>", styles: ["ax-switch{line-height:initial}ax-switch.ax-sm button{min-width:2rem;height:1rem;line-height:1rem}ax-switch.ax-sm button:active .ax-switch-handle{width:1rem}ax-switch.ax-sm .ax-switch-handle{width:.75rem;height:.75rem}ax-switch.ax-lg button{min-width:2.
|
|
39
|
+
], template: "<button type=\"button\" role=\"switch\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\" \n (focus)=\"emitOnFocusEvent($event)\" \n (blur)=\"emitOnBlurEvent($event)\"\n [class.ax-switch-checked]=\"value\" (click)=\"_handleOnClickEvent($event)\">\n <div class=\"ax-switch-handle\">\n <ax-loading *ngIf=\"loading\"></ax-loading>\n <ng-content select=\"ax-switch-handler-content\"></ng-content>\n </div>\n <span class=\"ax-switch-inner\" *ngIf=\"!value\">\n <ng-content select=\"ax-switch-off-content\"></ng-content>\n\n </span>\n <span class=\"ax-switch-inner\" *ngIf=\"value\">\n <ng-content select=\"ax-switch-on-content\"></ng-content>\n </span>\n</button>", styles: ["ax-switch{line-height:initial}ax-switch.ax-sm button{min-width:2rem;height:1rem;line-height:1rem}ax-switch.ax-sm button:active .ax-switch-handle{width:1rem}ax-switch.ax-sm .ax-switch-handle{width:.75rem;height:.75rem}ax-switch.ax-lg button{min-width:2.5rem;height:1.5rem;line-height:1.5rem}ax-switch.ax-lg button:active .ax-switch-handle{width:1.5rem}ax-switch.ax-lg .ax-switch-handle{width:1.25rem;height:1.25rem}ax-switch button{position:relative;display:inline-block;vertical-align:middle;border-radius:99rem;background-color:#00000040!important;min-width:2.25rem;height:1.25rem;line-height:1.25rem;transition:background-color .3s linear;cursor:pointer}ax-switch button:focus-visible{outline-width:2px;outline-offset:2px;outline-style:solid;outline-color:rgba(var(--ax-color-primary-500))}ax-switch button:active .ax-switch-handle{width:1.25rem}ax-switch button.ax-switch-checked{background-color:rgba(var(--ax-color-primary-500))!important}ax-switch button.ax-switch-checked .ax-switch-handle{inset-inline-end:.125rem;inset-inline-start:initial}ax-switch button.ax-switch-checked .ax-switch-inner{margin-inline-end:1.5rem;margin-inline-start:.375rem}ax-switch button .ax-switch-handle{width:1rem;height:1rem;background-color:rgba(var(--ax-color-white));position:absolute;border-radius:99rem;inset-inline-start:.125rem;top:.125rem;transition:width .3s;box-shadow:0 0 1px 1px #0000000d}ax-switch button .ax-switch-handle ax-switch-handler-content,ax-switch button .ax-switch-handle ax-switch-handler-content *{height:100%;width:100%;font-size:100%;display:flex;align-items:center;justify-content:center;color:rgba(var(--ax-color-black),.25)}ax-switch button .ax-switch-handle:active{width:1.25rem}ax-switch button .ax-switch-handle ax-loading{width:100%;position:absolute;inset-inline-start:0;inset-inline-end:0;top:50%;transform:translateY(-50%)}ax-switch button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-primary-500));stroke:rgba(var(--ax-color-primary-500))}ax-switch button .ax-switch-handle:before{position:absolute;background-color:rgba(var(--ax-color-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:99rem;content:\"\"}ax-switch button .ax-switch-inner{display:block;margin-inline-start:1.5rem;margin-inline-end:.375rem;transition:margin .2s}ax-switch button .ax-switch-inner ax-switch-on-content,ax-switch button .ax-switch-inner ax-switch-off-content{display:flex;font-size:.875rem;padding:0 .25rem}ax-switch .ax-state-disabled{opacity:.5;cursor:not-allowed}ax-switch .ax-state-readonly{opacity:.75}ax-switch.ax-primary-solid button:focus-visible{outline-color:rgba(var(--ax-color-primary-500))!important}ax-switch.ax-primary-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-primary-500))!important}ax-switch.ax-primary-solid button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-primary-solid button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-primary-500))}ax-switch.ax-primary-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-primary-fore))}ax-switch.ax-primary-solid button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-primary-500));stroke:rgba(var(--ax-color-primary-500))}ax-switch.ax-secondary-solid button:focus-visible{outline-color:rgba(var(--ax-color-secondary-500))!important}ax-switch.ax-secondary-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-secondary-500))!important}ax-switch.ax-secondary-solid button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-secondary-solid button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-secondary-500))}ax-switch.ax-secondary-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-secondary-fore))}ax-switch.ax-secondary-solid button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-secondary-500));stroke:rgba(var(--ax-color-secondary-500))}ax-switch.ax-success-solid button:focus-visible{outline-color:rgba(var(--ax-color-success-500))!important}ax-switch.ax-success-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-success-500))!important}ax-switch.ax-success-solid button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-success-solid button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-success-500))}ax-switch.ax-success-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-success-fore))}ax-switch.ax-success-solid button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-success-500));stroke:rgba(var(--ax-color-success-500))}ax-switch.ax-warning-solid button:focus-visible{outline-color:rgba(var(--ax-color-warning-500))!important}ax-switch.ax-warning-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-warning-500))!important}ax-switch.ax-warning-solid button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-warning-solid button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-warning-500))}ax-switch.ax-warning-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-warning-fore))}ax-switch.ax-warning-solid button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-warning-500));stroke:rgba(var(--ax-color-warning-500))}ax-switch.ax-danger-solid button:focus-visible{outline-color:rgba(var(--ax-color-danger-500))!important}ax-switch.ax-danger-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-danger-500))!important}ax-switch.ax-danger-solid button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-danger-solid button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-danger-500))}ax-switch.ax-danger-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-danger-fore))}ax-switch.ax-danger-solid button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-danger-500));stroke:rgba(var(--ax-color-danger-500))}ax-switch.ax-info-solid button:focus-visible{outline-color:rgba(var(--ax-color-info-500))!important}ax-switch.ax-info-solid button.ax-switch-checked{background-color:rgba(var(--ax-color-info-500))!important}ax-switch.ax-info-solid button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-info-solid button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-info-500))}ax-switch.ax-info-solid button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-info-fore))}ax-switch.ax-info-solid button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-info-500));stroke:rgba(var(--ax-color-info-500))}\n"] }]
|
|
40
40
|
}], propDecorators: { loading: [{
|
|
41
41
|
type: Input
|
|
42
42
|
}], __hostClass: [{
|
|
@@ -72,11 +72,11 @@ export class AXTabsComponent extends MXBaseComponent {
|
|
|
72
72
|
this._isUserInteraction = false;
|
|
73
73
|
}
|
|
74
74
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXTabsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
75
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXTabsComponent, selector: "ax-tabs", inputs: { look: "look", location: "location", fitParent: "fitParent", minWidth: "minWidth", content: "content" }, outputs: { onActiveTabChanged: "onActiveTabChanged" }, host: { properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_contentTabs", predicate: AXTabItemComponent }], usesInheritance: true, ngImport: i0, template: ` <ng-content select="ax-tab-item"> </ng-content> `, isInline: true, styles: ["ax-tabs{position:relative;display:flex;transition:all .3s;width:100%}ax-tabs.ax-tabs-fit ax-tab-item{flex:1}ax-tabs:not(.ax-look-custom) ax-tab-item{position:relative;font-size:.875rem;line-height:1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;display:flex}ax-tabs:not(.ax-look-custom) ax-tab-item .ax-tab-item-text{padding:0 .5rem;white-space:nowrap}ax-tabs:not(.ax-look-custom) ax-tab-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-tabs.ax-top,ax-tabs.ax-bottom{flex-direction:row;overflow-x:auto;overflow-y:hidden}ax-tabs.ax-top ax-tab-item,ax-tabs.ax-bottom ax-tab-item{align-items:center;justify-content:center}ax-tabs.ax-start,ax-tabs.ax-end{flex-direction:column;overflow-x:hidden;overflow-y:auto}ax-tabs.ax-start ax-tab-item,ax-tabs.ax-end ax-tab-item{width:100%}ax-tabs.ax-start ax-tab-item:not(ax-tabs.ax-start ax-tab-item:last-child,ax-tabs.ax-end ax-tab-item:last-child),ax-tabs.ax-end ax-tab-item:not(ax-tabs.ax-start ax-tab-item:last-child,ax-tabs.ax-end ax-tab-item:last-child){margin-block-end:.75rem}ax-tabs.ax-start{align-items:start}ax-tabs.ax-end{align-items:end}ax-tabs.ax-look-pills.ax-top ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills.ax-bottom ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills-color.ax-top ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child){margin-inline-start:.75rem}ax-tabs.ax-look-default{background-color:rgba(var(--ax-color-on-surface));padding:.25rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-default.ax-top ax-tab-item:not(ax-tabs.ax-look-default.ax-top ax-tab-item:first-child,ax-tabs.ax-look-default.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-default.ax-bottom ax-tab-item:not(ax-tabs.ax-look-default.ax-top ax-tab-item:first-child,ax-tabs.ax-look-default.ax-bottom ax-tab-item:first-child){margin-inline-start:.5rem}ax-tabs.ax-look-default ax-tab-item{padding:.5rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-default ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore));box-shadow:0 2px 4px 2px #0000000d}ax-tabs.ax-look-pills ax-tab-item{padding:.5rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-pills ax-tab-item:hover,ax-tabs.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface-fore))}ax-tabs.ax-look-pills-color ax-tab-item{padding:.5rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-look-with-line.ax-top:after,ax-tabs.ax-look-with-line.ax-bottom:after{width:100%;height:1px;background-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-top ax-tab-item,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item{padding:.75rem .25rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child{margin-inline-start:1rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item:last-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:last-child{margin-inline-end:1rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active:after,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active:after{width:100%;height:3px;background-color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-top ax-tab-item:not(ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:not(ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child){margin-inline-start:2rem}ax-tabs.ax-look-with-line.ax-start:after,ax-tabs.ax-look-with-line.ax-end:after{width:1px;height:100%;background-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-start ax-tab-item,ax-tabs.ax-look-with-line.ax-end ax-tab-item{padding:.25rem .75rem}ax-tabs.ax-look-with-line.ax-start ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-end ax-tab-item:first-child{margin-block-start:1rem}ax-tabs.ax-look-with-line.ax-start ax-tab-item:last-child,ax-tabs.ax-look-with-line.ax-end ax-tab-item:last-child{margin-block-end:1rem}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active:after,ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active:after{width:3px;height:100%;background-color:rgba(var(--ax-color-primary-500));top:0}ax-tabs.ax-look-with-line.ax-top:after{top:0}ax-tabs.ax-look-with-line.ax-top ax-tab-item{border-top:2px solid;border-color:transparent}ax-tabs.ax-look-with-line.ax-top ax-tab-item:hover{border-top-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active:after{top:-3px}ax-tabs.ax-look-with-line.ax-bottom:after{bottom:0}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item{border-color:transparent}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:hover{border-bottom-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active:after{bottom:-1px}ax-tabs.ax-look-with-line.ax-start:after{inset-inline-start:0}ax-tabs.ax-look-with-line.ax-start ax-tab-item{border-color:transparent}ax-tabs.ax-look-with-line.ax-start ax-tab-item:hover{border-inline-start-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active:after{inset-inline-start:-1px}ax-tabs.ax-look-with-line.ax-end:after{inset-inline-end:0}ax-tabs.ax-look-with-line.ax-end ax-tab-item{border-inline-end:2px solid;border-color:transparent}ax-tabs.ax-look-with-line.ax-end ax-tab-item:hover{border-inline-end-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active:after{inset-inline-end:-3px}ax-tabs.ax-look-with-line ax-tab-item:after{position:absolute;content:\"\";z-index:10}ax-tabs.ax-look-with-line:after{position:absolute;content:\"\"}ax-tabs.ax-look-classic.ax-top,ax-tabs.ax-look-classic.ax-bottom{padding:0 1rem}ax-tabs.ax-look-classic.ax-top ax-tab-item:not(ax-tabs.ax-look-classic.ax-top ax-tab-item:first-child,ax-tabs.ax-look-classic.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-classic.ax-bottom ax-tab-item:not(ax-tabs.ax-look-classic.ax-top ax-tab-item:first-child,ax-tabs.ax-look-classic.ax-bottom ax-tab-item:first-child){margin-inline-start:.5rem}ax-tabs.ax-look-classic.ax-top{border-top:1px solid;border-top-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-top ax-tab-item{-webkit-border-bottom-left-radius:var(--ax-rounded-border-default);-webkit-border-bottom-right-radius:var(--ax-rounded-border-default);-moz-border-radius-bottomleft:var(--ax-rounded-border-default);-moz-border-radius-bottomright:var(--ax-rounded-border-default);border-bottom-left-radius:var(--ax-rounded-border-default);border-bottom-right-radius:var(--ax-rounded-border-default);border-top:transparent}ax-tabs.ax-look-classic.ax-top ax-tab-item:hover,ax-tabs.ax-look-classic.ax-top ax-tab-item.ax-state-active{border-top:transparent}ax-tabs.ax-look-classic.ax-top ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-top ax-tab-item.ax-state-active:after{height:1px;width:100%;top:-1px;inset-inline-start:0px}ax-tabs.ax-look-classic.ax-bottom{border-bottom:1px solid;border-bottom-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-bottom ax-tab-item{-webkit-border-top-left-radius:var(--ax-rounded-border-default);-webkit-border-top-right-radius:var(--ax-rounded-border-default);-moz-border-radius-topleft:var(--ax-rounded-border-default);-moz-border-radius-topright:var(--ax-rounded-border-default);border-top-left-radius:var(--ax-rounded-border-default);border-top-right-radius:var(--ax-rounded-border-default);border-bottom:transparent}ax-tabs.ax-look-classic.ax-bottom ax-tab-item:hover,ax-tabs.ax-look-classic.ax-bottom ax-tab-item.ax-state-active{border-bottom:transparent}ax-tabs.ax-look-classic.ax-bottom ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-bottom ax-tab-item.ax-state-active:after{height:1px;width:100%;bottom:-1px;inset-inline-start:0px}ax-tabs.ax-look-classic.ax-start,ax-tabs.ax-look-classic.ax-end{padding:.5rem 0}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active:after,ax-tabs.ax-look-classic.ax-end ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active:after{height:100%;top:0;width:1px}ax-tabs.ax-look-classic.ax-start{border-inline-end:1px solid;border-inline-end-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-start ax-tab-item{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default);border-inline-end:transparent}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active{border-inline-end:transparent}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active:after{inset-inline-end:-1px}ax-tabs.ax-look-classic.ax-end{border-inline-start:1px solid;border-inline-start-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-end ax-tab-item{border-end-end-radius:var(--ax-rounded-border-default);border-start-end-radius:var(--ax-rounded-border-default);border-inline-start:transparent}ax-tabs.ax-look-classic.ax-end ax-tab-item:hover,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active{border-inline-start:transparent}ax-tabs.ax-look-classic.ax-end ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active:after{inset-inline-start:-1px}ax-tabs.ax-look-classic ax-tab-item{background:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface-fore));border:1px solid;border-color:rgba(var(--ax-color-border-default));padding:.5rem .75rem}ax-tabs.ax-look-classic ax-tab-item:hover,ax-tabs.ax-look-classic ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore))}ax-tabs.ax-look-classic ax-tab-item:hover:after,ax-tabs.ax-look-classic ax-tab-item.ax-state-active:after{position:absolute;content:\"\";background-color:rgba(var(--ax-color-surface))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
75
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXTabsComponent, selector: "ax-tabs", inputs: { look: "look", location: "location", fitParent: "fitParent", minWidth: "minWidth", content: "content" }, outputs: { onActiveTabChanged: "onActiveTabChanged" }, host: { properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_contentTabs", predicate: AXTabItemComponent }], usesInheritance: true, ngImport: i0, template: ` <ng-content select="ax-tab-item"> </ng-content> `, isInline: true, styles: ["ax-tabs{position:relative;display:flex;transition:all .3s;width:100%}ax-tabs.ax-tabs-fit ax-tab-item{flex:1}ax-tabs:not(.ax-look-custom) ax-tab-item{position:relative;font-size:.875rem;line-height:1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;display:flex}ax-tabs:not(.ax-look-custom) ax-tab-item .ax-tab-item-text{padding:0 .5rem;white-space:nowrap}ax-tabs:not(.ax-look-custom) ax-tab-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-tabs.ax-top,ax-tabs.ax-bottom{flex-direction:row;overflow-x:auto;overflow-y:hidden}ax-tabs.ax-top ax-tab-item,ax-tabs.ax-bottom ax-tab-item{align-items:center;justify-content:center}ax-tabs.ax-start,ax-tabs.ax-end{flex-direction:column;overflow-x:hidden;overflow-y:auto}ax-tabs.ax-start ax-tab-item,ax-tabs.ax-end ax-tab-item{width:100%}ax-tabs.ax-start ax-tab-item:not(ax-tabs.ax-start ax-tab-item:last-child,ax-tabs.ax-end ax-tab-item:last-child),ax-tabs.ax-end ax-tab-item:not(ax-tabs.ax-start ax-tab-item:last-child,ax-tabs.ax-end ax-tab-item:last-child){margin-block-end:.75rem}ax-tabs.ax-start{align-items:start}ax-tabs.ax-end{align-items:end}ax-tabs.ax-look-pills.ax-top ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills.ax-bottom ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills-color.ax-top ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child){margin-inline-start:.75rem}ax-tabs.ax-look-default{background-color:rgba(var(--ax-color-on-surface));padding:.25rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-default.ax-top ax-tab-item:not(ax-tabs.ax-look-default.ax-top ax-tab-item:first-child,ax-tabs.ax-look-default.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-default.ax-bottom ax-tab-item:not(ax-tabs.ax-look-default.ax-top ax-tab-item:first-child,ax-tabs.ax-look-default.ax-bottom ax-tab-item:first-child){margin-inline-start:.5rem}ax-tabs.ax-look-default ax-tab-item{padding:.5rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-default ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore));box-shadow:0 2px 4px 2px #0000000d}ax-tabs.ax-look-pills ax-tab-item{padding:.5rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-pills ax-tab-item:hover,ax-tabs.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface-fore))}ax-tabs.ax-look-pills-color ax-tab-item{padding:.5rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-look-with-line.ax-top:after,ax-tabs.ax-look-with-line.ax-bottom:after{width:100%;height:2px;background-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-top ax-tab-item,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item{padding:.75rem .25rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child{margin-inline-start:1rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item:last-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:last-child{margin-inline-end:1rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active:after,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active:after{width:100%;height:3px;background-color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-top ax-tab-item:not(ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:not(ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child){margin-inline-start:2rem}ax-tabs.ax-look-with-line.ax-start:after,ax-tabs.ax-look-with-line.ax-end:after{width:2px;height:100%;background-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-start ax-tab-item,ax-tabs.ax-look-with-line.ax-end ax-tab-item{padding:.25rem .75rem}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active:after,ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active:after{width:3px;height:100%;background-color:rgba(var(--ax-color-primary-500));top:0}ax-tabs.ax-look-with-line.ax-top:after{top:0}ax-tabs.ax-look-with-line.ax-top ax-tab-item{border-top:2px solid;border-color:transparent}ax-tabs.ax-look-with-line.ax-top ax-tab-item:hover{border-top-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active:after{top:-3px}ax-tabs.ax-look-with-line.ax-bottom:after{bottom:0}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item{border-color:transparent}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:hover{border-bottom-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active:after{bottom:-1px}ax-tabs.ax-look-with-line.ax-start:after{inset-inline-start:0}ax-tabs.ax-look-with-line.ax-start ax-tab-item{border-color:transparent}ax-tabs.ax-look-with-line.ax-start ax-tab-item:hover{border-inline-start-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active:after{inset-inline-start:-1px}ax-tabs.ax-look-with-line.ax-end:after{inset-inline-end:0}ax-tabs.ax-look-with-line.ax-end ax-tab-item{border-inline-end:2px solid;border-color:transparent}ax-tabs.ax-look-with-line.ax-end ax-tab-item:hover{border-inline-end-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active:after{inset-inline-end:-3px}ax-tabs.ax-look-with-line ax-tab-item:after{position:absolute;content:\"\";z-index:10}ax-tabs.ax-look-with-line:after{position:absolute;content:\"\"}ax-tabs.ax-look-classic.ax-top,ax-tabs.ax-look-classic.ax-bottom{padding:0 1rem}ax-tabs.ax-look-classic.ax-top ax-tab-item:not(ax-tabs.ax-look-classic.ax-top ax-tab-item:first-child,ax-tabs.ax-look-classic.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-classic.ax-bottom ax-tab-item:not(ax-tabs.ax-look-classic.ax-top ax-tab-item:first-child,ax-tabs.ax-look-classic.ax-bottom ax-tab-item:first-child){margin-inline-start:.5rem}ax-tabs.ax-look-classic.ax-top{border-top:1px solid;border-top-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-top ax-tab-item{-webkit-border-bottom-left-radius:var(--ax-rounded-border-default);-webkit-border-bottom-right-radius:var(--ax-rounded-border-default);-moz-border-radius-bottomleft:var(--ax-rounded-border-default);-moz-border-radius-bottomright:var(--ax-rounded-border-default);border-bottom-left-radius:var(--ax-rounded-border-default);border-bottom-right-radius:var(--ax-rounded-border-default);border-top:transparent}ax-tabs.ax-look-classic.ax-top ax-tab-item:hover,ax-tabs.ax-look-classic.ax-top ax-tab-item.ax-state-active{border-top:transparent}ax-tabs.ax-look-classic.ax-top ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-top ax-tab-item.ax-state-active:after{height:1px;width:100%;top:-1px;inset-inline-start:0px}ax-tabs.ax-look-classic.ax-bottom{border-bottom:1px solid;border-bottom-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-bottom ax-tab-item{-webkit-border-top-left-radius:var(--ax-rounded-border-default);-webkit-border-top-right-radius:var(--ax-rounded-border-default);-moz-border-radius-topleft:var(--ax-rounded-border-default);-moz-border-radius-topright:var(--ax-rounded-border-default);border-top-left-radius:var(--ax-rounded-border-default);border-top-right-radius:var(--ax-rounded-border-default);border-bottom:transparent}ax-tabs.ax-look-classic.ax-bottom ax-tab-item:hover,ax-tabs.ax-look-classic.ax-bottom ax-tab-item.ax-state-active{border-bottom:transparent}ax-tabs.ax-look-classic.ax-bottom ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-bottom ax-tab-item.ax-state-active:after{height:1px;width:100%;bottom:-1px;inset-inline-start:0px}ax-tabs.ax-look-classic.ax-start,ax-tabs.ax-look-classic.ax-end{padding:.5rem 0}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active:after,ax-tabs.ax-look-classic.ax-end ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active:after{height:100%;top:0;width:1px}ax-tabs.ax-look-classic.ax-start{border-inline-end:1px solid;border-inline-end-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-start ax-tab-item{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default);border-inline-end:transparent}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active{border-inline-end:transparent}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active:after{inset-inline-end:-1px}ax-tabs.ax-look-classic.ax-end{border-inline-start:1px solid;border-inline-start-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-end ax-tab-item{border-end-end-radius:var(--ax-rounded-border-default);border-start-end-radius:var(--ax-rounded-border-default);border-inline-start:transparent}ax-tabs.ax-look-classic.ax-end ax-tab-item:hover,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active{border-inline-start:transparent}ax-tabs.ax-look-classic.ax-end ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active:after{inset-inline-start:-1px}ax-tabs.ax-look-classic ax-tab-item{background:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface-fore));border:1px solid;border-color:rgba(var(--ax-color-border-default));padding:.5rem .75rem}ax-tabs.ax-look-classic ax-tab-item:hover,ax-tabs.ax-look-classic ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore))}ax-tabs.ax-look-classic ax-tab-item:hover:after,ax-tabs.ax-look-classic ax-tab-item.ax-state-active:after{position:absolute;content:\"\";background-color:rgba(var(--ax-color-surface))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
76
76
|
}
|
|
77
77
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXTabsComponent, decorators: [{
|
|
78
78
|
type: Component,
|
|
79
|
-
args: [{ selector: 'ax-tabs', template: ` <ng-content select="ax-tab-item"> </ng-content> `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: ["ax-tabs{position:relative;display:flex;transition:all .3s;width:100%}ax-tabs.ax-tabs-fit ax-tab-item{flex:1}ax-tabs:not(.ax-look-custom) ax-tab-item{position:relative;font-size:.875rem;line-height:1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;display:flex}ax-tabs:not(.ax-look-custom) ax-tab-item .ax-tab-item-text{padding:0 .5rem;white-space:nowrap}ax-tabs:not(.ax-look-custom) ax-tab-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-tabs.ax-top,ax-tabs.ax-bottom{flex-direction:row;overflow-x:auto;overflow-y:hidden}ax-tabs.ax-top ax-tab-item,ax-tabs.ax-bottom ax-tab-item{align-items:center;justify-content:center}ax-tabs.ax-start,ax-tabs.ax-end{flex-direction:column;overflow-x:hidden;overflow-y:auto}ax-tabs.ax-start ax-tab-item,ax-tabs.ax-end ax-tab-item{width:100%}ax-tabs.ax-start ax-tab-item:not(ax-tabs.ax-start ax-tab-item:last-child,ax-tabs.ax-end ax-tab-item:last-child),ax-tabs.ax-end ax-tab-item:not(ax-tabs.ax-start ax-tab-item:last-child,ax-tabs.ax-end ax-tab-item:last-child){margin-block-end:.75rem}ax-tabs.ax-start{align-items:start}ax-tabs.ax-end{align-items:end}ax-tabs.ax-look-pills.ax-top ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills.ax-bottom ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills-color.ax-top ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child){margin-inline-start:.75rem}ax-tabs.ax-look-default{background-color:rgba(var(--ax-color-on-surface));padding:.25rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-default.ax-top ax-tab-item:not(ax-tabs.ax-look-default.ax-top ax-tab-item:first-child,ax-tabs.ax-look-default.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-default.ax-bottom ax-tab-item:not(ax-tabs.ax-look-default.ax-top ax-tab-item:first-child,ax-tabs.ax-look-default.ax-bottom ax-tab-item:first-child){margin-inline-start:.5rem}ax-tabs.ax-look-default ax-tab-item{padding:.5rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-default ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore));box-shadow:0 2px 4px 2px #0000000d}ax-tabs.ax-look-pills ax-tab-item{padding:.5rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-pills ax-tab-item:hover,ax-tabs.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface-fore))}ax-tabs.ax-look-pills-color ax-tab-item{padding:.5rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-look-with-line.ax-top:after,ax-tabs.ax-look-with-line.ax-bottom:after{width:100%;height:1px;background-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-top ax-tab-item,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item{padding:.75rem .25rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child{margin-inline-start:1rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item:last-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:last-child{margin-inline-end:1rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active:after,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active:after{width:100%;height:3px;background-color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-top ax-tab-item:not(ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:not(ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child){margin-inline-start:2rem}ax-tabs.ax-look-with-line.ax-start:after,ax-tabs.ax-look-with-line.ax-end:after{width:1px;height:100%;background-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-start ax-tab-item,ax-tabs.ax-look-with-line.ax-end ax-tab-item{padding:.25rem .75rem}ax-tabs.ax-look-with-line.ax-start ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-end ax-tab-item:first-child{margin-block-start:1rem}ax-tabs.ax-look-with-line.ax-start ax-tab-item:last-child,ax-tabs.ax-look-with-line.ax-end ax-tab-item:last-child{margin-block-end:1rem}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active:after,ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active:after{width:3px;height:100%;background-color:rgba(var(--ax-color-primary-500));top:0}ax-tabs.ax-look-with-line.ax-top:after{top:0}ax-tabs.ax-look-with-line.ax-top ax-tab-item{border-top:2px solid;border-color:transparent}ax-tabs.ax-look-with-line.ax-top ax-tab-item:hover{border-top-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active:after{top:-3px}ax-tabs.ax-look-with-line.ax-bottom:after{bottom:0}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item{border-color:transparent}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:hover{border-bottom-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active:after{bottom:-1px}ax-tabs.ax-look-with-line.ax-start:after{inset-inline-start:0}ax-tabs.ax-look-with-line.ax-start ax-tab-item{border-color:transparent}ax-tabs.ax-look-with-line.ax-start ax-tab-item:hover{border-inline-start-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active:after{inset-inline-start:-1px}ax-tabs.ax-look-with-line.ax-end:after{inset-inline-end:0}ax-tabs.ax-look-with-line.ax-end ax-tab-item{border-inline-end:2px solid;border-color:transparent}ax-tabs.ax-look-with-line.ax-end ax-tab-item:hover{border-inline-end-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active:after{inset-inline-end:-3px}ax-tabs.ax-look-with-line ax-tab-item:after{position:absolute;content:\"\";z-index:10}ax-tabs.ax-look-with-line:after{position:absolute;content:\"\"}ax-tabs.ax-look-classic.ax-top,ax-tabs.ax-look-classic.ax-bottom{padding:0 1rem}ax-tabs.ax-look-classic.ax-top ax-tab-item:not(ax-tabs.ax-look-classic.ax-top ax-tab-item:first-child,ax-tabs.ax-look-classic.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-classic.ax-bottom ax-tab-item:not(ax-tabs.ax-look-classic.ax-top ax-tab-item:first-child,ax-tabs.ax-look-classic.ax-bottom ax-tab-item:first-child){margin-inline-start:.5rem}ax-tabs.ax-look-classic.ax-top{border-top:1px solid;border-top-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-top ax-tab-item{-webkit-border-bottom-left-radius:var(--ax-rounded-border-default);-webkit-border-bottom-right-radius:var(--ax-rounded-border-default);-moz-border-radius-bottomleft:var(--ax-rounded-border-default);-moz-border-radius-bottomright:var(--ax-rounded-border-default);border-bottom-left-radius:var(--ax-rounded-border-default);border-bottom-right-radius:var(--ax-rounded-border-default);border-top:transparent}ax-tabs.ax-look-classic.ax-top ax-tab-item:hover,ax-tabs.ax-look-classic.ax-top ax-tab-item.ax-state-active{border-top:transparent}ax-tabs.ax-look-classic.ax-top ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-top ax-tab-item.ax-state-active:after{height:1px;width:100%;top:-1px;inset-inline-start:0px}ax-tabs.ax-look-classic.ax-bottom{border-bottom:1px solid;border-bottom-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-bottom ax-tab-item{-webkit-border-top-left-radius:var(--ax-rounded-border-default);-webkit-border-top-right-radius:var(--ax-rounded-border-default);-moz-border-radius-topleft:var(--ax-rounded-border-default);-moz-border-radius-topright:var(--ax-rounded-border-default);border-top-left-radius:var(--ax-rounded-border-default);border-top-right-radius:var(--ax-rounded-border-default);border-bottom:transparent}ax-tabs.ax-look-classic.ax-bottom ax-tab-item:hover,ax-tabs.ax-look-classic.ax-bottom ax-tab-item.ax-state-active{border-bottom:transparent}ax-tabs.ax-look-classic.ax-bottom ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-bottom ax-tab-item.ax-state-active:after{height:1px;width:100%;bottom:-1px;inset-inline-start:0px}ax-tabs.ax-look-classic.ax-start,ax-tabs.ax-look-classic.ax-end{padding:.5rem 0}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active:after,ax-tabs.ax-look-classic.ax-end ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active:after{height:100%;top:0;width:1px}ax-tabs.ax-look-classic.ax-start{border-inline-end:1px solid;border-inline-end-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-start ax-tab-item{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default);border-inline-end:transparent}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active{border-inline-end:transparent}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active:after{inset-inline-end:-1px}ax-tabs.ax-look-classic.ax-end{border-inline-start:1px solid;border-inline-start-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-end ax-tab-item{border-end-end-radius:var(--ax-rounded-border-default);border-start-end-radius:var(--ax-rounded-border-default);border-inline-start:transparent}ax-tabs.ax-look-classic.ax-end ax-tab-item:hover,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active{border-inline-start:transparent}ax-tabs.ax-look-classic.ax-end ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active:after{inset-inline-start:-1px}ax-tabs.ax-look-classic ax-tab-item{background:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface-fore));border:1px solid;border-color:rgba(var(--ax-color-border-default));padding:.5rem .75rem}ax-tabs.ax-look-classic ax-tab-item:hover,ax-tabs.ax-look-classic ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore))}ax-tabs.ax-look-classic ax-tab-item:hover:after,ax-tabs.ax-look-classic ax-tab-item.ax-state-active:after{position:absolute;content:\"\";background-color:rgba(var(--ax-color-surface))}\n"] }]
|
|
79
|
+
args: [{ selector: 'ax-tabs', template: ` <ng-content select="ax-tab-item"> </ng-content> `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: ["ax-tabs{position:relative;display:flex;transition:all .3s;width:100%}ax-tabs.ax-tabs-fit ax-tab-item{flex:1}ax-tabs:not(.ax-look-custom) ax-tab-item{position:relative;font-size:.875rem;line-height:1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;display:flex}ax-tabs:not(.ax-look-custom) ax-tab-item .ax-tab-item-text{padding:0 .5rem;white-space:nowrap}ax-tabs:not(.ax-look-custom) ax-tab-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-tabs.ax-top,ax-tabs.ax-bottom{flex-direction:row;overflow-x:auto;overflow-y:hidden}ax-tabs.ax-top ax-tab-item,ax-tabs.ax-bottom ax-tab-item{align-items:center;justify-content:center}ax-tabs.ax-start,ax-tabs.ax-end{flex-direction:column;overflow-x:hidden;overflow-y:auto}ax-tabs.ax-start ax-tab-item,ax-tabs.ax-end ax-tab-item{width:100%}ax-tabs.ax-start ax-tab-item:not(ax-tabs.ax-start ax-tab-item:last-child,ax-tabs.ax-end ax-tab-item:last-child),ax-tabs.ax-end ax-tab-item:not(ax-tabs.ax-start ax-tab-item:last-child,ax-tabs.ax-end ax-tab-item:last-child){margin-block-end:.75rem}ax-tabs.ax-start{align-items:start}ax-tabs.ax-end{align-items:end}ax-tabs.ax-look-pills.ax-top ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills.ax-bottom ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills-color.ax-top ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child){margin-inline-start:.75rem}ax-tabs.ax-look-default{background-color:rgba(var(--ax-color-on-surface));padding:.25rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-default.ax-top ax-tab-item:not(ax-tabs.ax-look-default.ax-top ax-tab-item:first-child,ax-tabs.ax-look-default.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-default.ax-bottom ax-tab-item:not(ax-tabs.ax-look-default.ax-top ax-tab-item:first-child,ax-tabs.ax-look-default.ax-bottom ax-tab-item:first-child){margin-inline-start:.5rem}ax-tabs.ax-look-default ax-tab-item{padding:.5rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-default ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore));box-shadow:0 2px 4px 2px #0000000d}ax-tabs.ax-look-pills ax-tab-item{padding:.5rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-pills ax-tab-item:hover,ax-tabs.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface-fore))}ax-tabs.ax-look-pills-color ax-tab-item{padding:.5rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-tabs.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-look-with-line.ax-top:after,ax-tabs.ax-look-with-line.ax-bottom:after{width:100%;height:2px;background-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-top ax-tab-item,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item{padding:.75rem .25rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child{margin-inline-start:1rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item:last-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:last-child{margin-inline-end:1rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active:after,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active:after{width:100%;height:3px;background-color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-top ax-tab-item:not(ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:not(ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child){margin-inline-start:2rem}ax-tabs.ax-look-with-line.ax-start:after,ax-tabs.ax-look-with-line.ax-end:after{width:2px;height:100%;background-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-start ax-tab-item,ax-tabs.ax-look-with-line.ax-end ax-tab-item{padding:.25rem .75rem}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active:after,ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active:after{width:3px;height:100%;background-color:rgba(var(--ax-color-primary-500));top:0}ax-tabs.ax-look-with-line.ax-top:after{top:0}ax-tabs.ax-look-with-line.ax-top ax-tab-item{border-top:2px solid;border-color:transparent}ax-tabs.ax-look-with-line.ax-top ax-tab-item:hover{border-top-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active:after{top:-3px}ax-tabs.ax-look-with-line.ax-bottom:after{bottom:0}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item{border-color:transparent}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:hover{border-bottom-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active:after{bottom:-1px}ax-tabs.ax-look-with-line.ax-start:after{inset-inline-start:0}ax-tabs.ax-look-with-line.ax-start ax-tab-item{border-color:transparent}ax-tabs.ax-look-with-line.ax-start ax-tab-item:hover{border-inline-start-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active:after{inset-inline-start:-1px}ax-tabs.ax-look-with-line.ax-end:after{inset-inline-end:0}ax-tabs.ax-look-with-line.ax-end ax-tab-item{border-inline-end:2px solid;border-color:transparent}ax-tabs.ax-look-with-line.ax-end ax-tab-item:hover{border-inline-end-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active:after{inset-inline-end:-3px}ax-tabs.ax-look-with-line ax-tab-item:after{position:absolute;content:\"\";z-index:10}ax-tabs.ax-look-with-line:after{position:absolute;content:\"\"}ax-tabs.ax-look-classic.ax-top,ax-tabs.ax-look-classic.ax-bottom{padding:0 1rem}ax-tabs.ax-look-classic.ax-top ax-tab-item:not(ax-tabs.ax-look-classic.ax-top ax-tab-item:first-child,ax-tabs.ax-look-classic.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-classic.ax-bottom ax-tab-item:not(ax-tabs.ax-look-classic.ax-top ax-tab-item:first-child,ax-tabs.ax-look-classic.ax-bottom ax-tab-item:first-child){margin-inline-start:.5rem}ax-tabs.ax-look-classic.ax-top{border-top:1px solid;border-top-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-top ax-tab-item{-webkit-border-bottom-left-radius:var(--ax-rounded-border-default);-webkit-border-bottom-right-radius:var(--ax-rounded-border-default);-moz-border-radius-bottomleft:var(--ax-rounded-border-default);-moz-border-radius-bottomright:var(--ax-rounded-border-default);border-bottom-left-radius:var(--ax-rounded-border-default);border-bottom-right-radius:var(--ax-rounded-border-default);border-top:transparent}ax-tabs.ax-look-classic.ax-top ax-tab-item:hover,ax-tabs.ax-look-classic.ax-top ax-tab-item.ax-state-active{border-top:transparent}ax-tabs.ax-look-classic.ax-top ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-top ax-tab-item.ax-state-active:after{height:1px;width:100%;top:-1px;inset-inline-start:0px}ax-tabs.ax-look-classic.ax-bottom{border-bottom:1px solid;border-bottom-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-bottom ax-tab-item{-webkit-border-top-left-radius:var(--ax-rounded-border-default);-webkit-border-top-right-radius:var(--ax-rounded-border-default);-moz-border-radius-topleft:var(--ax-rounded-border-default);-moz-border-radius-topright:var(--ax-rounded-border-default);border-top-left-radius:var(--ax-rounded-border-default);border-top-right-radius:var(--ax-rounded-border-default);border-bottom:transparent}ax-tabs.ax-look-classic.ax-bottom ax-tab-item:hover,ax-tabs.ax-look-classic.ax-bottom ax-tab-item.ax-state-active{border-bottom:transparent}ax-tabs.ax-look-classic.ax-bottom ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-bottom ax-tab-item.ax-state-active:after{height:1px;width:100%;bottom:-1px;inset-inline-start:0px}ax-tabs.ax-look-classic.ax-start,ax-tabs.ax-look-classic.ax-end{padding:.5rem 0}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active:after,ax-tabs.ax-look-classic.ax-end ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active:after{height:100%;top:0;width:1px}ax-tabs.ax-look-classic.ax-start{border-inline-end:1px solid;border-inline-end-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-start ax-tab-item{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default);border-inline-end:transparent}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active{border-inline-end:transparent}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active:after{inset-inline-end:-1px}ax-tabs.ax-look-classic.ax-end{border-inline-start:1px solid;border-inline-start-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-end ax-tab-item{border-end-end-radius:var(--ax-rounded-border-default);border-start-end-radius:var(--ax-rounded-border-default);border-inline-start:transparent}ax-tabs.ax-look-classic.ax-end ax-tab-item:hover,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active{border-inline-start:transparent}ax-tabs.ax-look-classic.ax-end ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active:after{inset-inline-start:-1px}ax-tabs.ax-look-classic ax-tab-item{background:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface-fore));border:1px solid;border-color:rgba(var(--ax-color-border-default));padding:.5rem .75rem}ax-tabs.ax-look-classic ax-tab-item:hover,ax-tabs.ax-look-classic ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore))}ax-tabs.ax-look-classic ax-tab-item:hover:after,ax-tabs.ax-look-classic ax-tab-item.ax-state-active:after{position:absolute;content:\"\";background-color:rgba(var(--ax-color-surface))}\n"] }]
|
|
80
80
|
}], propDecorators: { _contentTabs: [{
|
|
81
81
|
type: ContentChildren,
|
|
82
82
|
args: [AXTabItemComponent]
|
|
@@ -7,11 +7,11 @@ export class AXTagComponent extends MXColorLookComponent {
|
|
|
7
7
|
return `ax-${this.color}-${this.look}`;
|
|
8
8
|
}
|
|
9
9
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXTagComponent, selector: "ax-tag", inputs: { color: "color", look: "look", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-tag-text\" *ngIf=\"text\">{{text }}</div>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-tag{font-size:.875rem;padding:.25rem .75rem;border-radius:var(--ax-rounded-border-default);display:inline-flex;align-items:center;border:1px solid}ax-tag ax-prefix,ax-tag ax-suffix{display:flex;align-items:center;font-size:1rem}ax-tag ax-prefix ax-icon,ax-tag ax-suffix ax-icon{font-size:1rem!important}ax-tag ax-prefix{padding-inline-end:.25rem}ax-tag ax-suffix{padding-inline-start:.25rem}ax-tag.ax-ghost-solid{background-color:rgba(var(--ax-color-neutral-200));border-color:rgba(var(--ax-color-neutral-200));color:rgba(var(--ax-color-neutral-fore))}ax-tag.ax-ghost-outline{border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-text-default))}ax-tag.ax-ghost-twotone{border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-text-default))}ax-tag.ax-primary-solid{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tag.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-100))}ax-tag.ax-primary-outline{background-color:transparent;color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500))}ax-tag.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-tag.ax-secondary-twotone{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-100))}ax-tag.ax-secondary-outline{background-color:transparent;color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500))}ax-tag.ax-success-solid{background-color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-tag.ax-success-twotone{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-100))}ax-tag.ax-success-outline{background-color:transparent;color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500))}ax-tag.ax-warning-solid{background-color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-tag.ax-warning-twotone{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-100))}ax-tag.ax-warning-outline{background-color:transparent;color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500))}ax-tag.ax-danger-solid{background-color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-tag.ax-danger-twotone{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-100))}ax-tag.ax-danger-outline{background-color:transparent;color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500))}ax-tag.ax-info-solid{background-color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-tag.ax-info-twotone{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-100))}ax-tag.ax-info-outline{background-color:transparent;color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500))}.ax-dark ax-tag.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tag.ax-primary-outline{background-color:transparent;color:rgba(var(--ax-color-primary-
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXTagComponent, selector: "ax-tag", inputs: { color: "color", look: "look", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-tag-text\" *ngIf=\"text\">{{text }}</div>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-tag{font-size:.875rem;padding:.25rem .75rem;border-radius:var(--ax-rounded-border-default);display:inline-flex;align-items:center;border:1px solid}ax-tag ax-prefix,ax-tag ax-suffix{display:flex;align-items:center;font-size:1rem}ax-tag ax-prefix ax-icon,ax-tag ax-suffix ax-icon{font-size:1rem!important}ax-tag ax-prefix{padding-inline-end:.25rem}ax-tag ax-suffix{padding-inline-start:.25rem}ax-tag.ax-ghost-solid{background-color:rgba(var(--ax-color-neutral-200));border-color:rgba(var(--ax-color-neutral-200));color:rgba(var(--ax-color-neutral-fore))}ax-tag.ax-ghost-outline{border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-text-default))}ax-tag.ax-ghost-twotone{border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-text-default))}ax-tag.ax-primary-solid{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tag.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-100))}ax-tag.ax-primary-outline{background-color:transparent;color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500))}ax-tag.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-tag.ax-secondary-twotone{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-100))}ax-tag.ax-secondary-outline{background-color:transparent;color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500))}ax-tag.ax-success-solid{background-color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-tag.ax-success-twotone{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-100))}ax-tag.ax-success-outline{background-color:transparent;color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500))}ax-tag.ax-warning-solid{background-color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-tag.ax-warning-twotone{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-100))}ax-tag.ax-warning-outline{background-color:transparent;color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500))}ax-tag.ax-danger-solid{background-color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-tag.ax-danger-twotone{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-100))}ax-tag.ax-danger-outline{background-color:transparent;color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500))}ax-tag.ax-info-solid{background-color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-tag.ax-info-twotone{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-100))}ax-tag.ax-info-outline{background-color:transparent;color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500))}.ax-dark ax-tag.ax-primary-solid{background-color:rgba(var(--ax-color-primary-200));border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten))}.ax-dark ax-tag.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tag.ax-primary-outline{background-color:transparent;color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tag.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-200));border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten))}.ax-dark ax-tag.ax-secondary-twotone{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-tag.ax-secondary-outline{background-color:transparent;color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-tag.ax-success-solid{background-color:rgba(var(--ax-color-success-200));border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten))}.ax-dark ax-tag.ax-success-twotone{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-tag.ax-success-outline{background-color:transparent;color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-tag.ax-warning-solid{background-color:rgba(var(--ax-color-warning-200));border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten))}.ax-dark ax-tag.ax-warning-twotone{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-tag.ax-warning-outline{background-color:transparent;color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-tag.ax-danger-solid{background-color:rgba(var(--ax-color-danger-200));border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten))}.ax-dark ax-tag.ax-danger-twotone{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-tag.ax-danger-outline{background-color:transparent;color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-tag.ax-info-solid{background-color:rgba(var(--ax-color-info-200));border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten))}.ax-dark ax-tag.ax-info-twotone{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-tag.ax-info-outline{background-color:transparent;color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-200))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
11
11
|
}
|
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXTagComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
|
-
args: [{ selector: 'ax-tag', inputs: ['color', 'look'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-tag-text\" *ngIf=\"text\">{{text }}</div>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-tag{font-size:.875rem;padding:.25rem .75rem;border-radius:var(--ax-rounded-border-default);display:inline-flex;align-items:center;border:1px solid}ax-tag ax-prefix,ax-tag ax-suffix{display:flex;align-items:center;font-size:1rem}ax-tag ax-prefix ax-icon,ax-tag ax-suffix ax-icon{font-size:1rem!important}ax-tag ax-prefix{padding-inline-end:.25rem}ax-tag ax-suffix{padding-inline-start:.25rem}ax-tag.ax-ghost-solid{background-color:rgba(var(--ax-color-neutral-200));border-color:rgba(var(--ax-color-neutral-200));color:rgba(var(--ax-color-neutral-fore))}ax-tag.ax-ghost-outline{border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-text-default))}ax-tag.ax-ghost-twotone{border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-text-default))}ax-tag.ax-primary-solid{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tag.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-100))}ax-tag.ax-primary-outline{background-color:transparent;color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500))}ax-tag.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-tag.ax-secondary-twotone{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-100))}ax-tag.ax-secondary-outline{background-color:transparent;color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500))}ax-tag.ax-success-solid{background-color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-tag.ax-success-twotone{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-100))}ax-tag.ax-success-outline{background-color:transparent;color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500))}ax-tag.ax-warning-solid{background-color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-tag.ax-warning-twotone{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-100))}ax-tag.ax-warning-outline{background-color:transparent;color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500))}ax-tag.ax-danger-solid{background-color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-tag.ax-danger-twotone{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-100))}ax-tag.ax-danger-outline{background-color:transparent;color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500))}ax-tag.ax-info-solid{background-color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-tag.ax-info-twotone{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-100))}ax-tag.ax-info-outline{background-color:transparent;color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500))}.ax-dark ax-tag.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tag.ax-primary-outline{background-color:transparent;color:rgba(var(--ax-color-primary-
|
|
14
|
+
args: [{ selector: 'ax-tag', inputs: ['color', 'look'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-tag-text\" *ngIf=\"text\">{{text }}</div>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-tag{font-size:.875rem;padding:.25rem .75rem;border-radius:var(--ax-rounded-border-default);display:inline-flex;align-items:center;border:1px solid}ax-tag ax-prefix,ax-tag ax-suffix{display:flex;align-items:center;font-size:1rem}ax-tag ax-prefix ax-icon,ax-tag ax-suffix ax-icon{font-size:1rem!important}ax-tag ax-prefix{padding-inline-end:.25rem}ax-tag ax-suffix{padding-inline-start:.25rem}ax-tag.ax-ghost-solid{background-color:rgba(var(--ax-color-neutral-200));border-color:rgba(var(--ax-color-neutral-200));color:rgba(var(--ax-color-neutral-fore))}ax-tag.ax-ghost-outline{border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-text-default))}ax-tag.ax-ghost-twotone{border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-text-default))}ax-tag.ax-primary-solid{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tag.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-100))}ax-tag.ax-primary-outline{background-color:transparent;color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500))}ax-tag.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-tag.ax-secondary-twotone{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-100))}ax-tag.ax-secondary-outline{background-color:transparent;color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500))}ax-tag.ax-success-solid{background-color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-tag.ax-success-twotone{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-100))}ax-tag.ax-success-outline{background-color:transparent;color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500))}ax-tag.ax-warning-solid{background-color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-tag.ax-warning-twotone{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-100))}ax-tag.ax-warning-outline{background-color:transparent;color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500))}ax-tag.ax-danger-solid{background-color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-tag.ax-danger-twotone{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-100))}ax-tag.ax-danger-outline{background-color:transparent;color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500))}ax-tag.ax-info-solid{background-color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-tag.ax-info-twotone{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-100))}ax-tag.ax-info-outline{background-color:transparent;color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500))}.ax-dark ax-tag.ax-primary-solid{background-color:rgba(var(--ax-color-primary-200));border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten))}.ax-dark ax-tag.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tag.ax-primary-outline{background-color:transparent;color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tag.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-200));border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten))}.ax-dark ax-tag.ax-secondary-twotone{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-tag.ax-secondary-outline{background-color:transparent;color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-tag.ax-success-solid{background-color:rgba(var(--ax-color-success-200));border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten))}.ax-dark ax-tag.ax-success-twotone{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-tag.ax-success-outline{background-color:transparent;color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-tag.ax-warning-solid{background-color:rgba(var(--ax-color-warning-200));border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten))}.ax-dark ax-tag.ax-warning-twotone{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-tag.ax-warning-outline{background-color:transparent;color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-tag.ax-danger-solid{background-color:rgba(var(--ax-color-danger-200));border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten))}.ax-dark ax-tag.ax-danger-twotone{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-tag.ax-danger-outline{background-color:transparent;color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-tag.ax-info-solid{background-color:rgba(var(--ax-color-info-200));border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten))}.ax-dark ax-tag.ax-info-twotone{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-tag.ax-info-outline{background-color:transparent;color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-200))}\n"] }]
|
|
15
15
|
}], propDecorators: { text: [{
|
|
16
16
|
type: Input
|
|
17
17
|
}], __hostClass: [{
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { MXBaseComponent } from '@acorex/components/common';
|
|
2
|
+
import { AUTO_STYLE, animate, state, style, transition, trigger } from '@angular/animations';
|
|
2
3
|
import { DialogRef } from '@angular/cdk/dialog';
|
|
3
4
|
import { Component, ViewEncapsulation } from '@angular/core';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
@@ -33,16 +34,33 @@ export class AXUploaderListComponent extends MXBaseComponent {
|
|
|
33
34
|
},
|
|
34
35
|
];
|
|
35
36
|
this.leftTime = 5;
|
|
37
|
+
this.isCollapsed = false;
|
|
38
|
+
}
|
|
39
|
+
toggle() {
|
|
40
|
+
this.isCollapsed = !this.isCollapsed;
|
|
36
41
|
}
|
|
37
|
-
toggle() { }
|
|
38
42
|
close() {
|
|
39
43
|
this.dialogRef.close();
|
|
40
44
|
}
|
|
41
45
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXUploaderListComponent, deps: [{ token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
42
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXUploaderListComponent, selector: "ax-uploader-list", usesInheritance: true, ngImport: i0, template: "<div class=\"ax-uploader-list-header\">\n <div>Uploader list</div>\n <div>\n <i
|
|
46
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXUploaderListComponent, selector: "ax-uploader-list", usesInheritance: true, ngImport: i0, template: "<div class=\"ax-uploader-list-header\">\n <div>Uploader list</div>\n <div>\n <i\n class=\"ax-icon\"\n [ngClass]=\"{ 'ax-icon-chevron-down': !isCollapsed, 'ax-icon-chevron-up': isCollapsed }\"\n (click)=\"toggle()\"\n ></i>\n\n <i class=\"ax-icon ax-icon-close\" (click)=\"close()\"></i>\n </div>\n</div>\n\n<div [@collapse]=\"isCollapsed\">\n <div class=\"ax-uploader-progress-status\">\n <div>{{ leftTime }}min left</div>\n <button>{{ 'common.cancel' | trans }}</button>\n </div>\n <ul class=\"ax-uploader-list-items\">\n <ng-container *ngFor=\"let item of items\">\n <li>\n <div>\n <i class=\"ax-icon ax-icon-inbox\"></i>\n <div class=\"ax-uploader-item-text\">\n <strong>{{ item.name }}</strong>\n <small>{{ item.description }}</small>\n </div>\n </div>\n <div></div>\n </li>\n </ng-container>\n </ul>\n</div>\n", styles: [".ax-dark ax-uploader-list .ax-uploader-progress-status{background-color:rgba(var(--ax-color-primary-500),.25);color:rgba(var(--ax-color-primary-50));border-color:rgba(var(--ax-color-primary-500))}ax-uploader-list{display:block;background-color:rgba(var(--ax-color-surface));-webkit-border-top-left-radius:.75rem;-webkit-border-top-right-radius:.75rem;-moz-border-radius-topleft:.75rem;-moz-border-radius-topright:.75rem;border-top-left-radius:.75rem;border-top-right-radius:.75rem;overflow:hidden;box-shadow:-1px -1px 10px #00000029;border:1px solid;border-color:rgba(var(--ax-color-border-default));outline-color:rgba(var(--ax-color-primary-500))}ax-uploader-list .ax-uploader-list-header{display:flex;justify-content:space-between;padding:.75rem 1rem;background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface-fore));font-weight:500}ax-uploader-list .ax-uploader-list-header .ax-icon{font-size:1.5rem;cursor:pointer;margin-inline-start:.5rem}ax-uploader-list .ax-uploader-list-header .ax-icon:hover{opacity:.6}ax-uploader-list .ax-uploader-progress-status{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-700));padding:.5rem .75rem;border-top:1px solid;border-bottom:1px solid;border-color:rgba(var(--ax-color-primary-200))}ax-uploader-list .ax-uploader-list-items{padding:.5rem 0}ax-uploader-list .ax-uploader-list-items li{font-size:.875rem;padding:.75rem;display:flex;align-items:center;justify-content:space-between}ax-uploader-list .ax-uploader-list-items li>div{display:flex}ax-uploader-list .ax-uploader-list-items li>div .ax-icon{display:flex;font-size:1.5rem;margin-inline-end:.5rem}ax-uploader-list .ax-uploader-list-items li>div .ax-uploader-item-text{display:flex;flex-direction:column}ax-uploader-list .ax-uploader-list-items li>div .ax-uploader-item-text strong{font-weight:500;display:block}ax-uploader-list .ax-uploader-list-items li>div .ax-uploader-item-text small{color:rgba(var(--ax-color-on-surface-fore),.75)}.ax-uploader-list-pane .cdk-dialog-container:focus,.ax-uploader-list-pane .cdk-dialog-container:focus-visible,.ax-uploader-list-pane .cdk-dialog-container:focus-within{outline:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "trans" }], animations: [
|
|
47
|
+
trigger('collapse', [
|
|
48
|
+
state('false', style({ height: AUTO_STYLE, visibility: AUTO_STYLE })),
|
|
49
|
+
state('true', style({ height: '0', visibility: 'hidden' })),
|
|
50
|
+
transition('false => true', animate(150 + 'ms ease-in')),
|
|
51
|
+
transition('true => false', animate(150 + 'ms ease-out')),
|
|
52
|
+
]),
|
|
53
|
+
], encapsulation: i0.ViewEncapsulation.None }); }
|
|
43
54
|
}
|
|
44
55
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXUploaderListComponent, decorators: [{
|
|
45
56
|
type: Component,
|
|
46
|
-
args: [{ selector: 'ax-uploader-list', encapsulation: ViewEncapsulation.None,
|
|
57
|
+
args: [{ selector: 'ax-uploader-list', encapsulation: ViewEncapsulation.None, animations: [
|
|
58
|
+
trigger('collapse', [
|
|
59
|
+
state('false', style({ height: AUTO_STYLE, visibility: AUTO_STYLE })),
|
|
60
|
+
state('true', style({ height: '0', visibility: 'hidden' })),
|
|
61
|
+
transition('false => true', animate(150 + 'ms ease-in')),
|
|
62
|
+
transition('true => false', animate(150 + 'ms ease-out')),
|
|
63
|
+
]),
|
|
64
|
+
], template: "<div class=\"ax-uploader-list-header\">\n <div>Uploader list</div>\n <div>\n <i\n class=\"ax-icon\"\n [ngClass]=\"{ 'ax-icon-chevron-down': !isCollapsed, 'ax-icon-chevron-up': isCollapsed }\"\n (click)=\"toggle()\"\n ></i>\n\n <i class=\"ax-icon ax-icon-close\" (click)=\"close()\"></i>\n </div>\n</div>\n\n<div [@collapse]=\"isCollapsed\">\n <div class=\"ax-uploader-progress-status\">\n <div>{{ leftTime }}min left</div>\n <button>{{ 'common.cancel' | trans }}</button>\n </div>\n <ul class=\"ax-uploader-list-items\">\n <ng-container *ngFor=\"let item of items\">\n <li>\n <div>\n <i class=\"ax-icon ax-icon-inbox\"></i>\n <div class=\"ax-uploader-item-text\">\n <strong>{{ item.name }}</strong>\n <small>{{ item.description }}</small>\n </div>\n </div>\n <div></div>\n </li>\n </ng-container>\n </ul>\n</div>\n", styles: [".ax-dark ax-uploader-list .ax-uploader-progress-status{background-color:rgba(var(--ax-color-primary-500),.25);color:rgba(var(--ax-color-primary-50));border-color:rgba(var(--ax-color-primary-500))}ax-uploader-list{display:block;background-color:rgba(var(--ax-color-surface));-webkit-border-top-left-radius:.75rem;-webkit-border-top-right-radius:.75rem;-moz-border-radius-topleft:.75rem;-moz-border-radius-topright:.75rem;border-top-left-radius:.75rem;border-top-right-radius:.75rem;overflow:hidden;box-shadow:-1px -1px 10px #00000029;border:1px solid;border-color:rgba(var(--ax-color-border-default));outline-color:rgba(var(--ax-color-primary-500))}ax-uploader-list .ax-uploader-list-header{display:flex;justify-content:space-between;padding:.75rem 1rem;background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface-fore));font-weight:500}ax-uploader-list .ax-uploader-list-header .ax-icon{font-size:1.5rem;cursor:pointer;margin-inline-start:.5rem}ax-uploader-list .ax-uploader-list-header .ax-icon:hover{opacity:.6}ax-uploader-list .ax-uploader-progress-status{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-700));padding:.5rem .75rem;border-top:1px solid;border-bottom:1px solid;border-color:rgba(var(--ax-color-primary-200))}ax-uploader-list .ax-uploader-list-items{padding:.5rem 0}ax-uploader-list .ax-uploader-list-items li{font-size:.875rem;padding:.75rem;display:flex;align-items:center;justify-content:space-between}ax-uploader-list .ax-uploader-list-items li>div{display:flex}ax-uploader-list .ax-uploader-list-items li>div .ax-icon{display:flex;font-size:1.5rem;margin-inline-end:.5rem}ax-uploader-list .ax-uploader-list-items li>div .ax-uploader-item-text{display:flex;flex-direction:column}ax-uploader-list .ax-uploader-list-items li>div .ax-uploader-item-text strong{font-weight:500;display:block}ax-uploader-list .ax-uploader-list-items li>div .ax-uploader-item-text small{color:rgba(var(--ax-color-on-surface-fore),.75)}.ax-uploader-list-pane .cdk-dialog-container:focus,.ax-uploader-list-pane .cdk-dialog-container:focus-visible,.ax-uploader-list-pane .cdk-dialog-container:focus-within{outline:none}\n"] }]
|
|
47
65
|
}], ctorParameters: function () { return [{ type: i1.DialogRef }]; } });
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkZXItbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvdXBsb2FkZXIvc3JjL2xpYi91cGxvYWRlci1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy91cGxvYWRlci9zcmMvbGliL3VwbG9hZGVyLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUF5QixlQUFlLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNuRixPQUFPLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUM3RixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDaEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUF1QjdELE1BQU0sT0FBTyx1QkFBd0IsU0FBUSxlQUFlO0lBMkIxRCxZQUFvQixTQUEyQztRQUM3RCxLQUFLLEVBQUUsQ0FBQztRQURVLGNBQVMsR0FBVCxTQUFTLENBQWtDO1FBMUIvRCxVQUFLLEdBQXFCO1lBQ3hCO2dCQUNFLElBQUksRUFBRSxZQUFZO2dCQUNsQixJQUFJLEVBQUUsSUFBSTtnQkFDVixJQUFJLEVBQUUsU0FBUztnQkFDZixXQUFXLEVBQUUsaUJBQWlCO2FBQy9CO1lBQ0Q7Z0JBQ0UsSUFBSSxFQUFFLFdBQVc7Z0JBQ2pCLElBQUksRUFBRSxLQUFLO2dCQUNYLElBQUksRUFBRSxPQUFPO2FBQ2Q7WUFDRDtnQkFDRSxJQUFJLEVBQUUsVUFBVTtnQkFDaEIsSUFBSSxFQUFFLEtBQUs7Z0JBQ1gsSUFBSSxFQUFFLEtBQUs7YUFDWjtZQUNEO2dCQUNFLElBQUksRUFBRSxZQUFZO2dCQUNsQixJQUFJLEVBQUUsS0FBSztnQkFDWCxJQUFJLEVBQUUsS0FBSzthQUNaO1NBQ0YsQ0FBQztRQUVGLGFBQVEsR0FBRyxDQUFDLENBQUM7UUFDYixnQkFBVyxHQUFHLEtBQUssQ0FBQztJQUdwQixDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQ3ZDLENBQUM7SUFDRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN6QixDQUFDOzhHQXBDVSx1QkFBdUI7a0dBQXZCLHVCQUF1QiwrRUMxQnBDLDI2QkFpQ0EsdWhGRGhCYztZQUNWLE9BQU8sQ0FBQyxVQUFVLEVBQUU7Z0JBQ2xCLEtBQUssQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLENBQUMsQ0FBQztnQkFDckUsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsQ0FBQyxDQUFDO2dCQUMzRCxVQUFVLENBQUMsZUFBZSxFQUFFLE9BQU8sQ0FBQyxHQUFHLEdBQUcsWUFBWSxDQUFDLENBQUM7Z0JBQ3hELFVBQVUsQ0FBQyxlQUFlLEVBQUUsT0FBTyxDQUFDLEdBQUcsR0FBRyxhQUFhLENBQUMsQ0FBQzthQUMxRCxDQUFDO1NBQ0g7OzJGQUVVLHVCQUF1QjtrQkFkbkMsU0FBUzsrQkFDRSxrQkFBa0IsaUJBR2IsaUJBQWlCLENBQUMsSUFBSSxjQUN6Qjt3QkFDVixPQUFPLENBQUMsVUFBVSxFQUFFOzRCQUNsQixLQUFLLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxDQUFDLENBQUM7NEJBQ3JFLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLENBQUMsQ0FBQzs0QkFDM0QsVUFBVSxDQUFDLGVBQWUsRUFBRSxPQUFPLENBQUMsR0FBRyxHQUFHLFlBQVksQ0FBQyxDQUFDOzRCQUN4RCxVQUFVLENBQUMsZUFBZSxFQUFFLE9BQU8sQ0FBQyxHQUFHLEdBQUcsYUFBYSxDQUFDLENBQUM7eUJBQzFELENBQUM7cUJBQ0giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWENvbXBvbmVudENsb3NlRXZlbnQsIE1YQmFzZUNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9jb21tb24nO1xuaW1wb3J0IHsgQVVUT19TVFlMRSwgYW5pbWF0ZSwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBEaWFsb2dSZWYgfSBmcm9tICdAYW5ndWxhci9jZGsvZGlhbG9nJztcbmltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGludGVyZmFjZSBBWFVwbG9hZGVySXRlbSB7XG4gIHR5cGU6ICdwaWN0dXJlJyB8ICdkb2MnIHwgJ3BkZicgfCAnYXJjaGl2ZScgfCAndmlkZW8nIHwgJ3Vua25vdyc7XG4gIG5hbWU6IHN0cmluZztcbiAgc2l6ZTogbnVtYmVyO1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtdXBsb2FkZXItbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi91cGxvYWRlci1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdXBsb2FkZXItbGlzdC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBhbmltYXRpb25zOiBbXG4gICAgdHJpZ2dlcignY29sbGFwc2UnLCBbXG4gICAgICBzdGF0ZSgnZmFsc2UnLCBzdHlsZSh7IGhlaWdodDogQVVUT19TVFlMRSwgdmlzaWJpbGl0eTogQVVUT19TVFlMRSB9KSksXG4gICAgICBzdGF0ZSgndHJ1ZScsIHN0eWxlKHsgaGVpZ2h0OiAnMCcsIHZpc2liaWxpdHk6ICdoaWRkZW4nIH0pKSxcbiAgICAgIHRyYW5zaXRpb24oJ2ZhbHNlID0+IHRydWUnLCBhbmltYXRlKDE1MCArICdtcyBlYXNlLWluJykpLFxuICAgICAgdHJhbnNpdGlvbigndHJ1ZSA9PiBmYWxzZScsIGFuaW1hdGUoMTUwICsgJ21zIGVhc2Utb3V0JykpLFxuICAgIF0pLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBBWFVwbG9hZGVyTGlzdENvbXBvbmVudCBleHRlbmRzIE1YQmFzZUNvbXBvbmVudCB7XG4gIGl0ZW1zOiBBWFVwbG9hZGVySXRlbVtdID0gW1xuICAgIHtcbiAgICAgIG5hbWU6ICdhdmF0YXIucG5nJyxcbiAgICAgIHNpemU6IDIwNDgsXG4gICAgICB0eXBlOiAncGljdHVyZScsXG4gICAgICBkZXNjcmlwdGlvbjogJ1VwbG9hZCBjYW5jZWxlZCcsXG4gICAgfSxcbiAgICB7XG4gICAgICBuYW1lOiAnaW50cm8ubWt2JyxcbiAgICAgIHNpemU6IDEwMDI0LFxuICAgICAgdHlwZTogJ3ZpZGVvJyxcbiAgICB9LFxuICAgIHtcbiAgICAgIG5hbWU6ICd0aW1lLnhscycsXG4gICAgICBzaXplOiAxMDAyNCxcbiAgICAgIHR5cGU6ICdkb2MnLFxuICAgIH0sXG4gICAge1xuICAgICAgbmFtZTogJ3Jlc3VtZS5wZGYnLFxuICAgICAgc2l6ZTogMTAwMjQsXG4gICAgICB0eXBlOiAncGRmJyxcbiAgICB9LFxuICBdO1xuXG4gIGxlZnRUaW1lID0gNTtcbiAgaXNDb2xsYXBzZWQgPSBmYWxzZTtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBkaWFsb2dSZWY6IERpYWxvZ1JlZjxBWENvbXBvbmVudENsb3NlRXZlbnQ+KSB7XG4gICAgc3VwZXIoKTtcbiAgfVxuXG4gIHRvZ2dsZSgpIHtcbiAgICB0aGlzLmlzQ29sbGFwc2VkID0gIXRoaXMuaXNDb2xsYXBzZWQ7XG4gIH1cbiAgY2xvc2UoKSB7XG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImF4LXVwbG9hZGVyLWxpc3QtaGVhZGVyXCI+XG4gIDxkaXY+VXBsb2FkZXIgbGlzdDwvZGl2PlxuICA8ZGl2PlxuICAgIDxpXG4gICAgICBjbGFzcz1cImF4LWljb25cIlxuICAgICAgW25nQ2xhc3NdPVwieyAnYXgtaWNvbi1jaGV2cm9uLWRvd24nOiAhaXNDb2xsYXBzZWQsICdheC1pY29uLWNoZXZyb24tdXAnOiBpc0NvbGxhcHNlZCB9XCJcbiAgICAgIChjbGljayk9XCJ0b2dnbGUoKVwiXG4gICAgPjwvaT5cblxuICAgIDxpIGNsYXNzPVwiYXgtaWNvbiBheC1pY29uLWNsb3NlXCIgKGNsaWNrKT1cImNsb3NlKClcIj48L2k+XG4gIDwvZGl2PlxuPC9kaXY+XG5cbjxkaXYgW0Bjb2xsYXBzZV09XCJpc0NvbGxhcHNlZFwiPlxuICA8ZGl2IGNsYXNzPVwiYXgtdXBsb2FkZXItcHJvZ3Jlc3Mtc3RhdHVzXCI+XG4gICAgPGRpdj57eyBsZWZ0VGltZSB9fW1pbiBsZWZ0PC9kaXY+XG4gICAgPGJ1dHRvbj57eyAnY29tbW9uLmNhbmNlbCcgfCB0cmFucyB9fTwvYnV0dG9uPlxuICA8L2Rpdj5cbiAgPHVsIGNsYXNzPVwiYXgtdXBsb2FkZXItbGlzdC1pdGVtc1wiPlxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXNcIj5cbiAgICAgIDxsaT5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICA8aSBjbGFzcz1cImF4LWljb24gYXgtaWNvbi1pbmJveFwiPjwvaT5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtdXBsb2FkZXItaXRlbS10ZXh0XCI+XG4gICAgICAgICAgICA8c3Ryb25nPnt7IGl0ZW0ubmFtZSB9fTwvc3Ryb25nPlxuICAgICAgICAgICAgPHNtYWxsPnt7IGl0ZW0uZGVzY3JpcHRpb24gfX08L3NtYWxsPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdj48L2Rpdj5cbiAgICAgIDwvbGk+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvdWw+XG48L2Rpdj5cbiJdfQ==
|