@acorex/components 20.2.0-next.2 → 20.2.0-next.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/action-sheet/index.d.ts +57 -10
- package/alert/index.d.ts +2 -4
- package/autocomplete/index.d.ts +7 -2
- package/avatar/index.d.ts +12 -6
- package/badge/index.d.ts +1 -2
- package/bottom-navigation/index.d.ts +10 -2
- package/breadcrumbs/index.d.ts +17 -4
- package/button/index.d.ts +56 -17
- package/button-group/index.d.ts +8 -5
- package/calendar/index.d.ts +28 -16
- package/check-box/index.d.ts +2 -5
- package/chips/index.d.ts +1 -2
- package/circular-progress/index.d.ts +23 -18
- package/collapse/index.d.ts +7 -6
- package/color-box/index.d.ts +5 -8
- package/color-palette/index.d.ts +19 -24
- package/comment/index.d.ts +8 -8
- package/conversation/index.d.ts +1 -0
- package/cron-job/index.d.ts +5 -4
- package/data-list/README.md +356 -0
- package/data-list/index.d.ts +102 -0
- package/data-pager/index.d.ts +10 -5
- package/datetime-box/index.d.ts +2 -7
- package/datetime-input/index.d.ts +2 -4
- package/datetime-picker/index.d.ts +9 -10
- package/dropdown/index.d.ts +41 -0
- package/fesm2022/acorex-components-accordion.mjs +10 -10
- package/fesm2022/acorex-components-accordion.mjs.map +1 -1
- package/fesm2022/acorex-components-action-sheet.mjs +78 -48
- package/fesm2022/acorex-components-action-sheet.mjs.map +1 -1
- package/fesm2022/acorex-components-alert.mjs +12 -14
- package/fesm2022/acorex-components-alert.mjs.map +1 -1
- package/fesm2022/acorex-components-audio-wave.mjs +7 -7
- package/fesm2022/acorex-components-audio-wave.mjs.map +1 -1
- package/fesm2022/acorex-components-autocomplete.mjs +32 -10
- package/fesm2022/acorex-components-autocomplete.mjs.map +1 -1
- package/fesm2022/acorex-components-avatar.mjs +23 -18
- package/fesm2022/acorex-components-avatar.mjs.map +1 -1
- package/fesm2022/acorex-components-badge.mjs +9 -10
- package/fesm2022/acorex-components-badge.mjs.map +1 -1
- package/fesm2022/acorex-components-bottom-navigation.mjs +17 -13
- package/fesm2022/acorex-components-bottom-navigation.mjs.map +1 -1
- package/fesm2022/acorex-components-breadcrumbs.mjs +36 -20
- package/fesm2022/acorex-components-breadcrumbs.mjs.map +1 -1
- package/fesm2022/acorex-components-button-group.mjs +31 -22
- package/fesm2022/acorex-components-button-group.mjs.map +1 -1
- package/fesm2022/acorex-components-button.mjs +77 -34
- package/fesm2022/acorex-components-button.mjs.map +1 -1
- package/fesm2022/acorex-components-calendar.mjs +100 -53
- package/fesm2022/acorex-components-calendar.mjs.map +1 -1
- package/fesm2022/acorex-components-check-box.mjs +11 -13
- package/fesm2022/acorex-components-check-box.mjs.map +1 -1
- package/fesm2022/acorex-components-chips.mjs +9 -10
- package/fesm2022/acorex-components-chips.mjs.map +1 -1
- package/fesm2022/acorex-components-circular-progress.mjs +31 -26
- package/fesm2022/acorex-components-circular-progress.mjs.map +1 -1
- package/fesm2022/acorex-components-collapse.mjs +20 -18
- package/fesm2022/acorex-components-collapse.mjs.map +1 -1
- package/fesm2022/acorex-components-color-box.mjs +34 -30
- package/fesm2022/acorex-components-color-box.mjs.map +1 -1
- package/fesm2022/acorex-components-color-palette.mjs +55 -75
- package/fesm2022/acorex-components-color-palette.mjs.map +1 -1
- package/fesm2022/acorex-components-comment.mjs +38 -38
- package/fesm2022/acorex-components-comment.mjs.map +1 -1
- package/fesm2022/acorex-components-conversation.mjs +58 -52
- package/fesm2022/acorex-components-conversation.mjs.map +1 -1
- package/fesm2022/acorex-components-cron-job.mjs +54 -48
- package/fesm2022/acorex-components-cron-job.mjs.map +1 -1
- package/fesm2022/acorex-components-data-list.mjs +386 -0
- package/fesm2022/acorex-components-data-list.mjs.map +1 -0
- package/fesm2022/acorex-components-data-pager.mjs +41 -36
- package/fesm2022/acorex-components-data-pager.mjs.map +1 -1
- package/fesm2022/acorex-components-data-table.mjs +40 -40
- package/fesm2022/acorex-components-data-table.mjs.map +1 -1
- package/fesm2022/acorex-components-datetime-box.mjs +22 -31
- package/fesm2022/acorex-components-datetime-box.mjs.map +1 -1
- package/fesm2022/acorex-components-datetime-input.mjs +17 -14
- package/fesm2022/acorex-components-datetime-input.mjs.map +1 -1
- package/fesm2022/acorex-components-datetime-picker.mjs +98 -45
- package/fesm2022/acorex-components-datetime-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-decorators.mjs +25 -25
- package/fesm2022/acorex-components-decorators.mjs.map +1 -1
- package/fesm2022/acorex-components-dialog.mjs +12 -12
- package/fesm2022/acorex-components-dialog.mjs.map +1 -1
- package/fesm2022/acorex-components-drawer-2.mjs +10 -10
- package/fesm2022/acorex-components-drawer-2.mjs.map +1 -1
- package/fesm2022/acorex-components-drawer.mjs +13 -13
- package/fesm2022/acorex-components-drawer.mjs.map +1 -1
- package/fesm2022/acorex-components-dropdown-button.mjs +9 -9
- package/fesm2022/acorex-components-dropdown-button.mjs.map +1 -1
- package/fesm2022/acorex-components-dropdown.mjs +57 -13
- package/fesm2022/acorex-components-dropdown.mjs.map +1 -1
- package/fesm2022/acorex-components-file-explorer.mjs +25 -25
- package/fesm2022/acorex-components-file-explorer.mjs.map +1 -1
- package/fesm2022/acorex-components-flow-chart.mjs +40 -16
- package/fesm2022/acorex-components-flow-chart.mjs.map +1 -1
- package/fesm2022/acorex-components-form.mjs +26 -17
- package/fesm2022/acorex-components-form.mjs.map +1 -1
- package/fesm2022/acorex-components-grid-layout-builder.mjs +10 -10
- package/fesm2022/acorex-components-grid-layout-builder.mjs.map +1 -1
- package/fesm2022/acorex-components-image-editor.mjs +40 -34
- package/fesm2022/acorex-components-image-editor.mjs.map +1 -1
- package/fesm2022/acorex-components-image.mjs +7 -7
- package/fesm2022/acorex-components-image.mjs.map +1 -1
- package/fesm2022/acorex-components-json-viewer.mjs +8 -8
- package/fesm2022/acorex-components-json-viewer.mjs.map +1 -1
- package/fesm2022/acorex-components-kanban.mjs +11 -7
- package/fesm2022/acorex-components-kanban.mjs.map +1 -1
- package/fesm2022/acorex-components-kbd.mjs +20 -13
- package/fesm2022/acorex-components-kbd.mjs.map +1 -1
- package/fesm2022/acorex-components-label.mjs +9 -9
- package/fesm2022/acorex-components-label.mjs.map +1 -1
- package/fesm2022/acorex-components-list.mjs +27 -19
- package/fesm2022/acorex-components-list.mjs.map +1 -1
- package/fesm2022/acorex-components-loading-dialog.mjs +40 -22
- package/fesm2022/acorex-components-loading-dialog.mjs.map +1 -1
- package/fesm2022/acorex-components-loading.mjs +76 -18
- package/fesm2022/acorex-components-loading.mjs.map +1 -1
- package/fesm2022/acorex-components-map.mjs +534 -115
- package/fesm2022/acorex-components-map.mjs.map +1 -1
- package/fesm2022/acorex-components-media-viewer.mjs +37 -37
- package/fesm2022/acorex-components-media-viewer.mjs.map +1 -1
- package/fesm2022/acorex-components-menu.mjs +48 -22
- package/fesm2022/acorex-components-menu.mjs.map +1 -1
- package/fesm2022/{acorex-components-modal-acorex-components-modal-C4zx7OP6.mjs → acorex-components-modal-acorex-components-modal-yzX5PZMM.mjs} +101 -22
- package/fesm2022/acorex-components-modal-acorex-components-modal-yzX5PZMM.mjs.map +1 -0
- package/fesm2022/{acorex-components-modal-modal-content.component-DfhgA_WL.mjs → acorex-components-modal-modal-content.component-Bt8c43qi.mjs} +5 -5
- package/fesm2022/{acorex-components-modal-modal-content.component-DfhgA_WL.mjs.map → acorex-components-modal-modal-content.component-Bt8c43qi.mjs.map} +1 -1
- package/fesm2022/acorex-components-modal.mjs +1 -1
- package/fesm2022/acorex-components-navbar.mjs +13 -8
- package/fesm2022/acorex-components-navbar.mjs.map +1 -1
- package/fesm2022/acorex-components-notification.mjs +16 -13
- package/fesm2022/acorex-components-notification.mjs.map +1 -1
- package/fesm2022/acorex-components-number-box-2.mjs +13 -7
- package/fesm2022/acorex-components-number-box-2.mjs.map +1 -1
- package/fesm2022/acorex-components-number-box.mjs +16 -10
- package/fesm2022/acorex-components-number-box.mjs.map +1 -1
- package/fesm2022/acorex-components-otp.mjs +9 -9
- package/fesm2022/acorex-components-otp.mjs.map +1 -1
- package/fesm2022/acorex-components-page.mjs +10 -10
- package/fesm2022/acorex-components-page.mjs.map +1 -1
- package/fesm2022/acorex-components-paint.mjs +31 -25
- package/fesm2022/acorex-components-paint.mjs.map +1 -1
- package/fesm2022/acorex-components-password-box.mjs +20 -14
- package/fesm2022/acorex-components-password-box.mjs.map +1 -1
- package/fesm2022/acorex-components-pdf-reader.mjs +7 -7
- package/fesm2022/acorex-components-pdf-reader.mjs.map +1 -1
- package/fesm2022/acorex-components-phone-box.mjs +22 -13
- package/fesm2022/acorex-components-phone-box.mjs.map +1 -1
- package/fesm2022/acorex-components-picker.mjs +26 -16
- package/fesm2022/acorex-components-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-popover.mjs +8 -13
- package/fesm2022/acorex-components-popover.mjs.map +1 -1
- package/fesm2022/acorex-components-popup.mjs +10 -10
- package/fesm2022/acorex-components-popup.mjs.map +1 -1
- package/fesm2022/acorex-components-progress-bar.mjs +8 -8
- package/fesm2022/acorex-components-progress-bar.mjs.map +1 -1
- package/fesm2022/acorex-components-qrcode.mjs +7 -7
- package/fesm2022/acorex-components-qrcode.mjs.map +1 -1
- package/fesm2022/acorex-components-query-builder.mjs +7 -7
- package/fesm2022/acorex-components-query-builder.mjs.map +1 -1
- package/fesm2022/acorex-components-radio.mjs +8 -8
- package/fesm2022/acorex-components-radio.mjs.map +1 -1
- package/fesm2022/acorex-components-rail-navigation.mjs +24 -13
- package/fesm2022/acorex-components-rail-navigation.mjs.map +1 -1
- package/fesm2022/acorex-components-range-slider.mjs +9 -9
- package/fesm2022/acorex-components-range-slider.mjs.map +1 -1
- package/fesm2022/acorex-components-rate-picker.mjs +7 -7
- package/fesm2022/acorex-components-rate-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-rest-api-generator.mjs +22 -22
- package/fesm2022/acorex-components-rest-api-generator.mjs.map +1 -1
- package/fesm2022/acorex-components-result.mjs +7 -7
- package/fesm2022/acorex-components-result.mjs.map +1 -1
- package/fesm2022/acorex-components-routing-progress.mjs +7 -7
- package/fesm2022/acorex-components-routing-progress.mjs.map +1 -1
- package/fesm2022/acorex-components-rrule.mjs +6 -6
- package/fesm2022/acorex-components-rrule.mjs.map +1 -1
- package/fesm2022/acorex-components-scheduler.mjs +173 -85
- package/fesm2022/acorex-components-scheduler.mjs.map +1 -1
- package/fesm2022/acorex-components-scss.mjs +4 -4
- package/fesm2022/acorex-components-scss.mjs.map +1 -1
- package/fesm2022/acorex-components-search-box.mjs +13 -7
- package/fesm2022/acorex-components-search-box.mjs.map +1 -1
- package/fesm2022/acorex-components-select-box.mjs +117 -38
- package/fesm2022/acorex-components-select-box.mjs.map +1 -1
- package/fesm2022/acorex-components-selection-list-2.mjs +12 -9
- package/fesm2022/acorex-components-selection-list-2.mjs.map +1 -1
- package/fesm2022/acorex-components-selection-list.mjs +14 -11
- package/fesm2022/acorex-components-selection-list.mjs.map +1 -1
- package/fesm2022/acorex-components-side-menu.mjs +98 -43
- package/fesm2022/acorex-components-side-menu.mjs.map +1 -1
- package/fesm2022/acorex-components-skeleton.mjs +7 -7
- package/fesm2022/acorex-components-skeleton.mjs.map +1 -1
- package/fesm2022/acorex-components-slider.mjs +9 -9
- package/fesm2022/acorex-components-slider.mjs.map +1 -1
- package/fesm2022/acorex-components-sliding-item.mjs +14 -14
- package/fesm2022/acorex-components-sliding-item.mjs.map +1 -1
- package/fesm2022/acorex-components-step-wizard.mjs +13 -13
- package/fesm2022/acorex-components-step-wizard.mjs.map +1 -1
- package/fesm2022/acorex-components-switch.mjs +12 -12
- package/fesm2022/acorex-components-switch.mjs.map +1 -1
- package/fesm2022/acorex-components-tabs.mjs +20 -18
- package/fesm2022/acorex-components-tabs.mjs.map +1 -1
- package/fesm2022/acorex-components-tag-box.mjs +39 -21
- package/fesm2022/acorex-components-tag-box.mjs.map +1 -1
- package/fesm2022/acorex-components-tag.mjs +8 -8
- package/fesm2022/acorex-components-tag.mjs.map +1 -1
- package/fesm2022/acorex-components-text-area.mjs +16 -10
- package/fesm2022/acorex-components-text-area.mjs.map +1 -1
- package/fesm2022/acorex-components-text-box.mjs +19 -13
- package/fesm2022/acorex-components-text-box.mjs.map +1 -1
- package/fesm2022/acorex-components-time-duration.mjs +41 -65
- package/fesm2022/acorex-components-time-duration.mjs.map +1 -1
- package/fesm2022/acorex-components-time-line.mjs +10 -10
- package/fesm2022/acorex-components-time-line.mjs.map +1 -1
- package/fesm2022/acorex-components-toast.mjs +12 -12
- package/fesm2022/acorex-components-toast.mjs.map +1 -1
- package/fesm2022/acorex-components-toolbar.mjs +7 -7
- package/fesm2022/acorex-components-toolbar.mjs.map +1 -1
- package/fesm2022/acorex-components-tooltip.mjs +14 -13
- package/fesm2022/acorex-components-tooltip.mjs.map +1 -1
- package/fesm2022/acorex-components-tree-view.mjs +11 -11
- package/fesm2022/acorex-components-tree-view.mjs.map +1 -1
- package/fesm2022/acorex-components-uploader.mjs +22 -22
- package/fesm2022/acorex-components-uploader.mjs.map +1 -1
- package/fesm2022/acorex-components-video-player.mjs +7 -7
- package/fesm2022/acorex-components-video-player.mjs.map +1 -1
- package/fesm2022/acorex-components-wysiwyg.mjs +65 -61
- package/fesm2022/acorex-components-wysiwyg.mjs.map +1 -1
- package/flow-chart/index.d.ts +24 -0
- package/form/index.d.ts +4 -0
- package/image-editor/index.d.ts +1 -0
- package/json-viewer/index.d.ts +3 -3
- package/kanban/index.d.ts +7 -3
- package/kbd/index.d.ts +10 -3
- package/list/index.d.ts +14 -7
- package/loading/index.d.ts +58 -1
- package/loading-dialog/index.d.ts +29 -11
- package/map/index.d.ts +119 -6
- package/menu/index.d.ts +19 -0
- package/modal/index.d.ts +43 -0
- package/navbar/index.d.ts +6 -1
- package/number-box/index.d.ts +1 -0
- package/number-box-2/index.d.ts +1 -0
- package/package.json +14 -6
- package/paint/index.d.ts +2 -1
- package/password-box/index.d.ts +7 -6
- package/phone-box/index.d.ts +11 -8
- package/picker/index.d.ts +10 -8
- package/popover/index.d.ts +1 -1
- package/radio/index.d.ts +1 -1
- package/rail-navigation/index.d.ts +11 -0
- package/rate-picker/index.d.ts +1 -1
- package/scheduler/index.d.ts +186 -98
- package/search-box/index.d.ts +1 -0
- package/select-box/index.d.ts +32 -8
- package/side-menu/index.d.ts +16 -7
- package/tag-box/index.d.ts +3 -2
- package/text-area/index.d.ts +1 -0
- package/text-box/index.d.ts +1 -0
- package/time-duration/index.d.ts +3 -1
- package/tooltip/index.d.ts +3 -2
- package/wysiwyg/index.d.ts +1 -5
- package/fesm2022/acorex-components-modal-acorex-components-modal-C4zx7OP6.mjs.map +0 -1
@@ -3,7 +3,8 @@ import * as i0 from '@angular/core';
|
|
3
3
|
import { viewChild, input, model, afterNextRender, effect, HostBinding, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
|
4
4
|
|
5
5
|
/**
|
6
|
-
*
|
6
|
+
* Displays the progress of an operation in a circular form. Supports determinate and indeterminate modes,
|
7
|
+
* configurable size and stroke, and color theming.
|
7
8
|
*
|
8
9
|
* @category Components
|
9
10
|
*/
|
@@ -18,29 +19,20 @@ class AXCircularProgressComponent extends MXColorComponent {
|
|
18
19
|
*/
|
19
20
|
this.circle = viewChild('circle', ...(ngDevMode ? [{ debugName: "circle" }] : []));
|
20
21
|
/**
|
21
|
-
* Defines the
|
22
|
-
*
|
23
|
-
* Change progress mode
|
24
|
-
*
|
22
|
+
* Defines the progress calculation mode.
|
23
|
+
* Use 'determinate' to show a specific percentage or 'indeterminate' for ongoing/spinner state.
|
25
24
|
*/
|
26
25
|
this.mode = input('determinate', ...(ngDevMode ? [{ debugName: "mode" }] : []));
|
27
26
|
/**
|
28
|
-
*
|
29
|
-
*
|
30
|
-
* The percentage value to set for the progress.
|
31
|
-
*
|
27
|
+
* The percentage value to set for the progress (0–100).
|
32
28
|
*/
|
33
29
|
this.progress = model(...(ngDevMode ? [undefined, { debugName: "progress" }] : []));
|
34
30
|
/**
|
35
|
-
*
|
36
|
-
*
|
37
|
-
* The stroke width to be set for the circular progress component.
|
31
|
+
* Stroke width of the circular track, in pixels.
|
38
32
|
*/
|
39
33
|
this.stroke = model(...(ngDevMode ? [undefined, { debugName: "stroke" }] : []));
|
40
34
|
/**
|
41
|
-
*
|
42
|
-
*
|
43
|
-
* Circle size
|
35
|
+
* Overall diameter of the circular progress, in pixels.
|
44
36
|
*/
|
45
37
|
this.size = model(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
|
46
38
|
afterNextRender(() => {
|
@@ -59,7 +51,11 @@ class AXCircularProgressComponent extends MXColorComponent {
|
|
59
51
|
return `ax-${this['color']}`;
|
60
52
|
}
|
61
53
|
/**
|
62
|
-
*
|
54
|
+
* Sets the CSS custom properties to reflect the current `size` and `stroke` values.
|
55
|
+
*
|
56
|
+
* Updates `--ax-comp-circular-progress-circle-size` and `--ax-comp-circular-progress-stroke-size` on the circle.
|
57
|
+
*
|
58
|
+
* @returns void - Styles are applied to the circle element when available.
|
63
59
|
*/
|
64
60
|
setCircularSize() {
|
65
61
|
if (this.circle()) {
|
@@ -68,7 +64,12 @@ class AXCircularProgressComponent extends MXColorComponent {
|
|
68
64
|
}
|
69
65
|
}
|
70
66
|
/**
|
71
|
-
*
|
67
|
+
* Recalculates and applies the progress arc background based on the current `progress` value.
|
68
|
+
*
|
69
|
+
* Uses a conic-gradient with `--ax-comp-progress-circular-color` and `--ax-comp-progress-circular-line-color`.
|
70
|
+
* The expected range for `progress` is 0–100.
|
71
|
+
*
|
72
|
+
* @returns void - Styles are applied to the circle element when available.
|
72
73
|
*/
|
73
74
|
updateProgress() {
|
74
75
|
if (this.circle()) {
|
@@ -76,30 +77,34 @@ class AXCircularProgressComponent extends MXColorComponent {
|
|
76
77
|
}
|
77
78
|
}
|
78
79
|
/**
|
79
|
-
*
|
80
|
+
* Applies a default visual state for the indeterminate mode when no explicit `progress` is set.
|
81
|
+
*
|
82
|
+
* If `mode` is 'indeterminate' and `progress` is not set, it sets `progress` to 65 to render a visible arc.
|
83
|
+
*
|
84
|
+
* @returns void
|
80
85
|
*/
|
81
86
|
setIndeterminateMode() {
|
82
87
|
if (this.mode() === 'indeterminate' && !this.progress()) {
|
83
88
|
this.progress.set(65);
|
84
89
|
}
|
85
90
|
}
|
86
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.
|
87
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.
|
91
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXCircularProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
92
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.8", type: AXCircularProgressComponent, isStandalone: true, selector: "ax-circular-progress", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null }, stroke: { classPropertyName: "stroke", publicName: "stroke", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { progress: "progressChange", stroke: "strokeChange", size: "sizeChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXCircularProgressComponent }], viewQueries: [{ propertyName: "circle", first: true, predicate: ["circle"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-progress-circular ax-progress-{{ mode() }}\" #circle>\n <span class=\"ax-progress-content\">\n <ng-content></ng-content>\n </span>\n</div>\n\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-circular-progress{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-primary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-primary-surface), .25)}ax-circular-progress.ax-primary .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-primary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-primary-surface), .25)}ax-circular-progress.ax-secondary .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-secondary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-secondary-surface), .25)}ax-circular-progress.ax-success .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-success-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-success-surface), .25)}ax-circular-progress.ax-warning .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-warning-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-warning-surface), .25)}ax-circular-progress.ax-danger .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-danger-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-danger-surface), .25)}ax-circular-progress.ax-accent1 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent1-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent1-surface), .25)}ax-circular-progress.ax-accent2 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent2-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent2-surface), .25)}ax-circular-progress.ax-accent3 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent3-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent3-surface), .25)}ax-circular-progress.ax-accent4 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent4-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent4-surface), .25)}ax-circular-progress.ax-accent5 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent5-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent5-surface), .25)}ax-circular-progress.ax-accent6 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent6-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent6-surface), .25)}ax-circular-progress.ax-accent7 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent7-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent7-surface), .25)}.ax-dark ax-circular-progress{--ax-comp-progress-circular-inside-bg-color: var(--ax-sys-color-darkest-surface)}ax-circular-progress .ax-progress-circular{width:var(--ax-comp-circular-progress-circle-size, 48px);height:var(--ax-comp-circular-progress-circle-size, 48px);border-radius:9999px;background:conic-gradient(var(--ax-comp-progress-circular-color) 0deg,var(--ax-comp-progress-circular-line-color) 0deg);position:relative;display:flex;align-items:center;justify-content:center}ax-circular-progress .ax-progress-circular:before{content:\"\";position:absolute;border-radius:9999px;width:var(--ax-comp-circular-progress-stroke-size, 44px);height:var(--ax-comp-circular-progress-stroke-size, 44px);background-color:rgba(var(--ax-comp-progress-circular-inside-bg-color, var(--ax-sys-color-lightest-surface)))}ax-circular-progress .ax-progress-circular .ax-progress-content{position:relative;display:flex;align-items:center;justify-content:center}ax-circular-progress .ax-progress-circular.ax-progress-indeterminate{animation-name:rotate;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:var(--ax-comp-circular-progress-animation-duration, 1.5s)}@keyframes rotate{0%{transform:rotate(-360deg)}to{transform:rotate(360deg)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
88
93
|
}
|
89
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.
|
94
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXCircularProgressComponent, decorators: [{
|
90
95
|
type: Component,
|
91
|
-
args: [{ selector: 'ax-circular-progress', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXCircularProgressComponent }], template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-progress-circular ax-progress-{{ mode() }}\" #circle>\n <span class=\"ax-progress-content\">\n <ng-content></ng-content>\n </span>\n</div>\n\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-circular-progress{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-primary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-primary-surface), .25)}ax-circular-progress.ax-primary .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-primary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-primary-surface), .25)}ax-circular-progress.ax-secondary .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-secondary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-secondary-surface), .25)}ax-circular-progress.ax-success .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-success-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-success-surface), .25)}ax-circular-progress.ax-warning .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-warning-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-warning-surface), .25)}ax-circular-progress.ax-danger .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-danger-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-danger-surface), .25)}ax-circular-progress.ax-accent1 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent1-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent1-surface), .25)}ax-circular-progress.ax-accent2 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent2-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent2-surface), .25)}ax-circular-progress.ax-accent3 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent3-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent3-surface), .25)}ax-circular-progress.ax-accent4 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent4-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent4-surface), .25)}ax-circular-progress.ax-accent5 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent5-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent5-surface), .25)}ax-circular-progress.ax-
|
96
|
+
args: [{ selector: 'ax-circular-progress', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXCircularProgressComponent }], template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-progress-circular ax-progress-{{ mode() }}\" #circle>\n <span class=\"ax-progress-content\">\n <ng-content></ng-content>\n </span>\n</div>\n\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-circular-progress{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-primary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-primary-surface), .25)}ax-circular-progress.ax-primary .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-primary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-primary-surface), .25)}ax-circular-progress.ax-secondary .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-secondary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-secondary-surface), .25)}ax-circular-progress.ax-success .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-success-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-success-surface), .25)}ax-circular-progress.ax-warning .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-warning-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-warning-surface), .25)}ax-circular-progress.ax-danger .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-danger-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-danger-surface), .25)}ax-circular-progress.ax-accent1 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent1-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent1-surface), .25)}ax-circular-progress.ax-accent2 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent2-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent2-surface), .25)}ax-circular-progress.ax-accent3 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent3-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent3-surface), .25)}ax-circular-progress.ax-accent4 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent4-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent4-surface), .25)}ax-circular-progress.ax-accent5 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent5-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent5-surface), .25)}ax-circular-progress.ax-accent6 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent6-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent6-surface), .25)}ax-circular-progress.ax-accent7 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent7-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent7-surface), .25)}.ax-dark ax-circular-progress{--ax-comp-progress-circular-inside-bg-color: var(--ax-sys-color-darkest-surface)}ax-circular-progress .ax-progress-circular{width:var(--ax-comp-circular-progress-circle-size, 48px);height:var(--ax-comp-circular-progress-circle-size, 48px);border-radius:9999px;background:conic-gradient(var(--ax-comp-progress-circular-color) 0deg,var(--ax-comp-progress-circular-line-color) 0deg);position:relative;display:flex;align-items:center;justify-content:center}ax-circular-progress .ax-progress-circular:before{content:\"\";position:absolute;border-radius:9999px;width:var(--ax-comp-circular-progress-stroke-size, 44px);height:var(--ax-comp-circular-progress-stroke-size, 44px);background-color:rgba(var(--ax-comp-progress-circular-inside-bg-color, var(--ax-sys-color-lightest-surface)))}ax-circular-progress .ax-progress-circular .ax-progress-content{position:relative;display:flex;align-items:center;justify-content:center}ax-circular-progress .ax-progress-circular.ax-progress-indeterminate{animation-name:rotate;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:var(--ax-comp-circular-progress-animation-duration, 1.5s)}@keyframes rotate{0%{transform:rotate(-360deg)}to{transform:rotate(360deg)}}\n"] }]
|
92
97
|
}], ctorParameters: () => [], propDecorators: { __hostClass: [{
|
93
98
|
type: HostBinding,
|
94
99
|
args: ['class']
|
95
100
|
}] } });
|
96
101
|
|
97
102
|
class AXCircularProgressModule {
|
98
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.
|
99
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.
|
100
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.
|
103
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXCircularProgressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
104
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.8", ngImport: i0, type: AXCircularProgressModule, imports: [AXCircularProgressComponent], exports: [AXCircularProgressComponent] }); }
|
105
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXCircularProgressModule }); }
|
101
106
|
}
|
102
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.
|
107
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXCircularProgressModule, decorators: [{
|
103
108
|
type: NgModule,
|
104
109
|
args: [{
|
105
110
|
imports: [AXCircularProgressComponent],
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"acorex-components-circular-progress.mjs","sources":["../tmp-esm2022/circular-progress/lib/circular-progress.component.js","../tmp-esm2022/circular-progress/lib/circular-progress.module.js","../tmp-esm2022/circular-progress/acorex-components-circular-progress.js"],"sourcesContent":["import { AXComponent, MXColorComponent } from '@acorex/cdk/common';\nimport { afterNextRender, ChangeDetectionStrategy, Component, effect, HostBinding, input, model, viewChild, ViewEncapsulation, } from '@angular/core';\nimport * as i0 from \"@angular/core\";\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\nexport class AXCircularProgressComponent extends MXColorComponent {\n /**\n * @ignore\n */\n constructor() {\n super();\n /**\n * @ignore\n */\n this.circle = viewChild('circle', ...(ngDevMode ? [{ debugName: \"circle\" }] : []));\n /**\n * Defines the current progress of the circular progress component.\n *\n * Change progress mode\n *\n */\n this.mode = input('determinate', ...(ngDevMode ? [{ debugName: \"mode\" }] : []));\n /**\n * Defines the current progress of the circular progress component.\n *\n * The percentage value to set for the progress.\n *\n */\n this.progress = model(...(ngDevMode ? [undefined, { debugName: \"progress\" }] : []));\n /**\n * Defines the stroke width of the circular progress component.\n *\n * The stroke width to be set for the circular progress component.\n */\n this.stroke = model(...(ngDevMode ? [undefined, { debugName: \"stroke\" }] : []));\n /**\n * Defines the stroke width of the circular progress component.\n *\n * Circle size\n */\n this.size = model(...(ngDevMode ? [undefined, { debugName: \"size\" }] : []));\n afterNextRender(() => {\n this.setCircularSize();\n this.updateProgress();\n });\n effect(() => {\n this.setCircularSize();\n this.updateProgress();\n });\n }\n /**\n * @ignore\n */\n get __hostClass() {\n return `ax-${this['color']}`;\n }\n /**\n * @ignore\n */\n setCircularSize() {\n if (this.circle()) {\n this.circle().nativeElement.style.setProperty('--ax-comp-circular-progress-stroke-size', `${this.size() - this.stroke()}px`);\n this.circle().nativeElement.style.setProperty('--ax-comp-circular-progress-circle-size', `${this.size()}px`);\n }\n }\n /**\n * @ignore\n */\n updateProgress() {\n if (this.circle()) {\n this.circle().nativeElement.style.background = `conic-gradient(var(--ax-comp-progress-circular-color) ${this.progress() * 3.6}deg, var(--ax-comp-progress-circular-line-color) 0deg)`;\n }\n }\n /**\n * @ignore\n */\n setIndeterminateMode() {\n if (this.mode() === 'indeterminate' && !this.progress()) {\n this.progress.set(65);\n }\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.3\", ngImport: i0, type: AXCircularProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.2.0\", version: \"20.1.3\", type: AXCircularProgressComponent, isStandalone: true, selector: \"ax-circular-progress\", inputs: { color: { classPropertyName: \"color\", publicName: \"color\", isSignal: false, isRequired: false, transformFunction: null }, mode: { classPropertyName: \"mode\", publicName: \"mode\", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: \"progress\", publicName: \"progress\", isSignal: true, isRequired: false, transformFunction: null }, stroke: { classPropertyName: \"stroke\", publicName: \"stroke\", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: \"size\", publicName: \"size\", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { progress: \"progressChange\", stroke: \"strokeChange\", size: \"sizeChange\" }, host: { properties: { \"class\": \"this.__hostClass\" } }, providers: [{ provide: AXComponent, useExisting: AXCircularProgressComponent }], viewQueries: [{ propertyName: \"circle\", first: true, predicate: [\"circle\"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: \"<ng-content select=\\\"ax-prefix\\\"></ng-content>\\n<div class=\\\"ax-progress-circular ax-progress-{{ mode() }}\\\" #circle>\\n <span class=\\\"ax-progress-content\\\">\\n <ng-content></ng-content>\\n </span>\\n</div>\\n\\n<ng-content select=\\\"ax-suffix\\\"></ng-content>\\n\", styles: [\"ax-circular-progress{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-primary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-primary-surface), .25)}ax-circular-progress.ax-primary .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-primary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-primary-surface), .25)}ax-circular-progress.ax-secondary .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-secondary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-secondary-surface), .25)}ax-circular-progress.ax-success .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-success-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-success-surface), .25)}ax-circular-progress.ax-warning .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-warning-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-warning-surface), .25)}ax-circular-progress.ax-danger .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-danger-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-danger-surface), .25)}ax-circular-progress.ax-accent1 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent1-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent1-surface), .25)}ax-circular-progress.ax-accent2 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent2-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent2-surface), .25)}ax-circular-progress.ax-accent3 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent3-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent3-surface), .25)}ax-circular-progress.ax-accent4 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent4-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent4-surface), .25)}ax-circular-progress.ax-accent5 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent5-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent5-surface), .25)}ax-circular-progress.ax-accnt6 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accnt6-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accnt6-surface), .25)}ax-circular-progress.ax-accent7 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent7-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent7-surface), .25)}.ax-dark ax-circular-progress{--ax-comp-progress-circular-inside-bg-color: var(--ax-sys-color-darkest-surface)}ax-circular-progress .ax-progress-circular{width:var(--ax-comp-circular-progress-circle-size, 48px);height:var(--ax-comp-circular-progress-circle-size, 48px);border-radius:9999px;background:conic-gradient(var(--ax-comp-progress-circular-color) 0deg,var(--ax-comp-progress-circular-line-color) 0deg);position:relative;display:flex;align-items:center;justify-content:center}ax-circular-progress .ax-progress-circular:before{content:\\\"\\\";position:absolute;border-radius:9999px;width:var(--ax-comp-circular-progress-stroke-size, 44px);height:var(--ax-comp-circular-progress-stroke-size, 44px);background-color:rgba(var(--ax-comp-progress-circular-inside-bg-color, var(--ax-sys-color-lightest-surface)))}ax-circular-progress .ax-progress-circular .ax-progress-content{position:relative;display:flex;align-items:center;justify-content:center}ax-circular-progress .ax-progress-circular.ax-progress-indeterminate{animation-name:rotate;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:var(--ax-comp-circular-progress-animation-duration, 1.5s)}@keyframes rotate{0%{transform:rotate(-360deg)}to{transform:rotate(360deg)}}\\n\"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.3\", ngImport: i0, type: AXCircularProgressComponent, decorators: [{\n type: Component,\n args: [{ selector: 'ax-circular-progress', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXCircularProgressComponent }], template: \"<ng-content select=\\\"ax-prefix\\\"></ng-content>\\n<div class=\\\"ax-progress-circular ax-progress-{{ mode() }}\\\" #circle>\\n <span class=\\\"ax-progress-content\\\">\\n <ng-content></ng-content>\\n </span>\\n</div>\\n\\n<ng-content select=\\\"ax-suffix\\\"></ng-content>\\n\", styles: [\"ax-circular-progress{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-primary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-primary-surface), .25)}ax-circular-progress.ax-primary .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-primary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-primary-surface), .25)}ax-circular-progress.ax-secondary .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-secondary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-secondary-surface), .25)}ax-circular-progress.ax-success .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-success-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-success-surface), .25)}ax-circular-progress.ax-warning .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-warning-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-warning-surface), .25)}ax-circular-progress.ax-danger .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-danger-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-danger-surface), .25)}ax-circular-progress.ax-accent1 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent1-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent1-surface), .25)}ax-circular-progress.ax-accent2 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent2-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent2-surface), .25)}ax-circular-progress.ax-accent3 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent3-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent3-surface), .25)}ax-circular-progress.ax-accent4 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent4-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent4-surface), .25)}ax-circular-progress.ax-accent5 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent5-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent5-surface), .25)}ax-circular-progress.ax-accnt6 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accnt6-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accnt6-surface), .25)}ax-circular-progress.ax-accent7 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent7-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent7-surface), .25)}.ax-dark ax-circular-progress{--ax-comp-progress-circular-inside-bg-color: var(--ax-sys-color-darkest-surface)}ax-circular-progress .ax-progress-circular{width:var(--ax-comp-circular-progress-circle-size, 48px);height:var(--ax-comp-circular-progress-circle-size, 48px);border-radius:9999px;background:conic-gradient(var(--ax-comp-progress-circular-color) 0deg,var(--ax-comp-progress-circular-line-color) 0deg);position:relative;display:flex;align-items:center;justify-content:center}ax-circular-progress .ax-progress-circular:before{content:\\\"\\\";position:absolute;border-radius:9999px;width:var(--ax-comp-circular-progress-stroke-size, 44px);height:var(--ax-comp-circular-progress-stroke-size, 44px);background-color:rgba(var(--ax-comp-progress-circular-inside-bg-color, var(--ax-sys-color-lightest-surface)))}ax-circular-progress .ax-progress-circular .ax-progress-content{position:relative;display:flex;align-items:center;justify-content:center}ax-circular-progress .ax-progress-circular.ax-progress-indeterminate{animation-name:rotate;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:var(--ax-comp-circular-progress-animation-duration, 1.5s)}@keyframes rotate{0%{transform:rotate(-360deg)}to{transform:rotate(360deg)}}\\n\"] }]\n }], ctorParameters: () => [], propDecorators: { __hostClass: [{\n type: HostBinding,\n args: ['class']\n }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2lyY3VsYXItcHJvZ3Jlc3MuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9jaXJjdWxhci1wcm9ncmVzcy9zcmMvbGliL2NpcmN1bGFyLXByb2dyZXNzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY2lyY3VsYXItcHJvZ3Jlc3Mvc3JjL2xpYi9jaXJjdWxhci1wcm9ncmVzcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDbkUsT0FBTyxFQUNMLGVBQWUsRUFDZix1QkFBdUIsRUFDdkIsU0FBUyxFQUNULE1BQU0sRUFFTixXQUFXLEVBQ1gsS0FBSyxFQUNMLEtBQUssRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOztBQUl2Qjs7OztHQUlHO0FBVUgsTUFBTSxPQUFPLDJCQUE0QixTQUFRLGdCQUFnQjtJQXFDL0Q7O09BRUc7SUFFSDtRQUNFLEtBQUssRUFBRSxDQUFDO1FBekNWOztXQUVHO1FBQ0gsV0FBTSxHQUFHLFNBQVMsQ0FBNkIsUUFBUSxrREFBQyxDQUFDO1FBRXpEOzs7OztXQUtHO1FBRUgsU0FBSSxHQUFHLEtBQUssQ0FBeUIsYUFBYSxnREFBQyxDQUFDO1FBRXBEOzs7OztXQUtHO1FBQ0gsYUFBUSxHQUFHLEtBQUssOERBQVUsQ0FBQztRQUUzQjs7OztXQUlHO1FBQ0gsV0FBTSxHQUFHLEtBQUssNERBQVUsQ0FBQztRQUV6Qjs7OztXQUlHO1FBQ0gsU0FBSSxHQUFHLEtBQUssMERBQVUsQ0FBQztRQVFyQixlQUFlLENBQUMsR0FBRyxFQUFFO1lBQ25CLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUN2QixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDeEIsQ0FBQyxDQUFDLENBQUM7UUFDSCxNQUFNLENBQUMsR0FBRyxFQUFFO1lBQ1YsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1lBQ3ZCLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN4QixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRDs7T0FFRztJQUNILElBQ1ksV0FBVztRQUNyQixPQUFPLE1BQU0sSUFBSSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUVEOztPQUVHO0lBQ0gsZUFBZTtRQUNiLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUM7WUFDbEIsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUMzQyx5Q0FBeUMsRUFDekMsR0FBRyxJQUFJLENBQUMsSUFBSSxFQUFFLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQ25DLENBQUM7WUFDRixJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMseUNBQXlDLEVBQUUsR0FBRyxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxDQUFDO1FBQy9HLENBQUM7SUFDSCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxjQUFjO1FBQ1osSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQztZQUNsQixJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxVQUFVLEdBQUcseURBQzdDLElBQUksQ0FBQyxRQUFRLEVBQUUsR0FBRyxHQUNwQix3REFBd0QsQ0FBQztRQUMzRCxDQUFDO0lBQ0gsQ0FBQztJQUNEOztPQUVHO0lBQ0gsb0JBQW9CO1FBQ2xCLElBQUksSUFBSSxDQUFDLElBQUksRUFBRSxLQUFLLGVBQWUsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDO1lBQ3hELElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3hCLENBQUM7SUFDSCxDQUFDOzhHQTNGVSwyQkFBMkI7a0dBQTNCLDJCQUEyQiwwekJBRjNCLENBQUMsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSwyQkFBMkIsRUFBRSxDQUFDLG1LQzVCakYscVFBUUE7OzJGRHNCYSwyQkFBMkI7a0JBVHZDLFNBQVM7K0JBQ0Usc0JBQXNCLFVBR3hCLENBQUMsT0FBTyxDQUFDLG1CQUNBLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksYUFDMUIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsV0FBVyw2QkFBNkIsRUFBRSxDQUFDO3dEQTJEbkUsV0FBVztzQkFEdEIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhDb21wb25lbnQsIE1YQ29sb3JDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2Nkay9jb21tb24nO1xuaW1wb3J0IHtcbiAgYWZ0ZXJOZXh0UmVuZGVyLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBlZmZlY3QsXG4gIEVsZW1lbnRSZWYsXG4gIEhvc3RCaW5kaW5nLFxuICBpbnB1dCxcbiAgbW9kZWwsXG4gIHZpZXdDaGlsZCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgdHlwZSBBWENpcmN1bGFyUHJvZ3Jlc3NNb2RlID0gJ2RldGVybWluYXRlJyB8ICdpbmRldGVybWluYXRlJztcblxuLyoqXG4gKiBUaGUgQnV0dG9uIGlzIGEgY29tcG9uZW50IHdoaWNoIGRldGVjdHMgdXNlciBpbnRlcmFjdGlvbiBhbmQgdHJpZ2dlcnMgYSBjb3JyZXNwb25kaW5nIGV2ZW50XG4gKlxuICogQGNhdGVnb3J5IENvbXBvbmVudHNcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtY2lyY3VsYXItcHJvZ3Jlc3MnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2lyY3VsYXItcHJvZ3Jlc3MuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jaXJjdWxhci1wcm9ncmVzcy5jb21wb25lbnQuc2NzcyddLFxuICBpbnB1dHM6IFsnY29sb3InXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHByb3ZpZGVyczogW3sgcHJvdmlkZTogQVhDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWENpcmN1bGFyUHJvZ3Jlc3NDb21wb25lbnQgfV0sXG59KVxuZXhwb3J0IGNsYXNzIEFYQ2lyY3VsYXJQcm9ncmVzc0NvbXBvbmVudCBleHRlbmRzIE1YQ29sb3JDb21wb25lbnQge1xuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIGNpcmNsZSA9IHZpZXdDaGlsZDxFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50Pj4oJ2NpcmNsZScpO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSBjdXJyZW50IHByb2dyZXNzIG9mIHRoZSBjaXJjdWxhciBwcm9ncmVzcyBjb21wb25lbnQuXG4gICAqXG4gICAqIENoYW5nZSBwcm9ncmVzcyBtb2RlXG4gICAqXG4gICAqL1xuXG4gIG1vZGUgPSBpbnB1dDxBWENpcmN1bGFyUHJvZ3Jlc3NNb2RlPignZGV0ZXJtaW5hdGUnKTtcblxuICAvKipcbiAgICogRGVmaW5lcyB0aGUgY3VycmVudCBwcm9ncmVzcyBvZiB0aGUgY2lyY3VsYXIgcHJvZ3Jlc3MgY29tcG9uZW50LlxuICAgKlxuICAgKiBUaGUgcGVyY2VudGFnZSB2YWx1ZSB0byBzZXQgZm9yIHRoZSBwcm9ncmVzcy5cbiAgICpcbiAgICovXG4gIHByb2dyZXNzID0gbW9kZWw8bnVtYmVyPigpO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSBzdHJva2Ugd2lkdGggb2YgdGhlIGNpcmN1bGFyIHByb2dyZXNzIGNvbXBvbmVudC5cbiAgICpcbiAgICogVGhlIHN0cm9rZSB3aWR0aCB0byBiZSBzZXQgZm9yIHRoZSBjaXJjdWxhciBwcm9ncmVzcyBjb21wb25lbnQuXG4gICAqL1xuICBzdHJva2UgPSBtb2RlbDxudW1iZXI+KCk7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgdGhlIHN0cm9rZSB3aWR0aCBvZiB0aGUgY2lyY3VsYXIgcHJvZ3Jlc3MgY29tcG9uZW50LlxuICAgKlxuICAgKiBDaXJjbGUgc2l6ZVxuICAgKi9cbiAgc2l6ZSA9IG1vZGVsPG51bWJlcj4oKTtcblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICBhZnRlck5leHRSZW5kZXIoKCkgPT4ge1xuICAgICAgdGhpcy5zZXRDaXJjdWxhclNpemUoKTtcbiAgICAgIHRoaXMudXBkYXRlUHJvZ3Jlc3MoKTtcbiAgICB9KTtcbiAgICBlZmZlY3QoKCkgPT4ge1xuICAgICAgdGhpcy5zZXRDaXJjdWxhclNpemUoKTtcbiAgICAgIHRoaXMudXBkYXRlUHJvZ3Jlc3MoKTtcbiAgICB9KTtcbiAgfVxuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIHByaXZhdGUgZ2V0IF9faG9zdENsYXNzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGBheC0ke3RoaXNbJ2NvbG9yJ119YDtcbiAgfVxuXG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBzZXRDaXJjdWxhclNpemUoKSB7XG4gICAgaWYgKHRoaXMuY2lyY2xlKCkpIHtcbiAgICAgIHRoaXMuY2lyY2xlKCkubmF0aXZlRWxlbWVudC5zdHlsZS5zZXRQcm9wZXJ0eShcbiAgICAgICAgJy0tYXgtY29tcC1jaXJjdWxhci1wcm9ncmVzcy1zdHJva2Utc2l6ZScsXG4gICAgICAgIGAke3RoaXMuc2l6ZSgpIC0gdGhpcy5zdHJva2UoKX1weGAsXG4gICAgICApO1xuICAgICAgdGhpcy5jaXJjbGUoKS5uYXRpdmVFbGVtZW50LnN0eWxlLnNldFByb3BlcnR5KCctLWF4LWNvbXAtY2lyY3VsYXItcHJvZ3Jlc3MtY2lyY2xlLXNpemUnLCBgJHt0aGlzLnNpemUoKX1weGApO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqL1xuICB1cGRhdGVQcm9ncmVzcygpIHtcbiAgICBpZiAodGhpcy5jaXJjbGUoKSkge1xuICAgICAgdGhpcy5jaXJjbGUoKS5uYXRpdmVFbGVtZW50LnN0eWxlLmJhY2tncm91bmQgPSBgY29uaWMtZ3JhZGllbnQodmFyKC0tYXgtY29tcC1wcm9ncmVzcy1jaXJjdWxhci1jb2xvcikgJHtcbiAgICAgICAgdGhpcy5wcm9ncmVzcygpICogMy42XG4gICAgICB9ZGVnLCB2YXIoLS1heC1jb21wLXByb2dyZXNzLWNpcmN1bGFyLWxpbmUtY29sb3IpIDBkZWcpYDtcbiAgICB9XG4gIH1cbiAgLyoqXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHNldEluZGV0ZXJtaW5hdGVNb2RlKCkge1xuICAgIGlmICh0aGlzLm1vZGUoKSA9PT0gJ2luZGV0ZXJtaW5hdGUnICYmICF0aGlzLnByb2dyZXNzKCkpIHtcbiAgICAgIHRoaXMucHJvZ3Jlc3Muc2V0KDY1KTtcbiAgICB9XG4gIH1cbn1cbiIsIjxuZy1jb250ZW50IHNlbGVjdD1cImF4LXByZWZpeFwiPjwvbmctY29udGVudD5cbjxkaXYgY2xhc3M9XCJheC1wcm9ncmVzcy1jaXJjdWxhciBheC1wcm9ncmVzcy17eyBtb2RlKCkgfX1cIiAjY2lyY2xlPlxuICA8c3BhbiBjbGFzcz1cImF4LXByb2dyZXNzLWNvbnRlbnRcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvc3Bhbj5cbjwvZGl2PlxuXG48bmctY29udGVudCBzZWxlY3Q9XCJheC1zdWZmaXhcIj48L25nLWNvbnRlbnQ+XG4iXX0=","import { NgModule } from '@angular/core';\nimport { AXCircularProgressComponent } from './circular-progress.component';\nimport * as i0 from \"@angular/core\";\nexport class AXCircularProgressModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.3\", ngImport: i0, type: AXCircularProgressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.1.3\", ngImport: i0, type: AXCircularProgressModule, imports: [AXCircularProgressComponent], exports: [AXCircularProgressComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.1.3\", ngImport: i0, type: AXCircularProgressModule }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.3\", ngImport: i0, type: AXCircularProgressModule, decorators: [{\n type: NgModule,\n args: [{\n imports: [AXCircularProgressComponent],\n exports: [AXCircularProgressComponent],\n }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2lyY3VsYXItcHJvZ3Jlc3MubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9jaXJjdWxhci1wcm9ncmVzcy9zcmMvbGliL2NpcmN1bGFyLXByb2dyZXNzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLCtCQUErQixDQUFDOztBQU01RSxNQUFNLE9BQU8sd0JBQXdCOzhHQUF4Qix3QkFBd0I7K0dBQXhCLHdCQUF3QixZQUh6QiwyQkFBMkIsYUFDM0IsMkJBQTJCOytHQUUxQix3QkFBd0I7OzJGQUF4Qix3QkFBd0I7a0JBSnBDLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsMkJBQTJCLENBQUM7b0JBQ3RDLE9BQU8sRUFBRSxDQUFDLDJCQUEyQixDQUFDO2lCQUN2QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWENpcmN1bGFyUHJvZ3Jlc3NDb21wb25lbnQgfSBmcm9tICcuL2NpcmN1bGFyLXByb2dyZXNzLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtBWENpcmN1bGFyUHJvZ3Jlc3NDb21wb25lbnRdLFxuICBleHBvcnRzOiBbQVhDaXJjdWxhclByb2dyZXNzQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgQVhDaXJjdWxhclByb2dyZXNzTW9kdWxlIHt9XG4iXX0=","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtY2lyY3VsYXItcHJvZ3Jlc3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2NpcmN1bGFyLXByb2dyZXNzL3NyYy9hY29yZXgtY29tcG9uZW50cy1jaXJjdWxhci1wcm9ncmVzcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}
|
1
|
+
{"version":3,"file":"acorex-components-circular-progress.mjs","sources":["../tmp-esm2022/circular-progress/lib/circular-progress.component.js","../tmp-esm2022/circular-progress/lib/circular-progress.module.js","../tmp-esm2022/circular-progress/acorex-components-circular-progress.js"],"sourcesContent":["import { AXComponent, MXColorComponent } from '@acorex/cdk/common';\nimport { afterNextRender, ChangeDetectionStrategy, Component, effect, HostBinding, input, model, viewChild, ViewEncapsulation, } from '@angular/core';\nimport * as i0 from \"@angular/core\";\n/**\n * Displays the progress of an operation in a circular form. Supports determinate and indeterminate modes,\n * configurable size and stroke, and color theming.\n *\n * @category Components\n */\nexport class AXCircularProgressComponent extends MXColorComponent {\n /**\n * @ignore\n */\n constructor() {\n super();\n /**\n * @ignore\n */\n this.circle = viewChild('circle', ...(ngDevMode ? [{ debugName: \"circle\" }] : []));\n /**\n * Defines the progress calculation mode.\n * Use 'determinate' to show a specific percentage or 'indeterminate' for ongoing/spinner state.\n */\n this.mode = input('determinate', ...(ngDevMode ? [{ debugName: \"mode\" }] : []));\n /**\n * The percentage value to set for the progress (0–100).\n */\n this.progress = model(...(ngDevMode ? [undefined, { debugName: \"progress\" }] : []));\n /**\n * Stroke width of the circular track, in pixels.\n */\n this.stroke = model(...(ngDevMode ? [undefined, { debugName: \"stroke\" }] : []));\n /**\n * Overall diameter of the circular progress, in pixels.\n */\n this.size = model(...(ngDevMode ? [undefined, { debugName: \"size\" }] : []));\n afterNextRender(() => {\n this.setCircularSize();\n this.updateProgress();\n });\n effect(() => {\n this.setCircularSize();\n this.updateProgress();\n });\n }\n /**\n * @ignore\n */\n get __hostClass() {\n return `ax-${this['color']}`;\n }\n /**\n * Sets the CSS custom properties to reflect the current `size` and `stroke` values.\n *\n * Updates `--ax-comp-circular-progress-circle-size` and `--ax-comp-circular-progress-stroke-size` on the circle.\n *\n * @returns void - Styles are applied to the circle element when available.\n */\n setCircularSize() {\n if (this.circle()) {\n this.circle().nativeElement.style.setProperty('--ax-comp-circular-progress-stroke-size', `${this.size() - this.stroke()}px`);\n this.circle().nativeElement.style.setProperty('--ax-comp-circular-progress-circle-size', `${this.size()}px`);\n }\n }\n /**\n * Recalculates and applies the progress arc background based on the current `progress` value.\n *\n * Uses a conic-gradient with `--ax-comp-progress-circular-color` and `--ax-comp-progress-circular-line-color`.\n * The expected range for `progress` is 0–100.\n *\n * @returns void - Styles are applied to the circle element when available.\n */\n updateProgress() {\n if (this.circle()) {\n this.circle().nativeElement.style.background = `conic-gradient(var(--ax-comp-progress-circular-color) ${this.progress() * 3.6}deg, var(--ax-comp-progress-circular-line-color) 0deg)`;\n }\n }\n /**\n * Applies a default visual state for the indeterminate mode when no explicit `progress` is set.\n *\n * If `mode` is 'indeterminate' and `progress` is not set, it sets `progress` to 65 to render a visible arc.\n *\n * @returns void\n */\n setIndeterminateMode() {\n if (this.mode() === 'indeterminate' && !this.progress()) {\n this.progress.set(65);\n }\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXCircularProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.2.0\", version: \"20.1.8\", type: AXCircularProgressComponent, isStandalone: true, selector: \"ax-circular-progress\", inputs: { color: { classPropertyName: \"color\", publicName: \"color\", isSignal: false, isRequired: false, transformFunction: null }, mode: { classPropertyName: \"mode\", publicName: \"mode\", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: \"progress\", publicName: \"progress\", isSignal: true, isRequired: false, transformFunction: null }, stroke: { classPropertyName: \"stroke\", publicName: \"stroke\", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: \"size\", publicName: \"size\", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { progress: \"progressChange\", stroke: \"strokeChange\", size: \"sizeChange\" }, host: { properties: { \"class\": \"this.__hostClass\" } }, providers: [{ provide: AXComponent, useExisting: AXCircularProgressComponent }], viewQueries: [{ propertyName: \"circle\", first: true, predicate: [\"circle\"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: \"<ng-content select=\\\"ax-prefix\\\"></ng-content>\\n<div class=\\\"ax-progress-circular ax-progress-{{ mode() }}\\\" #circle>\\n <span class=\\\"ax-progress-content\\\">\\n <ng-content></ng-content>\\n </span>\\n</div>\\n\\n<ng-content select=\\\"ax-suffix\\\"></ng-content>\\n\", styles: [\"ax-circular-progress{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-primary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-primary-surface), .25)}ax-circular-progress.ax-primary .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-primary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-primary-surface), .25)}ax-circular-progress.ax-secondary .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-secondary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-secondary-surface), .25)}ax-circular-progress.ax-success .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-success-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-success-surface), .25)}ax-circular-progress.ax-warning .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-warning-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-warning-surface), .25)}ax-circular-progress.ax-danger .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-danger-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-danger-surface), .25)}ax-circular-progress.ax-accent1 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent1-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent1-surface), .25)}ax-circular-progress.ax-accent2 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent2-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent2-surface), .25)}ax-circular-progress.ax-accent3 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent3-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent3-surface), .25)}ax-circular-progress.ax-accent4 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent4-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent4-surface), .25)}ax-circular-progress.ax-accent5 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent5-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent5-surface), .25)}ax-circular-progress.ax-accent6 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent6-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent6-surface), .25)}ax-circular-progress.ax-accent7 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent7-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent7-surface), .25)}.ax-dark ax-circular-progress{--ax-comp-progress-circular-inside-bg-color: var(--ax-sys-color-darkest-surface)}ax-circular-progress .ax-progress-circular{width:var(--ax-comp-circular-progress-circle-size, 48px);height:var(--ax-comp-circular-progress-circle-size, 48px);border-radius:9999px;background:conic-gradient(var(--ax-comp-progress-circular-color) 0deg,var(--ax-comp-progress-circular-line-color) 0deg);position:relative;display:flex;align-items:center;justify-content:center}ax-circular-progress .ax-progress-circular:before{content:\\\"\\\";position:absolute;border-radius:9999px;width:var(--ax-comp-circular-progress-stroke-size, 44px);height:var(--ax-comp-circular-progress-stroke-size, 44px);background-color:rgba(var(--ax-comp-progress-circular-inside-bg-color, var(--ax-sys-color-lightest-surface)))}ax-circular-progress .ax-progress-circular .ax-progress-content{position:relative;display:flex;align-items:center;justify-content:center}ax-circular-progress .ax-progress-circular.ax-progress-indeterminate{animation-name:rotate;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:var(--ax-comp-circular-progress-animation-duration, 1.5s)}@keyframes rotate{0%{transform:rotate(-360deg)}to{transform:rotate(360deg)}}\\n\"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXCircularProgressComponent, decorators: [{\n type: Component,\n args: [{ selector: 'ax-circular-progress', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXCircularProgressComponent }], template: \"<ng-content select=\\\"ax-prefix\\\"></ng-content>\\n<div class=\\\"ax-progress-circular ax-progress-{{ mode() }}\\\" #circle>\\n <span class=\\\"ax-progress-content\\\">\\n <ng-content></ng-content>\\n </span>\\n</div>\\n\\n<ng-content select=\\\"ax-suffix\\\"></ng-content>\\n\", styles: [\"ax-circular-progress{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-primary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-primary-surface), .25)}ax-circular-progress.ax-primary .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-primary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-primary-surface), .25)}ax-circular-progress.ax-secondary .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-secondary-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-secondary-surface), .25)}ax-circular-progress.ax-success .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-success-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-success-surface), .25)}ax-circular-progress.ax-warning .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-warning-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-warning-surface), .25)}ax-circular-progress.ax-danger .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-danger-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-danger-surface), .25)}ax-circular-progress.ax-accent1 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent1-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent1-surface), .25)}ax-circular-progress.ax-accent2 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent2-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent2-surface), .25)}ax-circular-progress.ax-accent3 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent3-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent3-surface), .25)}ax-circular-progress.ax-accent4 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent4-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent4-surface), .25)}ax-circular-progress.ax-accent5 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent5-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent5-surface), .25)}ax-circular-progress.ax-accent6 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent6-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent6-surface), .25)}ax-circular-progress.ax-accent7 .ax-progress-circular{--ax-comp-progress-circular-color: rgba(var(--ax-sys-color-accent7-surface));--ax-comp-progress-circular-line-color: rgba(var(--ax-sys-color-accent7-surface), .25)}.ax-dark ax-circular-progress{--ax-comp-progress-circular-inside-bg-color: var(--ax-sys-color-darkest-surface)}ax-circular-progress .ax-progress-circular{width:var(--ax-comp-circular-progress-circle-size, 48px);height:var(--ax-comp-circular-progress-circle-size, 48px);border-radius:9999px;background:conic-gradient(var(--ax-comp-progress-circular-color) 0deg,var(--ax-comp-progress-circular-line-color) 0deg);position:relative;display:flex;align-items:center;justify-content:center}ax-circular-progress .ax-progress-circular:before{content:\\\"\\\";position:absolute;border-radius:9999px;width:var(--ax-comp-circular-progress-stroke-size, 44px);height:var(--ax-comp-circular-progress-stroke-size, 44px);background-color:rgba(var(--ax-comp-progress-circular-inside-bg-color, var(--ax-sys-color-lightest-surface)))}ax-circular-progress .ax-progress-circular .ax-progress-content{position:relative;display:flex;align-items:center;justify-content:center}ax-circular-progress .ax-progress-circular.ax-progress-indeterminate{animation-name:rotate;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:var(--ax-comp-circular-progress-animation-duration, 1.5s)}@keyframes rotate{0%{transform:rotate(-360deg)}to{transform:rotate(360deg)}}\\n\"] }]\n }], ctorParameters: () => [], propDecorators: { __hostClass: [{\n type: HostBinding,\n args: ['class']\n }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2lyY3VsYXItcHJvZ3Jlc3MuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9jaXJjdWxhci1wcm9ncmVzcy9zcmMvbGliL2NpcmN1bGFyLXByb2dyZXNzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY2lyY3VsYXItcHJvZ3Jlc3Mvc3JjL2xpYi9jaXJjdWxhci1wcm9ncmVzcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDbkUsT0FBTyxFQUNMLGVBQWUsRUFDZix1QkFBdUIsRUFDdkIsU0FBUyxFQUNULE1BQU0sRUFFTixXQUFXLEVBQ1gsS0FBSyxFQUNMLEtBQUssRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOztBQUl2Qjs7Ozs7R0FLRztBQVVILE1BQU0sT0FBTywyQkFBNEIsU0FBUSxnQkFBZ0I7SUEyQi9EOztPQUVHO0lBRUg7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQS9CVjs7V0FFRztRQUNILFdBQU0sR0FBRyxTQUFTLENBQTZCLFFBQVEsa0RBQUMsQ0FBQztRQUV6RDs7O1dBR0c7UUFDSCxTQUFJLEdBQUcsS0FBSyxDQUF5QixhQUFhLGdEQUFDLENBQUM7UUFFcEQ7O1dBRUc7UUFDSCxhQUFRLEdBQUcsS0FBSyw4REFBVSxDQUFDO1FBRTNCOztXQUVHO1FBQ0gsV0FBTSxHQUFHLEtBQUssNERBQVUsQ0FBQztRQUV6Qjs7V0FFRztRQUNILFNBQUksR0FBRyxLQUFLLDBEQUFVLENBQUM7UUFRckIsZUFBZSxDQUFDLEdBQUcsRUFBRTtZQUNuQixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7WUFDdkIsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3hCLENBQUMsQ0FBQyxDQUFDO1FBQ0gsTUFBTSxDQUFDLEdBQUcsRUFBRTtZQUNWLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUN2QixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDeEIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxJQUNZLFdBQVc7UUFDckIsT0FBTyxNQUFNLElBQUksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFFRDs7Ozs7O09BTUc7SUFDSCxlQUFlO1FBQ2IsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQztZQUNsQixJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQzNDLHlDQUF5QyxFQUN6QyxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLElBQUksQ0FDbkMsQ0FBQztZQUNGLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyx5Q0FBeUMsRUFBRSxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFDL0csQ0FBQztJQUNILENBQUM7SUFFRDs7Ozs7OztPQU9HO0lBQ0gsY0FBYztRQUNaLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUM7WUFDbEIsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHLHlEQUM3QyxJQUFJLENBQUMsUUFBUSxFQUFFLEdBQUcsR0FDcEIsd0RBQXdELENBQUM7UUFDM0QsQ0FBQztJQUNILENBQUM7SUFDRDs7Ozs7O09BTUc7SUFDSCxvQkFBb0I7UUFDbEIsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLEtBQUssZUFBZSxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxFQUFFLENBQUM7WUFDeEQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDeEIsQ0FBQztJQUNILENBQUM7OEdBOUZVLDJCQUEyQjtrR0FBM0IsMkJBQTJCLDB6QkFGM0IsQ0FBQyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsV0FBVyxFQUFFLDJCQUEyQixFQUFFLENBQUMsbUtDN0JqRixxUUFRQTs7MkZEdUJhLDJCQUEyQjtrQkFUdkMsU0FBUzsrQkFDRSxzQkFBc0IsVUFHeEIsQ0FBQyxPQUFPLENBQUMsbUJBQ0EsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxhQUMxQixDQUFDLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxXQUFXLDZCQUE2QixFQUFFLENBQUM7d0RBaURuRSxXQUFXO3NCQUR0QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWENvbXBvbmVudCwgTVhDb2xvckNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY2RrL2NvbW1vbic7XG5pbXBvcnQge1xuICBhZnRlck5leHRSZW5kZXIsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIGVmZmVjdCxcbiAgRWxlbWVudFJlZixcbiAgSG9zdEJpbmRpbmcsXG4gIGlucHV0LFxuICBtb2RlbCxcbiAgdmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCB0eXBlIEFYQ2lyY3VsYXJQcm9ncmVzc01vZGUgPSAnZGV0ZXJtaW5hdGUnIHwgJ2luZGV0ZXJtaW5hdGUnO1xuXG4vKipcbiAqIERpc3BsYXlzIHRoZSBwcm9ncmVzcyBvZiBhbiBvcGVyYXRpb24gaW4gYSBjaXJjdWxhciBmb3JtLiBTdXBwb3J0cyBkZXRlcm1pbmF0ZSBhbmQgaW5kZXRlcm1pbmF0ZSBtb2RlcyxcbiAqIGNvbmZpZ3VyYWJsZSBzaXplIGFuZCBzdHJva2UsIGFuZCBjb2xvciB0aGVtaW5nLlxuICpcbiAqIEBjYXRlZ29yeSBDb21wb25lbnRzXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LWNpcmN1bGFyLXByb2dyZXNzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NpcmN1bGFyLXByb2dyZXNzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2lyY3VsYXItcHJvZ3Jlc3MuY29tcG9uZW50LnNjc3MnXSxcbiAgaW5wdXRzOiBbJ2NvbG9yJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IEFYQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhDaXJjdWxhclByb2dyZXNzQ29tcG9uZW50IH1dLFxufSlcbmV4cG9ydCBjbGFzcyBBWENpcmN1bGFyUHJvZ3Jlc3NDb21wb25lbnQgZXh0ZW5kcyBNWENvbG9yQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBjaXJjbGUgPSB2aWV3Q2hpbGQ8RWxlbWVudFJlZjxIVE1MRGl2RWxlbWVudD4+KCdjaXJjbGUnKTtcblxuICAvKipcbiAgICogRGVmaW5lcyB0aGUgcHJvZ3Jlc3MgY2FsY3VsYXRpb24gbW9kZS5cbiAgICogVXNlICdkZXRlcm1pbmF0ZScgdG8gc2hvdyBhIHNwZWNpZmljIHBlcmNlbnRhZ2Ugb3IgJ2luZGV0ZXJtaW5hdGUnIGZvciBvbmdvaW5nL3NwaW5uZXIgc3RhdGUuXG4gICAqL1xuICBtb2RlID0gaW5wdXQ8QVhDaXJjdWxhclByb2dyZXNzTW9kZT4oJ2RldGVybWluYXRlJyk7XG5cbiAgLyoqXG4gICAqIFRoZSBwZXJjZW50YWdlIHZhbHVlIHRvIHNldCBmb3IgdGhlIHByb2dyZXNzICgw4oCTMTAwKS5cbiAgICovXG4gIHByb2dyZXNzID0gbW9kZWw8bnVtYmVyPigpO1xuXG4gIC8qKlxuICAgKiBTdHJva2Ugd2lkdGggb2YgdGhlIGNpcmN1bGFyIHRyYWNrLCBpbiBwaXhlbHMuXG4gICAqL1xuICBzdHJva2UgPSBtb2RlbDxudW1iZXI+KCk7XG5cbiAgLyoqXG4gICAqIE92ZXJhbGwgZGlhbWV0ZXIgb2YgdGhlIGNpcmN1bGFyIHByb2dyZXNzLCBpbiBwaXhlbHMuXG4gICAqL1xuICBzaXplID0gbW9kZWw8bnVtYmVyPigpO1xuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIGFmdGVyTmV4dFJlbmRlcigoKSA9PiB7XG4gICAgICB0aGlzLnNldENpcmN1bGFyU2l6ZSgpO1xuICAgICAgdGhpcy51cGRhdGVQcm9ncmVzcygpO1xuICAgIH0pO1xuICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICB0aGlzLnNldENpcmN1bGFyU2l6ZSgpO1xuICAgICAgdGhpcy51cGRhdGVQcm9ncmVzcygpO1xuICAgIH0pO1xuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHJpdmF0ZSBnZXQgX19ob3N0Q2xhc3MoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gYGF4LSR7dGhpc1snY29sb3InXX1gO1xuICB9XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIENTUyBjdXN0b20gcHJvcGVydGllcyB0byByZWZsZWN0IHRoZSBjdXJyZW50IGBzaXplYCBhbmQgYHN0cm9rZWAgdmFsdWVzLlxuICAgKlxuICAgKiBVcGRhdGVzIGAtLWF4LWNvbXAtY2lyY3VsYXItcHJvZ3Jlc3MtY2lyY2xlLXNpemVgIGFuZCBgLS1heC1jb21wLWNpcmN1bGFyLXByb2dyZXNzLXN0cm9rZS1zaXplYCBvbiB0aGUgY2lyY2xlLlxuICAgKlxuICAgKiBAcmV0dXJucyB2b2lkIC0gU3R5bGVzIGFyZSBhcHBsaWVkIHRvIHRoZSBjaXJjbGUgZWxlbWVudCB3aGVuIGF2YWlsYWJsZS5cbiAgICovXG4gIHNldENpcmN1bGFyU2l6ZSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5jaXJjbGUoKSkge1xuICAgICAgdGhpcy5jaXJjbGUoKS5uYXRpdmVFbGVtZW50LnN0eWxlLnNldFByb3BlcnR5KFxuICAgICAgICAnLS1heC1jb21wLWNpcmN1bGFyLXByb2dyZXNzLXN0cm9rZS1zaXplJyxcbiAgICAgICAgYCR7dGhpcy5zaXplKCkgLSB0aGlzLnN0cm9rZSgpfXB4YCxcbiAgICAgICk7XG4gICAgICB0aGlzLmNpcmNsZSgpLm5hdGl2ZUVsZW1lbnQuc3R5bGUuc2V0UHJvcGVydHkoJy0tYXgtY29tcC1jaXJjdWxhci1wcm9ncmVzcy1jaXJjbGUtc2l6ZScsIGAke3RoaXMuc2l6ZSgpfXB4YCk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIFJlY2FsY3VsYXRlcyBhbmQgYXBwbGllcyB0aGUgcHJvZ3Jlc3MgYXJjIGJhY2tncm91bmQgYmFzZWQgb24gdGhlIGN1cnJlbnQgYHByb2dyZXNzYCB2YWx1ZS5cbiAgICpcbiAgICogVXNlcyBhIGNvbmljLWdyYWRpZW50IHdpdGggYC0tYXgtY29tcC1wcm9ncmVzcy1jaXJjdWxhci1jb2xvcmAgYW5kIGAtLWF4LWNvbXAtcHJvZ3Jlc3MtY2lyY3VsYXItbGluZS1jb2xvcmAuXG4gICAqIFRoZSBleHBlY3RlZCByYW5nZSBmb3IgYHByb2dyZXNzYCBpcyAw4oCTMTAwLlxuICAgKlxuICAgKiBAcmV0dXJucyB2b2lkIC0gU3R5bGVzIGFyZSBhcHBsaWVkIHRvIHRoZSBjaXJjbGUgZWxlbWVudCB3aGVuIGF2YWlsYWJsZS5cbiAgICovXG4gIHVwZGF0ZVByb2dyZXNzKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmNpcmNsZSgpKSB7XG4gICAgICB0aGlzLmNpcmNsZSgpLm5hdGl2ZUVsZW1lbnQuc3R5bGUuYmFja2dyb3VuZCA9IGBjb25pYy1ncmFkaWVudCh2YXIoLS1heC1jb21wLXByb2dyZXNzLWNpcmN1bGFyLWNvbG9yKSAke1xuICAgICAgICB0aGlzLnByb2dyZXNzKCkgKiAzLjZcbiAgICAgIH1kZWcsIHZhcigtLWF4LWNvbXAtcHJvZ3Jlc3MtY2lyY3VsYXItbGluZS1jb2xvcikgMGRlZylgO1xuICAgIH1cbiAgfVxuICAvKipcbiAgICogQXBwbGllcyBhIGRlZmF1bHQgdmlzdWFsIHN0YXRlIGZvciB0aGUgaW5kZXRlcm1pbmF0ZSBtb2RlIHdoZW4gbm8gZXhwbGljaXQgYHByb2dyZXNzYCBpcyBzZXQuXG4gICAqXG4gICAqIElmIGBtb2RlYCBpcyAnaW5kZXRlcm1pbmF0ZScgYW5kIGBwcm9ncmVzc2AgaXMgbm90IHNldCwgaXQgc2V0cyBgcHJvZ3Jlc3NgIHRvIDY1IHRvIHJlbmRlciBhIHZpc2libGUgYXJjLlxuICAgKlxuICAgKiBAcmV0dXJucyB2b2lkXG4gICAqL1xuICBzZXRJbmRldGVybWluYXRlTW9kZSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5tb2RlKCkgPT09ICdpbmRldGVybWluYXRlJyAmJiAhdGhpcy5wcm9ncmVzcygpKSB7XG4gICAgICB0aGlzLnByb2dyZXNzLnNldCg2NSk7XG4gICAgfVxuICB9XG59XG4iLCI8bmctY29udGVudCBzZWxlY3Q9XCJheC1wcmVmaXhcIj48L25nLWNvbnRlbnQ+XG48ZGl2IGNsYXNzPVwiYXgtcHJvZ3Jlc3MtY2lyY3VsYXIgYXgtcHJvZ3Jlc3Mte3sgbW9kZSgpIH19XCIgI2NpcmNsZT5cbiAgPHNwYW4gY2xhc3M9XCJheC1wcm9ncmVzcy1jb250ZW50XCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L3NwYW4+XG48L2Rpdj5cblxuPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtc3VmZml4XCI+PC9uZy1jb250ZW50PlxuIl19","import { NgModule } from '@angular/core';\nimport { AXCircularProgressComponent } from './circular-progress.component';\nimport * as i0 from \"@angular/core\";\nexport class AXCircularProgressModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXCircularProgressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.1.8\", ngImport: i0, type: AXCircularProgressModule, imports: [AXCircularProgressComponent], exports: [AXCircularProgressComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXCircularProgressModule }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXCircularProgressModule, decorators: [{\n type: NgModule,\n args: [{\n imports: [AXCircularProgressComponent],\n exports: [AXCircularProgressComponent],\n }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2lyY3VsYXItcHJvZ3Jlc3MubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9jaXJjdWxhci1wcm9ncmVzcy9zcmMvbGliL2NpcmN1bGFyLXByb2dyZXNzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLCtCQUErQixDQUFDOztBQU01RSxNQUFNLE9BQU8sd0JBQXdCOzhHQUF4Qix3QkFBd0I7K0dBQXhCLHdCQUF3QixZQUh6QiwyQkFBMkIsYUFDM0IsMkJBQTJCOytHQUUxQix3QkFBd0I7OzJGQUF4Qix3QkFBd0I7a0JBSnBDLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsMkJBQTJCLENBQUM7b0JBQ3RDLE9BQU8sRUFBRSxDQUFDLDJCQUEyQixDQUFDO2lCQUN2QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWENpcmN1bGFyUHJvZ3Jlc3NDb21wb25lbnQgfSBmcm9tICcuL2NpcmN1bGFyLXByb2dyZXNzLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtBWENpcmN1bGFyUHJvZ3Jlc3NDb21wb25lbnRdLFxuICBleHBvcnRzOiBbQVhDaXJjdWxhclByb2dyZXNzQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgQVhDaXJjdWxhclByb2dyZXNzTW9kdWxlIHt9XG4iXX0=","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtY2lyY3VsYXItcHJvZ3Jlc3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2NpcmN1bGFyLXByb2dyZXNzL3NyYy9hY29yZXgtY29tcG9uZW50cy1jaXJjdWxhci1wcm9ncmVzcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}
|
@@ -2,9 +2,9 @@ import { AXClickEvent, MXInteractiveComponent, MXLookComponent, MXLookableCompon
|
|
2
2
|
import * as i0 from '@angular/core';
|
3
3
|
import { inject, EventEmitter, HostBinding, Input, Output, ViewEncapsulation, ChangeDetectionStrategy, Component, ContentChildren, NgModule } from '@angular/core';
|
4
4
|
import { classes } from 'polytype';
|
5
|
-
import { AXLoadingComponent
|
5
|
+
import { AXLoadingComponent } from '@acorex/components/loading';
|
6
6
|
import { trigger, state, transition, style, AUTO_STYLE, animate } from '@angular/animations';
|
7
|
-
import { NgTemplateOutlet, NgClass
|
7
|
+
import { NgTemplateOutlet, NgClass } from '@angular/common';
|
8
8
|
|
9
9
|
class AXCollapseClickEvent extends AXClickEvent {
|
10
10
|
constructor() {
|
@@ -123,21 +123,24 @@ class AXCollapseComponent extends classes(MXInteractiveComponent, MXLookComponen
|
|
123
123
|
}
|
124
124
|
/**
|
125
125
|
* Expands the collapse component.
|
126
|
-
*
|
126
|
+
*
|
127
|
+
* @returns void - No return value. Sets `isCollapsed` to false and expands the body.
|
127
128
|
*/
|
128
129
|
open() {
|
129
130
|
this.isCollapsed = false;
|
130
131
|
}
|
131
132
|
/**
|
132
133
|
* Collapses the collapse component.
|
133
|
-
*
|
134
|
+
*
|
135
|
+
* @returns void - No return value. Sets `isCollapsed` to true and hides the body.
|
134
136
|
*/
|
135
137
|
close() {
|
136
138
|
this.isCollapsed = true;
|
137
139
|
}
|
138
140
|
/**
|
139
141
|
* Toggles the collapse state between expanded and collapsed.
|
140
|
-
*
|
142
|
+
*
|
143
|
+
* @returns void - No return value. Flips the `isCollapsed` state.
|
141
144
|
*/
|
142
145
|
toggle() {
|
143
146
|
this.isCollapsed = !this.isCollapsed;
|
@@ -146,10 +149,10 @@ class AXCollapseComponent extends classes(MXInteractiveComponent, MXLookComponen
|
|
146
149
|
* @ignore
|
147
150
|
*/
|
148
151
|
get __hostClass() {
|
149
|
-
return [`${this.disabled ? 'ax-state-disabled' : ''}`, `ax-${this.
|
152
|
+
return [`${this.disabled ? 'ax-state-disabled' : ''}`, `ax-${this.look ?? this.parent?.look}`];
|
150
153
|
}
|
151
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.
|
152
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.
|
154
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXCollapseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
155
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXCollapseComponent, isStandalone: true, selector: "ax-collapse", inputs: { disabled: "disabled", look: "look", isCollapsed: "isCollapsed", showHeader: "showHeader", caption: "caption", icon: "icon", isLoading: "isLoading", headerTemplate: "headerTemplate" }, outputs: { onClick: "onClick", isCollapsedChange: "isCollapsedChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXCollapseComponent }], usesInheritance: true, ngImport: i0, template: "@if (showHeader) {\n <div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\" (click)=\"handleHeaderClick($event)\">\n @if (headerTemplate) {\n <div class=\"ax-collapse-custom-header-container\">\n <ng-container\n [ngTemplateOutlet]=\"headerTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { caption, isCollapsed } }\"\n ></ng-container>\n </div>\n } @else {\n <div class=\"ax-collapse-header-container\">\n <div class=\"ax-collapse-header-start\">\n <span class=\"ax-collapse-header-icon\" [class]=\"icon\"> </span>\n <span>\n {{ caption }}\n </span>\n </div>\n <div class=\"ax-collapse-header-end\">\n @if (isLoading) {\n <ax-loading></ax-loading>\n } @else {\n <span\n class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow\"\n [ngClass]=\"{ '-rotation-90': isCollapsed, 'rotation-90': !isCollapsed }\"\n ></span>\n }\n </div>\n </div>\n }\n </div>\n}\n<div class=\"ax-collapse-body\" [@collapse]=\"isCollapsed\">\n <div class=\"ax-collapse-body-content\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: ["ax-collapse-group ax-collapse.ax-solid{--ax-comp-collapse-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-collapse-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-collapse-border-width: 1px}.ax-dark ax-collapse-group ax-collapse.ax-solid{--ax-comp-collapse-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-collapse-border-color: var(--ax-sys-color-border-darkest-surface)}ax-collapse-group ax-collapse.ax-fill{--ax-comp-collapse-bg-color: var(--ax-sys-color-surface)}ax-collapse-group ax-collapse.ax-flat{--ax-comp-collapse-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-collapse-border-width: 1px}ax-collapse-group ax-collapse.ax-outline{--ax-comp-collapse-border-color: var(--ax-sys-color-border-surface);--ax-comp-collapse-border-width: 1px}ax-collapse-group ax-collapse{--ax-comp-collapse-margin: .5rem}ax-collapse,ax-collapse-group{display:block;width:100%;overflow:hidden;font-size:1rem;line-height:1.5rem}ax-collapse-group ax-collapse{margin-bottom:var(--ax-comp-collapse-margin)}ax-collapse-group ax-collapse.ax-solid{border-radius:var(--ax-sys-border-radius);border-width:var(--ax-comp-collapse-border-width);border-color:rgba(var(--ax-comp-collapse-border-color))}ax-collapse-group ax-collapse.ax-solid .ax-collapse-header{background-color:rgba(var(--ax-comp-collapse-bg-color))}ax-collapse-group ax-collapse.ax-fill .ax-collapse-header{border-radius:var(--ax-sys-border-radius);background-color:rgba(var(--ax-comp-collapse-bg-color))}ax-collapse-group ax-collapse.ax-outline{border-radius:var(--ax-sys-border-radius);border-width:var(--ax-comp-collapse-border-width);border-color:rgba(var(--ax-comp-collapse-border-color))}ax-collapse-group ax-collapse.ax-outline .ax-collapse-header{background-color:transparent}ax-collapse-group ax-collapse.ax-flat{border-bottom-width:var(--ax-comp-collapse-border-width);border-color:rgba(var(--ax-comp-collapse-border-color))}ax-collapse-group ax-collapse.ax-flat .ax-collapse-header{background-color:transparent}ax-collapse.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-collapse .ax-collapse-header,ax-collapse .ax-collapse-body{font-size:.875rem;line-height:1.25rem;color:rgba(var(--ax-sys-color-on-surface-high))!important}ax-collapse .ax-collapse-header{cursor:pointer;-webkit-user-select:none;user-select:none;padding:.75rem}ax-collapse .ax-collapse-header .ax-collapse-header-container{display:flex;justify-content:space-between}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start{display:flex;align-items:center}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start:not(:empty) .ax-collapse-header-icon{padding-inline-end:.5rem}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-end{display:flex;height:1.5rem;width:1.5rem;align-items:center;justify-content:center}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-end .ax-collapse-arrow{transition-property:all;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);display:block}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-end .ax-collapse-arrow.-rotation-90{transform:rotate(-90deg)}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-end .ax-collapse-arrow.rotation-90{transform:rotate(90deg)}ax-collapse .ax-collapse-body .ax-collapse-body-content{padding:1rem;padding-inline-end:1rem;padding-inline-start:1.25rem}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [
|
153
156
|
trigger('collapse', [
|
154
157
|
state('false', style({ height: AUTO_STYLE, visibility: AUTO_STYLE })),
|
155
158
|
state('true', style({ height: '0', visibility: 'hidden' })),
|
@@ -158,7 +161,7 @@ class AXCollapseComponent extends classes(MXInteractiveComponent, MXLookComponen
|
|
158
161
|
]),
|
159
162
|
], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
160
163
|
}
|
161
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.
|
164
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXCollapseComponent, decorators: [{
|
162
165
|
type: Component,
|
163
166
|
args: [{ selector: 'ax-collapse', inputs: ['disabled', 'look'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, animations: [
|
164
167
|
trigger('collapse', [
|
@@ -316,8 +319,8 @@ class AXCollapseGroupComponent extends classes(MXBaseComponent, MXLookComponent)
|
|
316
319
|
get __hostClass() {
|
317
320
|
return ['ax-collapse-group', `ax-${this.look}`];
|
318
321
|
}
|
319
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.
|
320
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.
|
322
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXCollapseGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
323
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXCollapseGroupComponent, isStandalone: true, selector: "ax-collapse-group", inputs: { look: "look", accordion: "accordion", activeIndex: "activeIndex" }, outputs: { accordionChange: "accordionChange", activeIndexChange: "activeIndexChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
|
321
324
|
{
|
322
325
|
provide: MXLookableComponent,
|
323
326
|
useExisting: AXCollapseGroupComponent,
|
@@ -325,7 +328,7 @@ class AXCollapseGroupComponent extends classes(MXBaseComponent, MXLookComponent)
|
|
325
328
|
{ provide: AXComponent, useExisting: AXCollapseGroupComponent },
|
326
329
|
], queries: [{ propertyName: "_items", predicate: AXCollapseComponent }], usesInheritance: true, ngImport: i0, template: `<ng-content select="ax-collapse"></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
327
330
|
}
|
328
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.
|
331
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXCollapseGroupComponent, decorators: [{
|
329
332
|
type: Component,
|
330
333
|
args: [{
|
331
334
|
selector: 'ax-collapse-group',
|
@@ -358,16 +361,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
|
|
358
361
|
}] } });
|
359
362
|
|
360
363
|
const COMPONENT = [AXCollapseComponent, AXCollapseGroupComponent];
|
361
|
-
const MODULES = [CommonModule, AXLoadingModule];
|
362
364
|
class AXCollapseModule {
|
363
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.
|
364
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.
|
365
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.
|
365
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXCollapseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
366
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.8", ngImport: i0, type: AXCollapseModule, imports: [AXCollapseComponent, AXCollapseGroupComponent], exports: [AXCollapseComponent, AXCollapseGroupComponent] }); }
|
367
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXCollapseModule, imports: [AXCollapseComponent] }); }
|
366
368
|
}
|
367
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.
|
369
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXCollapseModule, decorators: [{
|
368
370
|
type: NgModule,
|
369
371
|
args: [{
|
370
|
-
imports: [...
|
372
|
+
imports: [...COMPONENT],
|
371
373
|
exports: [...COMPONENT],
|
372
374
|
providers: [],
|
373
375
|
}]
|