@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
@@ -96,16 +96,16 @@ class AXDropdownButtonComponent extends MXButtonBaseComponent {
|
|
96
96
|
get __hostClass() {
|
97
97
|
return this.disabled ? 'ax-state-disabled ' : '';
|
98
98
|
}
|
99
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.
|
100
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.
|
99
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXDropdownButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
100
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXDropdownButtonComponent, isStandalone: true, selector: "ax-dropdown-button", inputs: { disabled: "disabled", size: "size", color: "color", look: "look", text: "text", type: "type", mode: "mode" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", onClick: "onClick", selectedChange: "selectedChange", lookChange: "lookChange", colorChange: "colorChange", disabledChange: "disabledChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
|
101
101
|
{
|
102
102
|
provide: AXClosableComponent,
|
103
103
|
useExisting: AXDropdownButtonComponent,
|
104
104
|
},
|
105
105
|
{ provide: AXComponent, useExisting: AXDropdownButtonComponent },
|
106
|
-
], viewQueries: [{ propertyName: "dropdownPanel", first: true, predicate: ["panel"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #dropdown>\n <ax-dropdown-panel placement=\"bottom-end\" #panel>\n <ng-content select=\"ax-button-item-list\"></ng-content>\n </ax-dropdown-panel>\n</ng-template>\n<ng-template #decorator>\n <ng-content select=\"ax-prefix, ax-loading, ax-loading-spinner\"> </ng-content>\n</ng-template>\n\n@if (mode === 'dropdown') {\n <ax-button\n [look]=\"look\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n (click)=\"_handleClick($event)\"\n [text]=\"text\"\n >\n <ax-prefix> <ng-container [ngTemplateOutlet]=\"decorator\"></ng-container></ax-prefix>\n\n <ax-suffix>\n <ax-icon class=\"far fa-chevron-down\"> </ax-icon>\n </ax-suffix>\n\n <ng-container [ngTemplateOutlet]=\"dropdown\"></ng-container>\n </ax-button>\n} @else {\n <ax-button\n class=\"ax-dropdown-split-button\"\n [look]=\"look\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n (click)=\"_handleClick($event)\"\n [text]=\"text\"\n >\n <ax-prefix> <ng-container [ngTemplateOutlet]=\"decorator\"></ng-container></ax-prefix>\n </ax-button>\n\n <ax-divider class=\"ax-{{ color }} ax-{{ look }} ax-dropdown-split-button-divider\"></ax-divider>\n\n <ax-button class=\"ax-dropdown-split-button-arrow\" [look]=\"look\" [color]=\"color\" [disabled]=\"disabled\">\n <ax-icon class=\"far fa-chevron-down\"> </ax-icon>\n\n <ng-container [ngTemplateOutlet]=\"dropdown\"></ng-container>\n </ax-button>\n}\n", styles: ["ax-dropdown-button ax-divider.ax-primary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-primary-light-surface)}ax-dropdown-button ax-divider.ax-primary.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-primary-surface)}ax-dropdown-button ax-divider.ax-primary.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-primary-lighter-surface)}ax-dropdown-button ax-divider.ax-secondary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-secondary-light-surface)}ax-dropdown-button ax-divider.ax-secondary.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-secondary-surface)}ax-dropdown-button ax-divider.ax-secondary.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-secondary-lighter-surface)}ax-dropdown-button ax-divider.ax-success{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-success-light-surface)}ax-dropdown-button ax-divider.ax-success.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-success-surface)}ax-dropdown-button ax-divider.ax-success.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-success-lighter-surface)}ax-dropdown-button ax-divider.ax-warning{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-warning-light-surface)}ax-dropdown-button ax-divider.ax-warning.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-warning-surface)}ax-dropdown-button ax-divider.ax-warning.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-warning-lighter-surface)}ax-dropdown-button ax-divider.ax-danger{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-danger-light-surface)}ax-dropdown-button ax-divider.ax-danger.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-danger-surface)}ax-dropdown-button ax-divider.ax-danger.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-danger-lighter-surface)}ax-dropdown-button ax-divider.ax-accent1{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent1-light-surface)}ax-dropdown-button ax-divider.ax-accent1.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent1-surface)}ax-dropdown-button ax-divider.ax-accent1.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent1-lighter-surface)}ax-dropdown-button ax-divider.ax-accent2{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent2-light-surface)}ax-dropdown-button ax-divider.ax-accent2.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent2-surface)}ax-dropdown-button ax-divider.ax-accent2.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent2-lighter-surface)}ax-dropdown-button ax-divider.ax-accent3{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent3-light-surface)}ax-dropdown-button ax-divider.ax-accent3.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent3-surface)}ax-dropdown-button ax-divider.ax-accent3.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent3-lighter-surface)}ax-dropdown-button ax-divider.ax-accent4{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent4-light-surface)}ax-dropdown-button ax-divider.ax-accent4.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent4-surface)}ax-dropdown-button ax-divider.ax-accent4.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent4-lighter-surface)}ax-dropdown-button ax-divider.ax-accent5{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent5-light-surface)}ax-dropdown-button ax-divider.ax-accent5.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent5-surface)}ax-dropdown-button ax-divider.ax-accent5.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent5-lighter-surface)}ax-dropdown-button ax-divider.ax-accnt6{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accnt6-light-surface)}ax-dropdown-button ax-divider.ax-accnt6.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accnt6-surface)}ax-dropdown-button ax-divider.ax-accnt6.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accnt6-lighter-surface)}ax-dropdown-button ax-divider.ax-accent7{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent7-light-surface)}ax-dropdown-button ax-divider.ax-accent7.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent7-surface)}ax-dropdown-button ax-divider.ax-accent7.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent7-lighter-surface)}ax-dropdown-button ax-divider.ax-default{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-light-surface)}ax-dropdown-button ax-divider.ax-default.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-light-surface)}ax-dropdown-button ax-divider.ax-default.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-light-surface)}.ax-dark ax-dropdown-button ax-divider.ax-primary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-primary-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-secondary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-secondary-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-success{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-success-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-warning{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-warning-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-danger{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-danger-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent1{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent1-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent2{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent2-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent3{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent3-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent4{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent4-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent5{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent5-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accnt6{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accnt6-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent7{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent7-dark-surface)}ax-dropdown-button{display:inline-flex;align-items:center;justify-content:center;--ax-comp-button-height: calc(var(--ax-sys-size-base) * var(--ax-comp-button-size-ratio));height:var(--ax-comp-button-height);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-dropdown-button.ax-state-disabled ax-divider{opacity:.5}ax-dropdown-button.ax-xs .ax-dropdown-split-button-arrow ax-icon{font-size:.7rem}ax-dropdown-button.ax-sm .ax-dropdown-split-button-arrow ax-icon{font-size:.8rem}ax-dropdown-button.ax-md .ax-dropdown-split-button-arrow ax-icon{font-size:.9rem}ax-dropdown-button.ax-lg .ax-dropdown-split-button-arrow ax-icon{font-size:1.2rem}ax-dropdown-button.ax-xl .ax-dropdown-split-button-arrow ax-icon{font-size:1.4rem}ax-dropdown-button .ax-dropdown-split-button-divider{width:1px;height:100%;background-color:rgba(var(--ax-comp-dropdown-button-divider-color-solid))}ax-dropdown-button .ax-dropdown-split-button-divider.ax-outline{background-color:rgba(var(--ax-comp-dropdown-button-divider-color-outline))}ax-dropdown-button .ax-dropdown-split-button-divider.ax-blank,ax-dropdown-button .ax-dropdown-split-button-divider.ax-link{background-color:transparent}ax-dropdown-button .ax-dropdown-split-button-divider.ax-twotone{background-color:rgba(var(--ax-comp-dropdown-button-divider-color-twotone))}ax-dropdown-button .ax-dropdown-split-button{border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}ax-dropdown-button .ax-dropdown-split-button-arrow{border-end-start-radius:0;border-start-start-radius:0;border-inline-start:0}ax-dropdown-button .ax-dropdown-split-button-arrow ax-icon{font-size:.9rem}.ax-xs ax-dropdown-button,ax-dropdown-button.ax-xs{--ax-comp-button-size-ratio: .75}.ax-sm ax-dropdown-button,ax-dropdown-button.ax-sm{--ax-comp-button-size-ratio: .875}.ax-md ax-dropdown-button,ax-dropdown-button{--ax-comp-button-size-ratio: 1}.ax-lg ax-dropdown-button,ax-dropdown-button.ax-lg{--ax-comp-button-size-ratio: 1.125}.ax-xl ax-dropdown-button,ax-dropdown-button.ax-xl{--ax-comp-button-size-ratio: 1.125}\n"], dependencies: [{ kind: "component", type: AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
106
|
+
], viewQueries: [{ propertyName: "dropdownPanel", first: true, predicate: ["panel"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #dropdown>\n <ax-dropdown-panel placement=\"bottom-end\" #panel>\n <ng-content select=\"ax-button-item-list\"></ng-content>\n </ax-dropdown-panel>\n</ng-template>\n<ng-template #decorator>\n <ng-content select=\"ax-prefix, ax-loading, ax-loading-spinner\"> </ng-content>\n</ng-template>\n\n@if (mode === 'dropdown') {\n <ax-button\n [look]=\"look\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n (click)=\"_handleClick($event)\"\n [text]=\"text\"\n >\n <ax-prefix> <ng-container [ngTemplateOutlet]=\"decorator\"></ng-container></ax-prefix>\n\n <ax-suffix>\n <ax-icon class=\"far fa-chevron-down\"> </ax-icon>\n </ax-suffix>\n\n <ng-container [ngTemplateOutlet]=\"dropdown\"></ng-container>\n </ax-button>\n} @else {\n <ax-button\n class=\"ax-dropdown-split-button\"\n [look]=\"look\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n (click)=\"_handleClick($event)\"\n [text]=\"text\"\n >\n <ax-prefix> <ng-container [ngTemplateOutlet]=\"decorator\"></ng-container></ax-prefix>\n </ax-button>\n\n <ax-divider class=\"ax-{{ color }} ax-{{ look }} ax-dropdown-split-button-divider\"></ax-divider>\n\n <ax-button class=\"ax-dropdown-split-button-arrow\" [look]=\"look\" [color]=\"color\" [disabled]=\"disabled\">\n <ax-icon class=\"far fa-chevron-down\"> </ax-icon>\n\n <ng-container [ngTemplateOutlet]=\"dropdown\"></ng-container>\n </ax-button>\n}\n", styles: ["ax-dropdown-button ax-divider.ax-primary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-primary-light-surface)}ax-dropdown-button ax-divider.ax-primary.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-primary-surface)}ax-dropdown-button ax-divider.ax-primary.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-primary-lighter-surface)}ax-dropdown-button ax-divider.ax-secondary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-secondary-light-surface)}ax-dropdown-button ax-divider.ax-secondary.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-secondary-surface)}ax-dropdown-button ax-divider.ax-secondary.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-secondary-lighter-surface)}ax-dropdown-button ax-divider.ax-success{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-success-light-surface)}ax-dropdown-button ax-divider.ax-success.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-success-surface)}ax-dropdown-button ax-divider.ax-success.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-success-lighter-surface)}ax-dropdown-button ax-divider.ax-warning{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-warning-light-surface)}ax-dropdown-button ax-divider.ax-warning.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-warning-surface)}ax-dropdown-button ax-divider.ax-warning.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-warning-lighter-surface)}ax-dropdown-button ax-divider.ax-danger{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-danger-light-surface)}ax-dropdown-button ax-divider.ax-danger.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-danger-surface)}ax-dropdown-button ax-divider.ax-danger.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-danger-lighter-surface)}ax-dropdown-button ax-divider.ax-accent1{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent1-light-surface)}ax-dropdown-button ax-divider.ax-accent1.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent1-surface)}ax-dropdown-button ax-divider.ax-accent1.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent1-lighter-surface)}ax-dropdown-button ax-divider.ax-accent2{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent2-light-surface)}ax-dropdown-button ax-divider.ax-accent2.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent2-surface)}ax-dropdown-button ax-divider.ax-accent2.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent2-lighter-surface)}ax-dropdown-button ax-divider.ax-accent3{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent3-light-surface)}ax-dropdown-button ax-divider.ax-accent3.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent3-surface)}ax-dropdown-button ax-divider.ax-accent3.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent3-lighter-surface)}ax-dropdown-button ax-divider.ax-accent4{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent4-light-surface)}ax-dropdown-button ax-divider.ax-accent4.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent4-surface)}ax-dropdown-button ax-divider.ax-accent4.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent4-lighter-surface)}ax-dropdown-button ax-divider.ax-accent5{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent5-light-surface)}ax-dropdown-button ax-divider.ax-accent5.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent5-surface)}ax-dropdown-button ax-divider.ax-accent5.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent5-lighter-surface)}ax-dropdown-button ax-divider.ax-accent6{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent6-light-surface)}ax-dropdown-button ax-divider.ax-accent6.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent6-surface)}ax-dropdown-button ax-divider.ax-accent6.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent6-lighter-surface)}ax-dropdown-button ax-divider.ax-accent7{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent7-light-surface)}ax-dropdown-button ax-divider.ax-accent7.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent7-surface)}ax-dropdown-button ax-divider.ax-accent7.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent7-lighter-surface)}ax-dropdown-button ax-divider.ax-default{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-light-surface)}ax-dropdown-button ax-divider.ax-default.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-light-surface)}ax-dropdown-button ax-divider.ax-default.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-light-surface)}.ax-dark ax-dropdown-button ax-divider.ax-primary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-primary-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-secondary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-secondary-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-success{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-success-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-warning{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-warning-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-danger{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-danger-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent1{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent1-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent2{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent2-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent3{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent3-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent4{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent4-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent5{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent5-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent6{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent6-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent7{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent7-dark-surface)}ax-dropdown-button{display:inline-flex;align-items:center;justify-content:center;--ax-comp-button-height: calc(var(--ax-sys-size-base) * var(--ax-comp-button-size-ratio));height:var(--ax-comp-button-height);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-dropdown-button.ax-state-disabled ax-divider{opacity:.5}ax-dropdown-button.ax-xs .ax-dropdown-split-button-arrow ax-icon{font-size:.7rem}ax-dropdown-button.ax-sm .ax-dropdown-split-button-arrow ax-icon{font-size:.8rem}ax-dropdown-button.ax-md .ax-dropdown-split-button-arrow ax-icon{font-size:.9rem}ax-dropdown-button.ax-lg .ax-dropdown-split-button-arrow ax-icon{font-size:1.2rem}ax-dropdown-button.ax-xl .ax-dropdown-split-button-arrow ax-icon{font-size:1.4rem}ax-dropdown-button .ax-dropdown-split-button-divider{width:1px;height:100%;background-color:rgba(var(--ax-comp-dropdown-button-divider-color-solid))}ax-dropdown-button .ax-dropdown-split-button-divider.ax-outline{background-color:rgba(var(--ax-comp-dropdown-button-divider-color-outline))}ax-dropdown-button .ax-dropdown-split-button-divider.ax-blank,ax-dropdown-button .ax-dropdown-split-button-divider.ax-link{background-color:transparent}ax-dropdown-button .ax-dropdown-split-button-divider.ax-twotone{background-color:rgba(var(--ax-comp-dropdown-button-divider-color-twotone))}ax-dropdown-button .ax-dropdown-split-button{border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}ax-dropdown-button .ax-dropdown-split-button-arrow{border-end-start-radius:0;border-start-start-radius:0;border-inline-start:0}ax-dropdown-button .ax-dropdown-split-button-arrow ax-icon{font-size:.9rem}.ax-xs ax-dropdown-button,ax-dropdown-button.ax-xs{--ax-comp-button-size-ratio: .75}.ax-sm ax-dropdown-button,ax-dropdown-button.ax-sm{--ax-comp-button-size-ratio: .875}.ax-md ax-dropdown-button,ax-dropdown-button{--ax-comp-button-size-ratio: 1}.ax-lg ax-dropdown-button,ax-dropdown-button.ax-lg{--ax-comp-button-size-ratio: 1.125}.ax-xl ax-dropdown-button,ax-dropdown-button.ax-xl{--ax-comp-button-size-ratio: 1.125}\n"], dependencies: [{ kind: "component", type: AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
107
107
|
}
|
108
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.
|
108
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXDropdownButtonComponent, decorators: [{
|
109
109
|
type: Component,
|
110
110
|
args: [{ selector: 'ax-dropdown-button', inputs: ['disabled', 'size', 'color', 'look', 'text'], outputs: ['onBlur', 'onFocus', 'onClick', 'selectedChange', 'lookChange', 'colorChange', 'disabledChange'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
|
111
111
|
{
|
@@ -119,7 +119,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
|
|
119
119
|
NgTemplateOutlet,
|
120
120
|
AXDecoratorGenericComponent,
|
121
121
|
AXDecoratorIconComponent,
|
122
|
-
], template: "<ng-template #dropdown>\n <ax-dropdown-panel placement=\"bottom-end\" #panel>\n <ng-content select=\"ax-button-item-list\"></ng-content>\n </ax-dropdown-panel>\n</ng-template>\n<ng-template #decorator>\n <ng-content select=\"ax-prefix, ax-loading, ax-loading-spinner\"> </ng-content>\n</ng-template>\n\n@if (mode === 'dropdown') {\n <ax-button\n [look]=\"look\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n (click)=\"_handleClick($event)\"\n [text]=\"text\"\n >\n <ax-prefix> <ng-container [ngTemplateOutlet]=\"decorator\"></ng-container></ax-prefix>\n\n <ax-suffix>\n <ax-icon class=\"far fa-chevron-down\"> </ax-icon>\n </ax-suffix>\n\n <ng-container [ngTemplateOutlet]=\"dropdown\"></ng-container>\n </ax-button>\n} @else {\n <ax-button\n class=\"ax-dropdown-split-button\"\n [look]=\"look\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n (click)=\"_handleClick($event)\"\n [text]=\"text\"\n >\n <ax-prefix> <ng-container [ngTemplateOutlet]=\"decorator\"></ng-container></ax-prefix>\n </ax-button>\n\n <ax-divider class=\"ax-{{ color }} ax-{{ look }} ax-dropdown-split-button-divider\"></ax-divider>\n\n <ax-button class=\"ax-dropdown-split-button-arrow\" [look]=\"look\" [color]=\"color\" [disabled]=\"disabled\">\n <ax-icon class=\"far fa-chevron-down\"> </ax-icon>\n\n <ng-container [ngTemplateOutlet]=\"dropdown\"></ng-container>\n </ax-button>\n}\n", styles: ["ax-dropdown-button ax-divider.ax-primary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-primary-light-surface)}ax-dropdown-button ax-divider.ax-primary.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-primary-surface)}ax-dropdown-button ax-divider.ax-primary.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-primary-lighter-surface)}ax-dropdown-button ax-divider.ax-secondary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-secondary-light-surface)}ax-dropdown-button ax-divider.ax-secondary.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-secondary-surface)}ax-dropdown-button ax-divider.ax-secondary.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-secondary-lighter-surface)}ax-dropdown-button ax-divider.ax-success{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-success-light-surface)}ax-dropdown-button ax-divider.ax-success.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-success-surface)}ax-dropdown-button ax-divider.ax-success.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-success-lighter-surface)}ax-dropdown-button ax-divider.ax-warning{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-warning-light-surface)}ax-dropdown-button ax-divider.ax-warning.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-warning-surface)}ax-dropdown-button ax-divider.ax-warning.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-warning-lighter-surface)}ax-dropdown-button ax-divider.ax-danger{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-danger-light-surface)}ax-dropdown-button ax-divider.ax-danger.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-danger-surface)}ax-dropdown-button ax-divider.ax-danger.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-danger-lighter-surface)}ax-dropdown-button ax-divider.ax-accent1{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent1-light-surface)}ax-dropdown-button ax-divider.ax-accent1.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent1-surface)}ax-dropdown-button ax-divider.ax-accent1.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent1-lighter-surface)}ax-dropdown-button ax-divider.ax-accent2{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent2-light-surface)}ax-dropdown-button ax-divider.ax-accent2.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent2-surface)}ax-dropdown-button ax-divider.ax-accent2.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent2-lighter-surface)}ax-dropdown-button ax-divider.ax-accent3{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent3-light-surface)}ax-dropdown-button ax-divider.ax-accent3.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent3-surface)}ax-dropdown-button ax-divider.ax-accent3.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent3-lighter-surface)}ax-dropdown-button ax-divider.ax-accent4{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent4-light-surface)}ax-dropdown-button ax-divider.ax-accent4.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent4-surface)}ax-dropdown-button ax-divider.ax-accent4.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent4-lighter-surface)}ax-dropdown-button ax-divider.ax-accent5{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent5-light-surface)}ax-dropdown-button ax-divider.ax-accent5.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent5-surface)}ax-dropdown-button ax-divider.ax-accent5.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent5-lighter-surface)}ax-dropdown-button ax-divider.ax-accnt6{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accnt6-light-surface)}ax-dropdown-button ax-divider.ax-accnt6.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accnt6-surface)}ax-dropdown-button ax-divider.ax-accnt6.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accnt6-lighter-surface)}ax-dropdown-button ax-divider.ax-accent7{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent7-light-surface)}ax-dropdown-button ax-divider.ax-accent7.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent7-surface)}ax-dropdown-button ax-divider.ax-accent7.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent7-lighter-surface)}ax-dropdown-button ax-divider.ax-default{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-light-surface)}ax-dropdown-button ax-divider.ax-default.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-light-surface)}ax-dropdown-button ax-divider.ax-default.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-light-surface)}.ax-dark ax-dropdown-button ax-divider.ax-primary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-primary-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-secondary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-secondary-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-success{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-success-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-warning{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-warning-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-danger{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-danger-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent1{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent1-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent2{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent2-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent3{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent3-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent4{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent4-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent5{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent5-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accnt6{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accnt6-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent7{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent7-dark-surface)}ax-dropdown-button{display:inline-flex;align-items:center;justify-content:center;--ax-comp-button-height: calc(var(--ax-sys-size-base) * var(--ax-comp-button-size-ratio));height:var(--ax-comp-button-height);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-dropdown-button.ax-state-disabled ax-divider{opacity:.5}ax-dropdown-button.ax-xs .ax-dropdown-split-button-arrow ax-icon{font-size:.7rem}ax-dropdown-button.ax-sm .ax-dropdown-split-button-arrow ax-icon{font-size:.8rem}ax-dropdown-button.ax-md .ax-dropdown-split-button-arrow ax-icon{font-size:.9rem}ax-dropdown-button.ax-lg .ax-dropdown-split-button-arrow ax-icon{font-size:1.2rem}ax-dropdown-button.ax-xl .ax-dropdown-split-button-arrow ax-icon{font-size:1.4rem}ax-dropdown-button .ax-dropdown-split-button-divider{width:1px;height:100%;background-color:rgba(var(--ax-comp-dropdown-button-divider-color-solid))}ax-dropdown-button .ax-dropdown-split-button-divider.ax-outline{background-color:rgba(var(--ax-comp-dropdown-button-divider-color-outline))}ax-dropdown-button .ax-dropdown-split-button-divider.ax-blank,ax-dropdown-button .ax-dropdown-split-button-divider.ax-link{background-color:transparent}ax-dropdown-button .ax-dropdown-split-button-divider.ax-twotone{background-color:rgba(var(--ax-comp-dropdown-button-divider-color-twotone))}ax-dropdown-button .ax-dropdown-split-button{border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}ax-dropdown-button .ax-dropdown-split-button-arrow{border-end-start-radius:0;border-start-start-radius:0;border-inline-start:0}ax-dropdown-button .ax-dropdown-split-button-arrow ax-icon{font-size:.9rem}.ax-xs ax-dropdown-button,ax-dropdown-button.ax-xs{--ax-comp-button-size-ratio: .75}.ax-sm ax-dropdown-button,ax-dropdown-button.ax-sm{--ax-comp-button-size-ratio: .875}.ax-md ax-dropdown-button,ax-dropdown-button{--ax-comp-button-size-ratio: 1}.ax-lg ax-dropdown-button,ax-dropdown-button.ax-lg{--ax-comp-button-size-ratio: 1.125}.ax-xl ax-dropdown-button,ax-dropdown-button.ax-xl{--ax-comp-button-size-ratio: 1.125}\n"] }]
|
122
|
+
], template: "<ng-template #dropdown>\n <ax-dropdown-panel placement=\"bottom-end\" #panel>\n <ng-content select=\"ax-button-item-list\"></ng-content>\n </ax-dropdown-panel>\n</ng-template>\n<ng-template #decorator>\n <ng-content select=\"ax-prefix, ax-loading, ax-loading-spinner\"> </ng-content>\n</ng-template>\n\n@if (mode === 'dropdown') {\n <ax-button\n [look]=\"look\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n (click)=\"_handleClick($event)\"\n [text]=\"text\"\n >\n <ax-prefix> <ng-container [ngTemplateOutlet]=\"decorator\"></ng-container></ax-prefix>\n\n <ax-suffix>\n <ax-icon class=\"far fa-chevron-down\"> </ax-icon>\n </ax-suffix>\n\n <ng-container [ngTemplateOutlet]=\"dropdown\"></ng-container>\n </ax-button>\n} @else {\n <ax-button\n class=\"ax-dropdown-split-button\"\n [look]=\"look\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n (click)=\"_handleClick($event)\"\n [text]=\"text\"\n >\n <ax-prefix> <ng-container [ngTemplateOutlet]=\"decorator\"></ng-container></ax-prefix>\n </ax-button>\n\n <ax-divider class=\"ax-{{ color }} ax-{{ look }} ax-dropdown-split-button-divider\"></ax-divider>\n\n <ax-button class=\"ax-dropdown-split-button-arrow\" [look]=\"look\" [color]=\"color\" [disabled]=\"disabled\">\n <ax-icon class=\"far fa-chevron-down\"> </ax-icon>\n\n <ng-container [ngTemplateOutlet]=\"dropdown\"></ng-container>\n </ax-button>\n}\n", styles: ["ax-dropdown-button ax-divider.ax-primary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-primary-light-surface)}ax-dropdown-button ax-divider.ax-primary.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-primary-surface)}ax-dropdown-button ax-divider.ax-primary.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-primary-lighter-surface)}ax-dropdown-button ax-divider.ax-secondary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-secondary-light-surface)}ax-dropdown-button ax-divider.ax-secondary.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-secondary-surface)}ax-dropdown-button ax-divider.ax-secondary.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-secondary-lighter-surface)}ax-dropdown-button ax-divider.ax-success{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-success-light-surface)}ax-dropdown-button ax-divider.ax-success.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-success-surface)}ax-dropdown-button ax-divider.ax-success.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-success-lighter-surface)}ax-dropdown-button ax-divider.ax-warning{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-warning-light-surface)}ax-dropdown-button ax-divider.ax-warning.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-warning-surface)}ax-dropdown-button ax-divider.ax-warning.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-warning-lighter-surface)}ax-dropdown-button ax-divider.ax-danger{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-danger-light-surface)}ax-dropdown-button ax-divider.ax-danger.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-danger-surface)}ax-dropdown-button ax-divider.ax-danger.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-danger-lighter-surface)}ax-dropdown-button ax-divider.ax-accent1{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent1-light-surface)}ax-dropdown-button ax-divider.ax-accent1.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent1-surface)}ax-dropdown-button ax-divider.ax-accent1.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent1-lighter-surface)}ax-dropdown-button ax-divider.ax-accent2{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent2-light-surface)}ax-dropdown-button ax-divider.ax-accent2.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent2-surface)}ax-dropdown-button ax-divider.ax-accent2.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent2-lighter-surface)}ax-dropdown-button ax-divider.ax-accent3{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent3-light-surface)}ax-dropdown-button ax-divider.ax-accent3.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent3-surface)}ax-dropdown-button ax-divider.ax-accent3.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent3-lighter-surface)}ax-dropdown-button ax-divider.ax-accent4{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent4-light-surface)}ax-dropdown-button ax-divider.ax-accent4.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent4-surface)}ax-dropdown-button ax-divider.ax-accent4.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent4-lighter-surface)}ax-dropdown-button ax-divider.ax-accent5{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent5-light-surface)}ax-dropdown-button ax-divider.ax-accent5.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent5-surface)}ax-dropdown-button ax-divider.ax-accent5.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent5-lighter-surface)}ax-dropdown-button ax-divider.ax-accent6{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent6-light-surface)}ax-dropdown-button ax-divider.ax-accent6.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent6-surface)}ax-dropdown-button ax-divider.ax-accent6.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent6-lighter-surface)}ax-dropdown-button ax-divider.ax-accent7{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent7-light-surface)}ax-dropdown-button ax-divider.ax-accent7.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent7-surface)}ax-dropdown-button ax-divider.ax-accent7.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent7-lighter-surface)}ax-dropdown-button ax-divider.ax-default{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-light-surface)}ax-dropdown-button ax-divider.ax-default.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-light-surface)}ax-dropdown-button ax-divider.ax-default.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-light-surface)}.ax-dark ax-dropdown-button ax-divider.ax-primary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-primary-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-secondary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-secondary-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-success{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-success-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-warning{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-warning-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-danger{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-danger-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent1{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent1-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent2{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent2-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent3{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent3-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent4{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent4-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent5{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent5-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent6{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent6-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent7{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent7-dark-surface)}ax-dropdown-button{display:inline-flex;align-items:center;justify-content:center;--ax-comp-button-height: calc(var(--ax-sys-size-base) * var(--ax-comp-button-size-ratio));height:var(--ax-comp-button-height);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-dropdown-button.ax-state-disabled ax-divider{opacity:.5}ax-dropdown-button.ax-xs .ax-dropdown-split-button-arrow ax-icon{font-size:.7rem}ax-dropdown-button.ax-sm .ax-dropdown-split-button-arrow ax-icon{font-size:.8rem}ax-dropdown-button.ax-md .ax-dropdown-split-button-arrow ax-icon{font-size:.9rem}ax-dropdown-button.ax-lg .ax-dropdown-split-button-arrow ax-icon{font-size:1.2rem}ax-dropdown-button.ax-xl .ax-dropdown-split-button-arrow ax-icon{font-size:1.4rem}ax-dropdown-button .ax-dropdown-split-button-divider{width:1px;height:100%;background-color:rgba(var(--ax-comp-dropdown-button-divider-color-solid))}ax-dropdown-button .ax-dropdown-split-button-divider.ax-outline{background-color:rgba(var(--ax-comp-dropdown-button-divider-color-outline))}ax-dropdown-button .ax-dropdown-split-button-divider.ax-blank,ax-dropdown-button .ax-dropdown-split-button-divider.ax-link{background-color:transparent}ax-dropdown-button .ax-dropdown-split-button-divider.ax-twotone{background-color:rgba(var(--ax-comp-dropdown-button-divider-color-twotone))}ax-dropdown-button .ax-dropdown-split-button{border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}ax-dropdown-button .ax-dropdown-split-button-arrow{border-end-start-radius:0;border-start-start-radius:0;border-inline-start:0}ax-dropdown-button .ax-dropdown-split-button-arrow ax-icon{font-size:.9rem}.ax-xs ax-dropdown-button,ax-dropdown-button.ax-xs{--ax-comp-button-size-ratio: .75}.ax-sm ax-dropdown-button,ax-dropdown-button.ax-sm{--ax-comp-button-size-ratio: .875}.ax-md ax-dropdown-button,ax-dropdown-button{--ax-comp-button-size-ratio: 1}.ax-lg ax-dropdown-button,ax-dropdown-button.ax-lg{--ax-comp-button-size-ratio: 1.125}.ax-xl ax-dropdown-button,ax-dropdown-button.ax-xl{--ax-comp-button-size-ratio: 1.125}\n"] }]
|
123
123
|
}], propDecorators: { dropdownPanel: [{
|
124
124
|
type: ViewChild,
|
125
125
|
args: ['panel']
|
@@ -143,22 +143,22 @@ const MODULES = [
|
|
143
143
|
AXButtonModule,
|
144
144
|
];
|
145
145
|
class AXDropdownButtonModule {
|
146
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.
|
147
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.
|
146
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXDropdownButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
147
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.8", ngImport: i0, type: AXDropdownButtonModule, imports: [CommonModule,
|
148
148
|
AXCommonModule,
|
149
149
|
AXDecoratorModule,
|
150
150
|
AXLoadingModule,
|
151
151
|
AXRippleDirective,
|
152
152
|
AXDropdownModule,
|
153
153
|
AXButtonModule, AXDropdownButtonComponent], exports: [AXDropdownButtonComponent] }); }
|
154
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.
|
154
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXDropdownButtonModule, imports: [CommonModule,
|
155
155
|
AXCommonModule,
|
156
156
|
AXDecoratorModule,
|
157
157
|
AXLoadingModule,
|
158
158
|
AXDropdownModule,
|
159
159
|
AXButtonModule, COMPONENT] }); }
|
160
160
|
}
|
161
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.
|
161
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXDropdownButtonModule, decorators: [{
|
162
162
|
type: NgModule,
|
163
163
|
args: [{
|
164
164
|
imports: [...MODULES, ...COMPONENT],
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"acorex-components-dropdown-button.mjs","sources":["../tmp-esm2022/dropdown-button/lib/dropdown-button.component.js","../tmp-esm2022/dropdown-button/lib/dropdown-button.module.js","../tmp-esm2022/dropdown-button/acorex-components-dropdown-button.js"],"sourcesContent":["import { AXClosableComponent, AXComponent, MXButtonBaseComponent } from '@acorex/cdk/common';\nimport { AXButtonComponent } from '@acorex/components/button';\nimport { AXDecoratorGenericComponent, AXDecoratorIconComponent } from '@acorex/components/decorators';\nimport { AXDropdownPanelComponent } from '@acorex/components/dropdown';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, ViewChild, ViewEncapsulation, } from '@angular/core';\nimport * as i0 from \"@angular/core\";\n// import { AXButtonType } from './button-item.class';\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\nexport class AXDropdownButtonComponent extends MXButtonBaseComponent {\n constructor() {\n super(...arguments);\n /**\n * Fires each time the user clicks the button.\n * @event\n */\n this.onClick = new EventEmitter();\n /**\n * Defines the type of the button element.\n *\n * @defaultValue 'button'\n */\n this.type = 'button';\n /**\n * Specifies the mode of the button.\n * Can be either 'split' or 'dropdown'.\n *\n * @defaultValue 'split'\n */\n this.mode = 'split';\n }\n /**\n * @ignore\n */\n ngAfterViewInit() {\n this.getHostElement().removeAttribute('tabindex');\n }\n /**\n * @ignore\n */\n getButton() {\n return this.getHostElement().firstElementChild;\n }\n /**\n * @ignore\n */\n _handleClick(e) {\n if (this.disabled) {\n e.preventDefault();\n return;\n }\n this.onClick.emit({\n component: this,\n htmlElement: this.getHostElement(),\n nativeEvent: e,\n });\n // TODO: check keyboard event\n setTimeout(() => {\n this.blur();\n });\n }\n /**\n * Simulates a click event on the button element.\n *\n * @ignore\n */\n click() {\n this.getButton()?.click();\n }\n /**\n * Sets focus to the button and adds a focus state class.\n */\n focus() {\n this.getButton()?.focus();\n this.getButton().classList.add('ax-state-focus');\n }\n /**\n * Removes the focus state class from the button.\n */\n blur() {\n this.getButton().classList.remove('ax-state-focus');\n }\n /**\n * Closes the dropdown panel.\n * @ignore\n */\n close() {\n this.dropdownPanel.close();\n }\n get __hostClass() {\n return this.disabled ? 'ax-state-disabled ' : '';\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.3\", ngImport: i0, type: AXDropdownButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.1.3\", type: AXDropdownButtonComponent, isStandalone: true, selector: \"ax-dropdown-button\", inputs: { disabled: \"disabled\", size: \"size\", color: \"color\", look: \"look\", text: \"text\", type: \"type\", mode: \"mode\" }, outputs: { onBlur: \"onBlur\", onFocus: \"onFocus\", onClick: \"onClick\", selectedChange: \"selectedChange\", lookChange: \"lookChange\", colorChange: \"colorChange\", disabledChange: \"disabledChange\" }, host: { properties: { \"class\": \"this.__hostClass\" } }, providers: [\n {\n provide: AXClosableComponent,\n useExisting: AXDropdownButtonComponent,\n },\n { provide: AXComponent, useExisting: AXDropdownButtonComponent },\n ], viewQueries: [{ propertyName: \"dropdownPanel\", first: true, predicate: [\"panel\"], descendants: true }], usesInheritance: true, ngImport: i0, template: \"<ng-template #dropdown>\\n <ax-dropdown-panel placement=\\\"bottom-end\\\" #panel>\\n <ng-content select=\\\"ax-button-item-list\\\"></ng-content>\\n </ax-dropdown-panel>\\n</ng-template>\\n<ng-template #decorator>\\n <ng-content select=\\\"ax-prefix, ax-loading, ax-loading-spinner\\\"> </ng-content>\\n</ng-template>\\n\\n@if (mode === 'dropdown') {\\n <ax-button\\n [look]=\\\"look\\\"\\n [color]=\\\"color\\\"\\n [disabled]=\\\"disabled\\\"\\n (focus)=\\\"emitOnFocusEvent($event)\\\"\\n (blur)=\\\"emitOnBlurEvent($event)\\\"\\n (click)=\\\"_handleClick($event)\\\"\\n [text]=\\\"text\\\"\\n >\\n <ax-prefix> <ng-container [ngTemplateOutlet]=\\\"decorator\\\"></ng-container></ax-prefix>\\n\\n <ax-suffix>\\n <ax-icon class=\\\"far fa-chevron-down\\\"> </ax-icon>\\n </ax-suffix>\\n\\n <ng-container [ngTemplateOutlet]=\\\"dropdown\\\"></ng-container>\\n </ax-button>\\n} @else {\\n <ax-button\\n class=\\\"ax-dropdown-split-button\\\"\\n [look]=\\\"look\\\"\\n [color]=\\\"color\\\"\\n [disabled]=\\\"disabled\\\"\\n (focus)=\\\"emitOnFocusEvent($event)\\\"\\n (blur)=\\\"emitOnBlurEvent($event)\\\"\\n (click)=\\\"_handleClick($event)\\\"\\n [text]=\\\"text\\\"\\n >\\n <ax-prefix> <ng-container [ngTemplateOutlet]=\\\"decorator\\\"></ng-container></ax-prefix>\\n </ax-button>\\n\\n <ax-divider class=\\\"ax-{{ color }} ax-{{ look }} ax-dropdown-split-button-divider\\\"></ax-divider>\\n\\n <ax-button class=\\\"ax-dropdown-split-button-arrow\\\" [look]=\\\"look\\\" [color]=\\\"color\\\" [disabled]=\\\"disabled\\\">\\n <ax-icon class=\\\"far fa-chevron-down\\\"> </ax-icon>\\n\\n <ng-container [ngTemplateOutlet]=\\\"dropdown\\\"></ng-container>\\n </ax-button>\\n}\\n\", styles: [\"ax-dropdown-button ax-divider.ax-primary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-primary-light-surface)}ax-dropdown-button ax-divider.ax-primary.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-primary-surface)}ax-dropdown-button ax-divider.ax-primary.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-primary-lighter-surface)}ax-dropdown-button ax-divider.ax-secondary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-secondary-light-surface)}ax-dropdown-button ax-divider.ax-secondary.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-secondary-surface)}ax-dropdown-button ax-divider.ax-secondary.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-secondary-lighter-surface)}ax-dropdown-button ax-divider.ax-success{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-success-light-surface)}ax-dropdown-button ax-divider.ax-success.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-success-surface)}ax-dropdown-button ax-divider.ax-success.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-success-lighter-surface)}ax-dropdown-button ax-divider.ax-warning{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-warning-light-surface)}ax-dropdown-button ax-divider.ax-warning.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-warning-surface)}ax-dropdown-button ax-divider.ax-warning.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-warning-lighter-surface)}ax-dropdown-button ax-divider.ax-danger{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-danger-light-surface)}ax-dropdown-button ax-divider.ax-danger.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-danger-surface)}ax-dropdown-button ax-divider.ax-danger.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-danger-lighter-surface)}ax-dropdown-button ax-divider.ax-accent1{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent1-light-surface)}ax-dropdown-button ax-divider.ax-accent1.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent1-surface)}ax-dropdown-button ax-divider.ax-accent1.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent1-lighter-surface)}ax-dropdown-button ax-divider.ax-accent2{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent2-light-surface)}ax-dropdown-button ax-divider.ax-accent2.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent2-surface)}ax-dropdown-button ax-divider.ax-accent2.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent2-lighter-surface)}ax-dropdown-button ax-divider.ax-accent3{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent3-light-surface)}ax-dropdown-button ax-divider.ax-accent3.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent3-surface)}ax-dropdown-button ax-divider.ax-accent3.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent3-lighter-surface)}ax-dropdown-button ax-divider.ax-accent4{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent4-light-surface)}ax-dropdown-button ax-divider.ax-accent4.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent4-surface)}ax-dropdown-button ax-divider.ax-accent4.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent4-lighter-surface)}ax-dropdown-button ax-divider.ax-accent5{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent5-light-surface)}ax-dropdown-button ax-divider.ax-accent5.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent5-surface)}ax-dropdown-button ax-divider.ax-accent5.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent5-lighter-surface)}ax-dropdown-button ax-divider.ax-accnt6{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accnt6-light-surface)}ax-dropdown-button ax-divider.ax-accnt6.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accnt6-surface)}ax-dropdown-button ax-divider.ax-accnt6.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accnt6-lighter-surface)}ax-dropdown-button ax-divider.ax-accent7{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent7-light-surface)}ax-dropdown-button ax-divider.ax-accent7.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent7-surface)}ax-dropdown-button ax-divider.ax-accent7.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent7-lighter-surface)}ax-dropdown-button ax-divider.ax-default{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-light-surface)}ax-dropdown-button ax-divider.ax-default.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-light-surface)}ax-dropdown-button ax-divider.ax-default.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-light-surface)}.ax-dark ax-dropdown-button ax-divider.ax-primary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-primary-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-secondary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-secondary-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-success{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-success-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-warning{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-warning-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-danger{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-danger-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent1{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent1-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent2{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent2-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent3{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent3-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent4{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent4-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent5{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent5-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accnt6{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accnt6-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent7{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent7-dark-surface)}ax-dropdown-button{display:inline-flex;align-items:center;justify-content:center;--ax-comp-button-height: calc(var(--ax-sys-size-base) * var(--ax-comp-button-size-ratio));height:var(--ax-comp-button-height);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-dropdown-button.ax-state-disabled ax-divider{opacity:.5}ax-dropdown-button.ax-xs .ax-dropdown-split-button-arrow ax-icon{font-size:.7rem}ax-dropdown-button.ax-sm .ax-dropdown-split-button-arrow ax-icon{font-size:.8rem}ax-dropdown-button.ax-md .ax-dropdown-split-button-arrow ax-icon{font-size:.9rem}ax-dropdown-button.ax-lg .ax-dropdown-split-button-arrow ax-icon{font-size:1.2rem}ax-dropdown-button.ax-xl .ax-dropdown-split-button-arrow ax-icon{font-size:1.4rem}ax-dropdown-button .ax-dropdown-split-button-divider{width:1px;height:100%;background-color:rgba(var(--ax-comp-dropdown-button-divider-color-solid))}ax-dropdown-button .ax-dropdown-split-button-divider.ax-outline{background-color:rgba(var(--ax-comp-dropdown-button-divider-color-outline))}ax-dropdown-button .ax-dropdown-split-button-divider.ax-blank,ax-dropdown-button .ax-dropdown-split-button-divider.ax-link{background-color:transparent}ax-dropdown-button .ax-dropdown-split-button-divider.ax-twotone{background-color:rgba(var(--ax-comp-dropdown-button-divider-color-twotone))}ax-dropdown-button .ax-dropdown-split-button{border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}ax-dropdown-button .ax-dropdown-split-button-arrow{border-end-start-radius:0;border-start-start-radius:0;border-inline-start:0}ax-dropdown-button .ax-dropdown-split-button-arrow ax-icon{font-size:.9rem}.ax-xs ax-dropdown-button,ax-dropdown-button.ax-xs{--ax-comp-button-size-ratio: .75}.ax-sm ax-dropdown-button,ax-dropdown-button.ax-sm{--ax-comp-button-size-ratio: .875}.ax-md ax-dropdown-button,ax-dropdown-button{--ax-comp-button-size-ratio: 1}.ax-lg ax-dropdown-button,ax-dropdown-button.ax-lg{--ax-comp-button-size-ratio: 1.125}.ax-xl ax-dropdown-button,ax-dropdown-button.ax-xl{--ax-comp-button-size-ratio: 1.125}\\n\"], dependencies: [{ kind: \"component\", type: AXDropdownPanelComponent, selector: \"ax-dropdown-panel\", inputs: [\"isOpen\", \"fitParent\", \"dropdownWidth\", \"position\", \"placement\", \"_target\", \"adaptivityEnabled\"], outputs: [\"onOpened\", \"onClosed\"] }, { kind: \"component\", type: AXButtonComponent, selector: \"ax-button\", inputs: [\"disabled\", \"size\", \"tabIndex\", \"color\", \"look\", \"text\", \"toggleable\", \"selected\", \"iconOnly\", \"type\", \"loadingText\"], outputs: [\"onBlur\", \"onFocus\", \"onClick\", \"selectedChange\", \"toggleableChange\", \"lookChange\", \"colorChange\", \"disabledChange\", \"loadingTextChange\"] }, { kind: \"directive\", type: NgTemplateOutlet, selector: \"[ngTemplateOutlet]\", inputs: [\"ngTemplateOutletContext\", \"ngTemplateOutlet\", \"ngTemplateOutletInjector\"] }, { kind: \"component\", type: AXDecoratorGenericComponent, selector: \"ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay\" }, { kind: \"component\", type: AXDecoratorIconComponent, selector: \"ax-icon\", inputs: [\"icon\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.3\", ngImport: i0, type: AXDropdownButtonComponent, decorators: [{\n type: Component,\n args: [{ selector: 'ax-dropdown-button', inputs: ['disabled', 'size', 'color', 'look', 'text'], outputs: ['onBlur', 'onFocus', 'onClick', 'selectedChange', 'lookChange', 'colorChange', 'disabledChange'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [\n {\n provide: AXClosableComponent,\n useExisting: AXDropdownButtonComponent,\n },\n { provide: AXComponent, useExisting: AXDropdownButtonComponent },\n ], imports: [\n AXDropdownPanelComponent,\n AXButtonComponent,\n NgTemplateOutlet,\n AXDecoratorGenericComponent,\n AXDecoratorIconComponent,\n ], template: \"<ng-template #dropdown>\\n <ax-dropdown-panel placement=\\\"bottom-end\\\" #panel>\\n <ng-content select=\\\"ax-button-item-list\\\"></ng-content>\\n </ax-dropdown-panel>\\n</ng-template>\\n<ng-template #decorator>\\n <ng-content select=\\\"ax-prefix, ax-loading, ax-loading-spinner\\\"> </ng-content>\\n</ng-template>\\n\\n@if (mode === 'dropdown') {\\n <ax-button\\n [look]=\\\"look\\\"\\n [color]=\\\"color\\\"\\n [disabled]=\\\"disabled\\\"\\n (focus)=\\\"emitOnFocusEvent($event)\\\"\\n (blur)=\\\"emitOnBlurEvent($event)\\\"\\n (click)=\\\"_handleClick($event)\\\"\\n [text]=\\\"text\\\"\\n >\\n <ax-prefix> <ng-container [ngTemplateOutlet]=\\\"decorator\\\"></ng-container></ax-prefix>\\n\\n <ax-suffix>\\n <ax-icon class=\\\"far fa-chevron-down\\\"> </ax-icon>\\n </ax-suffix>\\n\\n <ng-container [ngTemplateOutlet]=\\\"dropdown\\\"></ng-container>\\n </ax-button>\\n} @else {\\n <ax-button\\n class=\\\"ax-dropdown-split-button\\\"\\n [look]=\\\"look\\\"\\n [color]=\\\"color\\\"\\n [disabled]=\\\"disabled\\\"\\n (focus)=\\\"emitOnFocusEvent($event)\\\"\\n (blur)=\\\"emitOnBlurEvent($event)\\\"\\n (click)=\\\"_handleClick($event)\\\"\\n [text]=\\\"text\\\"\\n >\\n <ax-prefix> <ng-container [ngTemplateOutlet]=\\\"decorator\\\"></ng-container></ax-prefix>\\n </ax-button>\\n\\n <ax-divider class=\\\"ax-{{ color }} ax-{{ look }} ax-dropdown-split-button-divider\\\"></ax-divider>\\n\\n <ax-button class=\\\"ax-dropdown-split-button-arrow\\\" [look]=\\\"look\\\" [color]=\\\"color\\\" [disabled]=\\\"disabled\\\">\\n <ax-icon class=\\\"far fa-chevron-down\\\"> </ax-icon>\\n\\n <ng-container [ngTemplateOutlet]=\\\"dropdown\\\"></ng-container>\\n </ax-button>\\n}\\n\", styles: [\"ax-dropdown-button ax-divider.ax-primary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-primary-light-surface)}ax-dropdown-button ax-divider.ax-primary.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-primary-surface)}ax-dropdown-button ax-divider.ax-primary.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-primary-lighter-surface)}ax-dropdown-button ax-divider.ax-secondary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-secondary-light-surface)}ax-dropdown-button ax-divider.ax-secondary.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-secondary-surface)}ax-dropdown-button ax-divider.ax-secondary.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-secondary-lighter-surface)}ax-dropdown-button ax-divider.ax-success{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-success-light-surface)}ax-dropdown-button ax-divider.ax-success.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-success-surface)}ax-dropdown-button ax-divider.ax-success.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-success-lighter-surface)}ax-dropdown-button ax-divider.ax-warning{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-warning-light-surface)}ax-dropdown-button ax-divider.ax-warning.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-warning-surface)}ax-dropdown-button ax-divider.ax-warning.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-warning-lighter-surface)}ax-dropdown-button ax-divider.ax-danger{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-danger-light-surface)}ax-dropdown-button ax-divider.ax-danger.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-danger-surface)}ax-dropdown-button ax-divider.ax-danger.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-danger-lighter-surface)}ax-dropdown-button ax-divider.ax-accent1{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent1-light-surface)}ax-dropdown-button ax-divider.ax-accent1.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent1-surface)}ax-dropdown-button ax-divider.ax-accent1.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent1-lighter-surface)}ax-dropdown-button ax-divider.ax-accent2{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent2-light-surface)}ax-dropdown-button ax-divider.ax-accent2.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent2-surface)}ax-dropdown-button ax-divider.ax-accent2.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent2-lighter-surface)}ax-dropdown-button ax-divider.ax-accent3{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent3-light-surface)}ax-dropdown-button ax-divider.ax-accent3.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent3-surface)}ax-dropdown-button ax-divider.ax-accent3.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent3-lighter-surface)}ax-dropdown-button ax-divider.ax-accent4{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent4-light-surface)}ax-dropdown-button ax-divider.ax-accent4.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent4-surface)}ax-dropdown-button ax-divider.ax-accent4.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent4-lighter-surface)}ax-dropdown-button ax-divider.ax-accent5{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent5-light-surface)}ax-dropdown-button ax-divider.ax-accent5.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent5-surface)}ax-dropdown-button ax-divider.ax-accent5.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent5-lighter-surface)}ax-dropdown-button ax-divider.ax-accnt6{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accnt6-light-surface)}ax-dropdown-button ax-divider.ax-accnt6.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accnt6-surface)}ax-dropdown-button ax-divider.ax-accnt6.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accnt6-lighter-surface)}ax-dropdown-button ax-divider.ax-accent7{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent7-light-surface)}ax-dropdown-button ax-divider.ax-accent7.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent7-surface)}ax-dropdown-button ax-divider.ax-accent7.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent7-lighter-surface)}ax-dropdown-button ax-divider.ax-default{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-light-surface)}ax-dropdown-button ax-divider.ax-default.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-light-surface)}ax-dropdown-button ax-divider.ax-default.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-light-surface)}.ax-dark ax-dropdown-button ax-divider.ax-primary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-primary-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-secondary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-secondary-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-success{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-success-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-warning{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-warning-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-danger{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-danger-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent1{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent1-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent2{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent2-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent3{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent3-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent4{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent4-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent5{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent5-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accnt6{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accnt6-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent7{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent7-dark-surface)}ax-dropdown-button{display:inline-flex;align-items:center;justify-content:center;--ax-comp-button-height: calc(var(--ax-sys-size-base) * var(--ax-comp-button-size-ratio));height:var(--ax-comp-button-height);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-dropdown-button.ax-state-disabled ax-divider{opacity:.5}ax-dropdown-button.ax-xs .ax-dropdown-split-button-arrow ax-icon{font-size:.7rem}ax-dropdown-button.ax-sm .ax-dropdown-split-button-arrow ax-icon{font-size:.8rem}ax-dropdown-button.ax-md .ax-dropdown-split-button-arrow ax-icon{font-size:.9rem}ax-dropdown-button.ax-lg .ax-dropdown-split-button-arrow ax-icon{font-size:1.2rem}ax-dropdown-button.ax-xl .ax-dropdown-split-button-arrow ax-icon{font-size:1.4rem}ax-dropdown-button .ax-dropdown-split-button-divider{width:1px;height:100%;background-color:rgba(var(--ax-comp-dropdown-button-divider-color-solid))}ax-dropdown-button .ax-dropdown-split-button-divider.ax-outline{background-color:rgba(var(--ax-comp-dropdown-button-divider-color-outline))}ax-dropdown-button .ax-dropdown-split-button-divider.ax-blank,ax-dropdown-button .ax-dropdown-split-button-divider.ax-link{background-color:transparent}ax-dropdown-button .ax-dropdown-split-button-divider.ax-twotone{background-color:rgba(var(--ax-comp-dropdown-button-divider-color-twotone))}ax-dropdown-button .ax-dropdown-split-button{border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}ax-dropdown-button .ax-dropdown-split-button-arrow{border-end-start-radius:0;border-start-start-radius:0;border-inline-start:0}ax-dropdown-button .ax-dropdown-split-button-arrow ax-icon{font-size:.9rem}.ax-xs ax-dropdown-button,ax-dropdown-button.ax-xs{--ax-comp-button-size-ratio: .75}.ax-sm ax-dropdown-button,ax-dropdown-button.ax-sm{--ax-comp-button-size-ratio: .875}.ax-md ax-dropdown-button,ax-dropdown-button{--ax-comp-button-size-ratio: 1}.ax-lg ax-dropdown-button,ax-dropdown-button.ax-lg{--ax-comp-button-size-ratio: 1.125}.ax-xl ax-dropdown-button,ax-dropdown-button.ax-xl{--ax-comp-button-size-ratio: 1.125}\\n\"] }]\n }], propDecorators: { dropdownPanel: [{\n type: ViewChild,\n args: ['panel']\n }], type: [{\n type: Input\n }], mode: [{\n type: Input\n }], __hostClass: [{\n type: HostBinding,\n args: ['class']\n }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvZHJvcGRvd24tYnV0dG9uL3NyYy9saWIvZHJvcGRvd24tYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvZHJvcGRvd24tYnV0dG9uL3NyYy9saWIvZHJvcGRvd24tYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZ0IsbUJBQW1CLEVBQUUsV0FBVyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDM0csT0FBTyxFQUFFLGlCQUFpQixFQUFnQixNQUFNLDJCQUEyQixDQUFDO0FBQzVFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSx3QkFBd0IsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3RHLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFFTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixXQUFXLEVBQ1gsS0FBSyxFQUNMLFNBQVMsRUFDVCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7O0FBQ3ZCLHNEQUFzRDtBQUV0RDs7OztHQUlHO0FBd0JILE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxxQkFBcUI7SUF2QnBFOztRQXdCRTs7O1dBR0c7UUFDSCxZQUFPLEdBQStCLElBQUksWUFBWSxFQUFnQixDQUFDO1FBT3ZFOzs7O1dBSUc7UUFFSCxTQUFJLEdBQWlCLFFBQVEsQ0FBQztRQUU5Qjs7Ozs7V0FLRztRQUNNLFNBQUksR0FBeUIsT0FBTyxDQUFDO0tBd0UvQztJQXRFQzs7T0FFRztJQUNILGVBQWU7UUFDYixJQUFJLENB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bG9zYWJsZUNvbXBvbmVudCwgQVhDb21wb25lbnQsIE1YQnV0dG9uQmFzZUNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY2RrL2NvbW1vbic7XG5pbXBvcnQgeyBBWEJ1dHRvbkNvbXBvbmVudCwgQVhCdXR0b25UeXBlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2J1dHRvbic7XG5pbXBvcnQgeyBBWERlY29yYXRvckdlbmVyaWNDb21wb25lbnQsIEFYRGVjb3JhdG9ySWNvbkNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9kZWNvcmF0b3JzJztcbmltcG9ydCB7IEFYRHJvcGRvd25QYW5lbENvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9kcm9wZG93bic7XG5pbXBvcnQgeyBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBWaWV3Q2hpbGQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbi8vIGltcG9ydCB7IEFYQnV0dG9uVHlwZSB9IGZyb20gJy4vYnV0dG9uLWl0ZW0uY2xhc3MnO1xuXG4vKipcbiAqIFRoZSBCdXR0b24gaXMgYSBjb21wb25lbnQgd2hpY2ggZGV0ZWN0cyB1c2VyIGludGVyYWN0aW9uIGFuZCB0cmlnZ2VycyBhIGNvcnJlc3BvbmRpbmcgZXZlbnRcbiAqXG4gKiBAY2F0ZWdvcnkgQ29tcG9uZW50c1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1kcm9wZG93bi1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vZHJvcGRvd24tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZHJvcGRvd24tYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGlucHV0czogWydkaXNhYmxlZCcsICdzaXplJywgJ2NvbG9yJywgJ2xvb2snLCAndGV4dCddLFxuICBvdXRwdXRzOiBbJ29uQmx1cicsICdvbkZvY3VzJywgJ29uQ2xpY2snLCAnc2VsZWN0ZWRDaGFuZ2UnLCAnbG9va0NoYW5nZScsICdjb2xvckNoYW5nZScsICdkaXNhYmxlZENoYW5nZSddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogQVhDbG9zYWJsZUNvbXBvbmVudCxcbiAgICAgIHVzZUV4aXN0aW5nOiBBWERyb3Bkb3duQnV0dG9uQ29tcG9uZW50LFxuICAgIH0sXG4gICAgeyBwcm92aWRlOiBBWENvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYRHJvcGRvd25CdXR0b25Db21wb25lbnQgfSxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIEFYRHJvcGRvd25QYW5lbENvbXBvbmVudCxcbiAgICBBWEJ1dHRvbkNvbXBvbmVudCxcbiAgICBOZ1RlbXBsYXRlT3V0bGV0LFxuICAgIEFYRGVjb3JhdG9yR2VuZXJpY0NvbXBvbmVudCxcbiAgICBBWERlY29yYXRvckljb25Db21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEFYRHJvcGRvd25CdXR0b25Db21wb25lbnQgZXh0ZW5kcyBNWEJ1dHRvbkJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgLyoqXG4gICAqICBGaXJlcyBlYWNoIHRpbWUgdGhlIHVzZXIgY2xpY2tzIHRoZSBidXR0b24uXG4gICAqICBAZXZlbnRcbiAgICovXG4gIG9uQ2xpY2s6IEV2ZW50RW1pdHRlcjxBWENsaWNrRXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxBWENsaWNrRXZlbnQ+KCk7XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBAVmlld0NoaWxkKCdwYW5lbCcpIGRyb3Bkb3duUGFuZWw6IEFYQ2xvc2FibGVDb21wb25lbnQ7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgdGhlIHR5cGUgb2YgdGhlIGJ1dHRvbiBlbGVtZW50LlxuICAgKlxuICAgKiAgQGRlZmF1bHRWYWx1ZSAnYnV0dG9uJ1xuICAgKi9cbiAgQElucHV0KClcbiAgdHlwZTogQVhCdXR0b25UeXBlID0gJ2J1dHRvbic7XG5cbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgbW9kZSBvZiB0aGUgYnV0dG9uLlxuICAgKiBDYW4gYmUgZWl0aGVyICdzcGxpdCcgb3IgJ2Ryb3Bkb3duJy5cbiAgICpcbiAgICogIEBkZWZhdWx0VmFsdWUgJ3NwbGl0J1xuICAgKi9cbiAgQElucHV0KCkgbW9kZTogJ3NwbGl0JyB8ICdkcm9wZG93bicgPSAnc3BsaXQnO1xuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHRoaXMuZ2V0SG9zdEVsZW1lbnQoKS5yZW1vdmVBdHRyaWJ1dGUoJ3RhYmluZGV4Jyk7XG4gIH1cblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIHByaXZhdGUgZ2V0QnV0dG9uKCk6IEhUTUxCdXR0b25FbGVtZW50IHtcbiAgICByZXR1cm4gdGhpcy5nZXRIb3N0RWxlbWVudCgpLmZpcnN0RWxlbWVudENoaWxkIGFzIEhUTUxCdXR0b25FbGVtZW50O1xuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBfaGFuZGxlQ2xpY2soZTogTW91c2VFdmVudCkge1xuICAgIGlmICh0aGlzLmRpc2FibGVkKSB7XG4gICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMub25DbGljay5lbWl0KHtcbiAgICAgIGNvbXBvbmVudDogdGhpcyxcbiAgICAgIGh0bWxFbGVtZW50OiB0aGlzLmdldEhvc3RFbGVtZW50KCksXG4gICAgICBuYXRpdmVFdmVudDogZSxcbiAgICB9KTtcblxuICAgIC8vIFRPRE86IGNoZWNrIGtleWJvYXJkIGV2ZW50XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLmJsdXIoKTtcbiAgICB9KTtcbiAgfVxuXG4gIC8qKlxuICAgKiBTaW11bGF0ZXMgYSBjbGljayBldmVudCBvbiB0aGUgYnV0dG9uIGVsZW1lbnQuXG4gICAqXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIGNsaWNrKCkge1xuICAgIHRoaXMuZ2V0QnV0dG9uKCk/LmNsaWNrKCk7XG4gIH1cblxuICAvKipcbiAgICogU2V0cyBmb2N1cyB0byB0aGUgYnV0dG9uIGFuZCBhZGRzIGEgZm9jdXMgc3RhdGUgY2xhc3MuXG4gICAqL1xuICBvdmVycmlkZSBmb2N1cygpIHtcbiAgICB0aGlzLmdldEJ1dHRvbigpPy5mb2N1cygpO1xuICAgIHRoaXMuZ2V0QnV0dG9uKCkuY2xhc3NMaXN0LmFkZCgnYXgtc3RhdGUtZm9jdXMnKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBSZW1vdmVzIHRoZSBmb2N1cyBzdGF0ZSBjbGFzcyBmcm9tIHRoZSBidXR0b24uXG4gICAqL1xuICBvdmVycmlkZSBibHVyKCkge1xuICAgIHRoaXMuZ2V0QnV0dG9uKCkuY2xhc3NMaXN0LnJlbW92ZSgnYXgtc3RhdGUtZm9jdXMnKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBDbG9zZXMgdGhlIGRyb3Bkb3duIHBhbmVsLlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBjbG9zZSgpIHtcbiAgICB0aGlzLmRyb3Bkb3duUGFuZWwuY2xvc2UoKTtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcml2YXRlIGdldCBfX2hvc3RDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmRpc2FibGVkID8gJ2F4LXN0YXRlLWRpc2FibGVkICcgOiAnJztcbiAgfVxufVxuIiwiPG5nLXRlbXBsYXRlICNkcm9wZG93bj5cbiAgPGF4LWRyb3Bkb3duLXBhbmVsIHBsYWNlbWVudD1cImJvdHRvbS1lbmRcIiAjcGFuZWw+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtYnV0dG9uLWl0ZW0tbGlzdFwiPjwvbmctY29udGVudD5cbiAgPC9heC1kcm9wZG93bi1wYW5lbD5cbjwvbmctdGVtcGxhdGU+XG48bmctdGVtcGxhdGUgI2RlY29yYXRvcj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtcHJlZml4LCBheC1sb2FkaW5nLCBheC1sb2FkaW5nLXNwaW5uZXJcIj4gPC9uZy1jb250ZW50PlxuPC9uZy10ZW1wbGF0ZT5cblxuQGlmIChtb2RlID09PSAnZHJvcGRvd24nKSB7XG4gIDxheC1idXR0b25cbiAgICBbbG9va109XCJsb29rXCJcbiAgICBbY29sb3JdPVwiY29sb3JcIlxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgKGZvY3VzKT1cImVtaXRPbkZvY3VzRXZlbnQoJGV2ZW50KVwiXG4gICAgKGJsdXIpPVwiZW1pdE9uQmx1ckV2ZW50KCRldmVudClcIlxuICAgIChjbGljayk9XCJfaGFuZGxlQ2xpY2soJGV2ZW50KVwiXG4gICAgW3RleHRdPVwidGV4dFwiXG4gID5cbiAgICA8YXgtcHJlZml4PiA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImRlY29yYXRvclwiPjwvbmctY29udGFpbmVyPjwvYXgtcHJlZml4PlxuXG4gICAgPGF4LXN1ZmZpeD5cbiAgICAgIDxheC1pY29uIGNsYXNzPVwiZmFyIGZhLWNoZXZyb24tZG93blwiPiA8L2F4LWljb24+XG4gICAgPC9heC1zdWZmaXg+XG5cbiAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImRyb3Bkb3duXCI+PC9uZy1jb250YWluZXI+XG4gIDwvYXgtYnV0dG9uPlxufSBAZWxzZSB7XG4gIDxheC1idXR0b25cbiAgICBjbGFzcz1cImF4LWRyb3Bkb3duLXNwbGl0LWJ1dHRvblwiXG4gICAgW2xvb2tdPVwibG9va1wiXG4gICAgW2NvbG9yXT1cImNvbG9yXCJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgIChmb2N1cyk9XCJlbWl0T25Gb2N1c0V2ZW50KCRldmVudClcIlxuICAgIChibHVyKT1cImVtaXRPbkJsdXJFdmVudCgkZXZlbnQpXCJcbiAgICAoY2xpY2spPVwiX2hhbmRsZUNsaWNrKCRldmVudClcIlxuICAgIFt0ZXh0XT1cInRleHRcIlxuICA+XG4gICAgPGF4LXByZWZpeD4gPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJkZWNvcmF0b3JcIj48L25nLWNvbnRhaW5lcj48L2F4LXByZWZpeD5cbiAgPC9heC1idXR0b24+XG5cbiAgPGF4LWRpdmlkZXIgY2xhc3M9XCJheC17eyBjb2xvciB9fSBheC17eyBsb29rIH19IGF4LWRyb3Bkb3duLXNwbGl0LWJ1dHRvbi1kaXZpZGVyXCI+PC9heC1kaXZpZGVyPlxuXG4gIDxheC1idXR0b24gY2xhc3M9XCJheC1kcm9wZG93bi1zcGxpdC1idXR0b24tYXJyb3dcIiBbbG9va109XCJsb29rXCIgW2NvbG9yXT1cImNvbG9yXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCI+XG4gICAgPGF4LWljb24gY2xhc3M9XCJmYXIgZmEtY2hldnJvbi1kb3duXCI+IDwvYXgtaWNvbj5cblxuICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiZHJvcGRvd25cIj48L25nLWNvbnRhaW5lcj5cbiAgPC9heC1idXR0b24+XG59XG4iXX0=","import { AXCommonModule, AXRippleDirective } from '@acorex/cdk/common';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDropdownModule } from '@acorex/components/dropdown';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXDropdownButtonComponent } from './dropdown-button.component';\nimport * as i0 from \"@angular/core\";\nconst COMPONENT = [AXDropdownButtonComponent];\nconst MODULES = [\n CommonModule,\n AXCommonModule,\n AXDecoratorModule,\n AXLoadingModule,\n AXRippleDirective,\n AXDropdownModule,\n AXButtonModule,\n];\nexport class AXDropdownButtonModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.3\", ngImport: i0, type: AXDropdownButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.1.3\", ngImport: i0, type: AXDropdownButtonModule, imports: [CommonModule,\n AXCommonModule,\n AXDecoratorModule,\n AXLoadingModule,\n AXRippleDirective,\n AXDropdownModule,\n AXButtonModule, AXDropdownButtonComponent], exports: [AXDropdownButtonComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.1.3\", ngImport: i0, type: AXDropdownButtonModule, imports: [CommonModule,\n AXCommonModule,\n AXDecoratorModule,\n AXLoadingModule,\n AXDropdownModule,\n AXButtonModule, COMPONENT] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.3\", ngImport: i0, type: AXDropdownButtonModule, decorators: [{\n type: NgModule,\n args: [{\n imports: [...MODULES, ...COMPONENT],\n exports: [...COMPONENT],\n providers: [],\n }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvZHJvcGRvd24tYnV0dG9uL3NyYy9saWIvZHJvcGRvd24tYnV0dG9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDdkUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7QUFFeEUsTUFBTSxTQUFTLEdBQUcsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDO0FBQzlDLE1BQU0sT0FBTyxHQUFHO0lBQ2QsWUFBWTtJQUNaLGNBQWM7SUFDZCxpQkFBaUI7SUFDakIsZUFBZTtJQUNmLGlCQUFpQjtJQUNqQixnQkFBZ0I7SUFDaEIsY0FBYztDQUNmLENBQUM7QUFPRixNQUFNLE9BQU8sc0JBQXNCOzhHQUF0QixzQkFBc0I7K0dBQXRCLHNCQUFzQixZQWRqQyxZQUFZO1lBQ1osY0FBYztZQUNkLGlCQUFpQjtZQUNqQixlQUFlO1lBQ2YsaUJBQWlCO1lBQ2pCLGdCQUFnQjtZQUNoQixjQUFjLEVBUkcseUJBQXlCLGFBQXpCLHlCQUF5QjsrR0FnQi9CLHNCQUFzQixZQWRqQyxZQUFZO1lBQ1osY0FBYztZQUNkLGlCQUFpQjtZQUNqQixlQUFlO1lBRWYsZ0JBQWdCO1lBQ2hCLGNBQWMsRUFJVyxTQUFTOzsyRkFJdkIsc0JBQXNCO2tCQUxsQyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLEdBQUcsT0FBTyxFQUFFLEdBQUcsU0FBUyxDQUFDO29CQUNuQyxPQUFPLEVBQUUsQ0FBQyxHQUFHLFNBQVMsQ0FBQztvQkFDdkIsU0FBUyxFQUFFLEVBQUU7aUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWENvbW1vbk1vZHVsZSwgQVhSaXBwbGVEaXJlY3RpdmUgfSBmcm9tICdAYWNvcmV4L2Nkay9jb21tb24nO1xuaW1wb3J0IHsgQVhCdXR0b25Nb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvYnV0dG9uJztcbmltcG9ydCB7IEFYRGVjb3JhdG9yTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2RlY29yYXRvcnMnO1xuaW1wb3J0IHsgQVhEcm9wZG93bk1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9kcm9wZG93bic7XG5pbXBvcnQgeyBBWExvYWRpbmdNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvbG9hZGluZyc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYRHJvcGRvd25CdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2Ryb3Bkb3duLWJ1dHRvbi5jb21wb25lbnQnO1xuXG5jb25zdCBDT01QT05FTlQgPSBbQVhEcm9wZG93bkJ1dHRvbkNvbXBvbmVudF07XG5jb25zdCBNT0RVTEVTID0gW1xuICBDb21tb25Nb2R1bGUsXG4gIEFYQ29tbW9uTW9kdWxlLFxuICBBWERlY29yYXRvck1vZHVsZSxcbiAgQVhMb2FkaW5nTW9kdWxlLFxuICBBWFJpcHBsZURpcmVjdGl2ZSxcbiAgQVhEcm9wZG93bk1vZHVsZSxcbiAgQVhCdXR0b25Nb2R1bGUsXG5dO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbLi4uTU9EVUxFUywgLi4uQ09NUE9ORU5UXSxcbiAgZXhwb3J0czogWy4uLkNPTVBPTkVOVF0sXG4gIHByb3ZpZGVyczogW10sXG59KVxuZXhwb3J0IGNsYXNzIEFYRHJvcGRvd25CdXR0b25Nb2R1bGUge31cbiJdfQ==","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtZHJvcGRvd24tYnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9kcm9wZG93bi1idXR0b24vc3JjL2Fjb3JleC1jb21wb25lbnRzLWRyb3Bkb3duLWJ1dHRvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}
|
1
|
+
{"version":3,"file":"acorex-components-dropdown-button.mjs","sources":["../tmp-esm2022/dropdown-button/lib/dropdown-button.component.js","../tmp-esm2022/dropdown-button/lib/dropdown-button.module.js","../tmp-esm2022/dropdown-button/acorex-components-dropdown-button.js"],"sourcesContent":["import { AXClosableComponent, AXComponent, MXButtonBaseComponent } from '@acorex/cdk/common';\nimport { AXButtonComponent } from '@acorex/components/button';\nimport { AXDecoratorGenericComponent, AXDecoratorIconComponent } from '@acorex/components/decorators';\nimport { AXDropdownPanelComponent } from '@acorex/components/dropdown';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, ViewChild, ViewEncapsulation, } from '@angular/core';\nimport * as i0 from \"@angular/core\";\n// import { AXButtonType } from './button-item.class';\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\nexport class AXDropdownButtonComponent extends MXButtonBaseComponent {\n constructor() {\n super(...arguments);\n /**\n * Fires each time the user clicks the button.\n * @event\n */\n this.onClick = new EventEmitter();\n /**\n * Defines the type of the button element.\n *\n * @defaultValue 'button'\n */\n this.type = 'button';\n /**\n * Specifies the mode of the button.\n * Can be either 'split' or 'dropdown'.\n *\n * @defaultValue 'split'\n */\n this.mode = 'split';\n }\n /**\n * @ignore\n */\n ngAfterViewInit() {\n this.getHostElement().removeAttribute('tabindex');\n }\n /**\n * @ignore\n */\n getButton() {\n return this.getHostElement().firstElementChild;\n }\n /**\n * @ignore\n */\n _handleClick(e) {\n if (this.disabled) {\n e.preventDefault();\n return;\n }\n this.onClick.emit({\n component: this,\n htmlElement: this.getHostElement(),\n nativeEvent: e,\n });\n // TODO: check keyboard event\n setTimeout(() => {\n this.blur();\n });\n }\n /**\n * Simulates a click event on the button element.\n *\n * @ignore\n */\n click() {\n this.getButton()?.click();\n }\n /**\n * Sets focus to the button and adds a focus state class.\n */\n focus() {\n this.getButton()?.focus();\n this.getButton().classList.add('ax-state-focus');\n }\n /**\n * Removes the focus state class from the button.\n */\n blur() {\n this.getButton().classList.remove('ax-state-focus');\n }\n /**\n * Closes the dropdown panel.\n * @ignore\n */\n close() {\n this.dropdownPanel.close();\n }\n get __hostClass() {\n return this.disabled ? 'ax-state-disabled ' : '';\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXDropdownButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.1.8\", type: AXDropdownButtonComponent, isStandalone: true, selector: \"ax-dropdown-button\", inputs: { disabled: \"disabled\", size: \"size\", color: \"color\", look: \"look\", text: \"text\", type: \"type\", mode: \"mode\" }, outputs: { onBlur: \"onBlur\", onFocus: \"onFocus\", onClick: \"onClick\", selectedChange: \"selectedChange\", lookChange: \"lookChange\", colorChange: \"colorChange\", disabledChange: \"disabledChange\" }, host: { properties: { \"class\": \"this.__hostClass\" } }, providers: [\n {\n provide: AXClosableComponent,\n useExisting: AXDropdownButtonComponent,\n },\n { provide: AXComponent, useExisting: AXDropdownButtonComponent },\n ], viewQueries: [{ propertyName: \"dropdownPanel\", first: true, predicate: [\"panel\"], descendants: true }], usesInheritance: true, ngImport: i0, template: \"<ng-template #dropdown>\\n <ax-dropdown-panel placement=\\\"bottom-end\\\" #panel>\\n <ng-content select=\\\"ax-button-item-list\\\"></ng-content>\\n </ax-dropdown-panel>\\n</ng-template>\\n<ng-template #decorator>\\n <ng-content select=\\\"ax-prefix, ax-loading, ax-loading-spinner\\\"> </ng-content>\\n</ng-template>\\n\\n@if (mode === 'dropdown') {\\n <ax-button\\n [look]=\\\"look\\\"\\n [color]=\\\"color\\\"\\n [disabled]=\\\"disabled\\\"\\n (focus)=\\\"emitOnFocusEvent($event)\\\"\\n (blur)=\\\"emitOnBlurEvent($event)\\\"\\n (click)=\\\"_handleClick($event)\\\"\\n [text]=\\\"text\\\"\\n >\\n <ax-prefix> <ng-container [ngTemplateOutlet]=\\\"decorator\\\"></ng-container></ax-prefix>\\n\\n <ax-suffix>\\n <ax-icon class=\\\"far fa-chevron-down\\\"> </ax-icon>\\n </ax-suffix>\\n\\n <ng-container [ngTemplateOutlet]=\\\"dropdown\\\"></ng-container>\\n </ax-button>\\n} @else {\\n <ax-button\\n class=\\\"ax-dropdown-split-button\\\"\\n [look]=\\\"look\\\"\\n [color]=\\\"color\\\"\\n [disabled]=\\\"disabled\\\"\\n (focus)=\\\"emitOnFocusEvent($event)\\\"\\n (blur)=\\\"emitOnBlurEvent($event)\\\"\\n (click)=\\\"_handleClick($event)\\\"\\n [text]=\\\"text\\\"\\n >\\n <ax-prefix> <ng-container [ngTemplateOutlet]=\\\"decorator\\\"></ng-container></ax-prefix>\\n </ax-button>\\n\\n <ax-divider class=\\\"ax-{{ color }} ax-{{ look }} ax-dropdown-split-button-divider\\\"></ax-divider>\\n\\n <ax-button class=\\\"ax-dropdown-split-button-arrow\\\" [look]=\\\"look\\\" [color]=\\\"color\\\" [disabled]=\\\"disabled\\\">\\n <ax-icon class=\\\"far fa-chevron-down\\\"> </ax-icon>\\n\\n <ng-container [ngTemplateOutlet]=\\\"dropdown\\\"></ng-container>\\n </ax-button>\\n}\\n\", styles: [\"ax-dropdown-button ax-divider.ax-primary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-primary-light-surface)}ax-dropdown-button ax-divider.ax-primary.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-primary-surface)}ax-dropdown-button ax-divider.ax-primary.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-primary-lighter-surface)}ax-dropdown-button ax-divider.ax-secondary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-secondary-light-surface)}ax-dropdown-button ax-divider.ax-secondary.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-secondary-surface)}ax-dropdown-button ax-divider.ax-secondary.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-secondary-lighter-surface)}ax-dropdown-button ax-divider.ax-success{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-success-light-surface)}ax-dropdown-button ax-divider.ax-success.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-success-surface)}ax-dropdown-button ax-divider.ax-success.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-success-lighter-surface)}ax-dropdown-button ax-divider.ax-warning{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-warning-light-surface)}ax-dropdown-button ax-divider.ax-warning.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-warning-surface)}ax-dropdown-button ax-divider.ax-warning.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-warning-lighter-surface)}ax-dropdown-button ax-divider.ax-danger{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-danger-light-surface)}ax-dropdown-button ax-divider.ax-danger.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-danger-surface)}ax-dropdown-button ax-divider.ax-danger.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-danger-lighter-surface)}ax-dropdown-button ax-divider.ax-accent1{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent1-light-surface)}ax-dropdown-button ax-divider.ax-accent1.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent1-surface)}ax-dropdown-button ax-divider.ax-accent1.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent1-lighter-surface)}ax-dropdown-button ax-divider.ax-accent2{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent2-light-surface)}ax-dropdown-button ax-divider.ax-accent2.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent2-surface)}ax-dropdown-button ax-divider.ax-accent2.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent2-lighter-surface)}ax-dropdown-button ax-divider.ax-accent3{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent3-light-surface)}ax-dropdown-button ax-divider.ax-accent3.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent3-surface)}ax-dropdown-button ax-divider.ax-accent3.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent3-lighter-surface)}ax-dropdown-button ax-divider.ax-accent4{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent4-light-surface)}ax-dropdown-button ax-divider.ax-accent4.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent4-surface)}ax-dropdown-button ax-divider.ax-accent4.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent4-lighter-surface)}ax-dropdown-button ax-divider.ax-accent5{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent5-light-surface)}ax-dropdown-button ax-divider.ax-accent5.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent5-surface)}ax-dropdown-button ax-divider.ax-accent5.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent5-lighter-surface)}ax-dropdown-button ax-divider.ax-accent6{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent6-light-surface)}ax-dropdown-button ax-divider.ax-accent6.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent6-surface)}ax-dropdown-button ax-divider.ax-accent6.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent6-lighter-surface)}ax-dropdown-button ax-divider.ax-accent7{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent7-light-surface)}ax-dropdown-button ax-divider.ax-accent7.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent7-surface)}ax-dropdown-button ax-divider.ax-accent7.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent7-lighter-surface)}ax-dropdown-button ax-divider.ax-default{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-light-surface)}ax-dropdown-button ax-divider.ax-default.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-light-surface)}ax-dropdown-button ax-divider.ax-default.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-light-surface)}.ax-dark ax-dropdown-button ax-divider.ax-primary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-primary-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-secondary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-secondary-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-success{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-success-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-warning{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-warning-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-danger{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-danger-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent1{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent1-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent2{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent2-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent3{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent3-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent4{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent4-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent5{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent5-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent6{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent6-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent7{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent7-dark-surface)}ax-dropdown-button{display:inline-flex;align-items:center;justify-content:center;--ax-comp-button-height: calc(var(--ax-sys-size-base) * var(--ax-comp-button-size-ratio));height:var(--ax-comp-button-height);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-dropdown-button.ax-state-disabled ax-divider{opacity:.5}ax-dropdown-button.ax-xs .ax-dropdown-split-button-arrow ax-icon{font-size:.7rem}ax-dropdown-button.ax-sm .ax-dropdown-split-button-arrow ax-icon{font-size:.8rem}ax-dropdown-button.ax-md .ax-dropdown-split-button-arrow ax-icon{font-size:.9rem}ax-dropdown-button.ax-lg .ax-dropdown-split-button-arrow ax-icon{font-size:1.2rem}ax-dropdown-button.ax-xl .ax-dropdown-split-button-arrow ax-icon{font-size:1.4rem}ax-dropdown-button .ax-dropdown-split-button-divider{width:1px;height:100%;background-color:rgba(var(--ax-comp-dropdown-button-divider-color-solid))}ax-dropdown-button .ax-dropdown-split-button-divider.ax-outline{background-color:rgba(var(--ax-comp-dropdown-button-divider-color-outline))}ax-dropdown-button .ax-dropdown-split-button-divider.ax-blank,ax-dropdown-button .ax-dropdown-split-button-divider.ax-link{background-color:transparent}ax-dropdown-button .ax-dropdown-split-button-divider.ax-twotone{background-color:rgba(var(--ax-comp-dropdown-button-divider-color-twotone))}ax-dropdown-button .ax-dropdown-split-button{border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}ax-dropdown-button .ax-dropdown-split-button-arrow{border-end-start-radius:0;border-start-start-radius:0;border-inline-start:0}ax-dropdown-button .ax-dropdown-split-button-arrow ax-icon{font-size:.9rem}.ax-xs ax-dropdown-button,ax-dropdown-button.ax-xs{--ax-comp-button-size-ratio: .75}.ax-sm ax-dropdown-button,ax-dropdown-button.ax-sm{--ax-comp-button-size-ratio: .875}.ax-md ax-dropdown-button,ax-dropdown-button{--ax-comp-button-size-ratio: 1}.ax-lg ax-dropdown-button,ax-dropdown-button.ax-lg{--ax-comp-button-size-ratio: 1.125}.ax-xl ax-dropdown-button,ax-dropdown-button.ax-xl{--ax-comp-button-size-ratio: 1.125}\\n\"], dependencies: [{ kind: \"component\", type: AXDropdownPanelComponent, selector: \"ax-dropdown-panel\", inputs: [\"isOpen\", \"fitParent\", \"dropdownWidth\", \"position\", \"placement\", \"_target\", \"adaptivityEnabled\"], outputs: [\"onOpened\", \"onClosed\"] }, { kind: \"component\", type: AXButtonComponent, selector: \"ax-button\", inputs: [\"disabled\", \"size\", \"tabIndex\", \"color\", \"look\", \"text\", \"toggleable\", \"selected\", \"iconOnly\", \"type\", \"loadingText\"], outputs: [\"onBlur\", \"onFocus\", \"onClick\", \"selectedChange\", \"toggleableChange\", \"lookChange\", \"colorChange\", \"disabledChange\", \"loadingTextChange\"] }, { kind: \"directive\", type: NgTemplateOutlet, selector: \"[ngTemplateOutlet]\", inputs: [\"ngTemplateOutletContext\", \"ngTemplateOutlet\", \"ngTemplateOutletInjector\"] }, { kind: \"component\", type: AXDecoratorGenericComponent, selector: \"ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay\" }, { kind: \"component\", type: AXDecoratorIconComponent, selector: \"ax-icon\", inputs: [\"icon\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXDropdownButtonComponent, decorators: [{\n type: Component,\n args: [{ selector: 'ax-dropdown-button', inputs: ['disabled', 'size', 'color', 'look', 'text'], outputs: ['onBlur', 'onFocus', 'onClick', 'selectedChange', 'lookChange', 'colorChange', 'disabledChange'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [\n {\n provide: AXClosableComponent,\n useExisting: AXDropdownButtonComponent,\n },\n { provide: AXComponent, useExisting: AXDropdownButtonComponent },\n ], imports: [\n AXDropdownPanelComponent,\n AXButtonComponent,\n NgTemplateOutlet,\n AXDecoratorGenericComponent,\n AXDecoratorIconComponent,\n ], template: \"<ng-template #dropdown>\\n <ax-dropdown-panel placement=\\\"bottom-end\\\" #panel>\\n <ng-content select=\\\"ax-button-item-list\\\"></ng-content>\\n </ax-dropdown-panel>\\n</ng-template>\\n<ng-template #decorator>\\n <ng-content select=\\\"ax-prefix, ax-loading, ax-loading-spinner\\\"> </ng-content>\\n</ng-template>\\n\\n@if (mode === 'dropdown') {\\n <ax-button\\n [look]=\\\"look\\\"\\n [color]=\\\"color\\\"\\n [disabled]=\\\"disabled\\\"\\n (focus)=\\\"emitOnFocusEvent($event)\\\"\\n (blur)=\\\"emitOnBlurEvent($event)\\\"\\n (click)=\\\"_handleClick($event)\\\"\\n [text]=\\\"text\\\"\\n >\\n <ax-prefix> <ng-container [ngTemplateOutlet]=\\\"decorator\\\"></ng-container></ax-prefix>\\n\\n <ax-suffix>\\n <ax-icon class=\\\"far fa-chevron-down\\\"> </ax-icon>\\n </ax-suffix>\\n\\n <ng-container [ngTemplateOutlet]=\\\"dropdown\\\"></ng-container>\\n </ax-button>\\n} @else {\\n <ax-button\\n class=\\\"ax-dropdown-split-button\\\"\\n [look]=\\\"look\\\"\\n [color]=\\\"color\\\"\\n [disabled]=\\\"disabled\\\"\\n (focus)=\\\"emitOnFocusEvent($event)\\\"\\n (blur)=\\\"emitOnBlurEvent($event)\\\"\\n (click)=\\\"_handleClick($event)\\\"\\n [text]=\\\"text\\\"\\n >\\n <ax-prefix> <ng-container [ngTemplateOutlet]=\\\"decorator\\\"></ng-container></ax-prefix>\\n </ax-button>\\n\\n <ax-divider class=\\\"ax-{{ color }} ax-{{ look }} ax-dropdown-split-button-divider\\\"></ax-divider>\\n\\n <ax-button class=\\\"ax-dropdown-split-button-arrow\\\" [look]=\\\"look\\\" [color]=\\\"color\\\" [disabled]=\\\"disabled\\\">\\n <ax-icon class=\\\"far fa-chevron-down\\\"> </ax-icon>\\n\\n <ng-container [ngTemplateOutlet]=\\\"dropdown\\\"></ng-container>\\n </ax-button>\\n}\\n\", styles: [\"ax-dropdown-button ax-divider.ax-primary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-primary-light-surface)}ax-dropdown-button ax-divider.ax-primary.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-primary-surface)}ax-dropdown-button ax-divider.ax-primary.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-primary-lighter-surface)}ax-dropdown-button ax-divider.ax-secondary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-secondary-light-surface)}ax-dropdown-button ax-divider.ax-secondary.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-secondary-surface)}ax-dropdown-button ax-divider.ax-secondary.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-secondary-lighter-surface)}ax-dropdown-button ax-divider.ax-success{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-success-light-surface)}ax-dropdown-button ax-divider.ax-success.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-success-surface)}ax-dropdown-button ax-divider.ax-success.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-success-lighter-surface)}ax-dropdown-button ax-divider.ax-warning{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-warning-light-surface)}ax-dropdown-button ax-divider.ax-warning.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-warning-surface)}ax-dropdown-button ax-divider.ax-warning.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-warning-lighter-surface)}ax-dropdown-button ax-divider.ax-danger{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-danger-light-surface)}ax-dropdown-button ax-divider.ax-danger.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-danger-surface)}ax-dropdown-button ax-divider.ax-danger.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-danger-lighter-surface)}ax-dropdown-button ax-divider.ax-accent1{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent1-light-surface)}ax-dropdown-button ax-divider.ax-accent1.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent1-surface)}ax-dropdown-button ax-divider.ax-accent1.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent1-lighter-surface)}ax-dropdown-button ax-divider.ax-accent2{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent2-light-surface)}ax-dropdown-button ax-divider.ax-accent2.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent2-surface)}ax-dropdown-button ax-divider.ax-accent2.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent2-lighter-surface)}ax-dropdown-button ax-divider.ax-accent3{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent3-light-surface)}ax-dropdown-button ax-divider.ax-accent3.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent3-surface)}ax-dropdown-button ax-divider.ax-accent3.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent3-lighter-surface)}ax-dropdown-button ax-divider.ax-accent4{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent4-light-surface)}ax-dropdown-button ax-divider.ax-accent4.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent4-surface)}ax-dropdown-button ax-divider.ax-accent4.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent4-lighter-surface)}ax-dropdown-button ax-divider.ax-accent5{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent5-light-surface)}ax-dropdown-button ax-divider.ax-accent5.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent5-surface)}ax-dropdown-button ax-divider.ax-accent5.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent5-lighter-surface)}ax-dropdown-button ax-divider.ax-accent6{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent6-light-surface)}ax-dropdown-button ax-divider.ax-accent6.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent6-surface)}ax-dropdown-button ax-divider.ax-accent6.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent6-lighter-surface)}ax-dropdown-button ax-divider.ax-accent7{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent7-light-surface)}ax-dropdown-button ax-divider.ax-accent7.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-accent7-surface)}ax-dropdown-button ax-divider.ax-accent7.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-accent7-lighter-surface)}ax-dropdown-button ax-divider.ax-default{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-light-surface)}ax-dropdown-button ax-divider.ax-default.ax-outline{--ax-comp-dropdown-button-divider-color-outline: var(--ax-sys-color-light-surface)}ax-dropdown-button ax-divider.ax-default.ax-twotone{--ax-comp-dropdown-button-divider-color-twotone: var(--ax-sys-color-light-surface)}.ax-dark ax-dropdown-button ax-divider.ax-primary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-primary-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-secondary{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-secondary-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-success{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-success-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-warning{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-warning-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-danger{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-danger-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent1{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent1-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent2{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent2-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent3{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent3-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent4{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent4-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent5{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent5-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent6{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent6-dark-surface)}.ax-dark ax-dropdown-button ax-divider.ax-accent7{--ax-comp-dropdown-button-divider-color-solid: var(--ax-sys-color-accent7-dark-surface)}ax-dropdown-button{display:inline-flex;align-items:center;justify-content:center;--ax-comp-button-height: calc(var(--ax-sys-size-base) * var(--ax-comp-button-size-ratio));height:var(--ax-comp-button-height);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-dropdown-button.ax-state-disabled ax-divider{opacity:.5}ax-dropdown-button.ax-xs .ax-dropdown-split-button-arrow ax-icon{font-size:.7rem}ax-dropdown-button.ax-sm .ax-dropdown-split-button-arrow ax-icon{font-size:.8rem}ax-dropdown-button.ax-md .ax-dropdown-split-button-arrow ax-icon{font-size:.9rem}ax-dropdown-button.ax-lg .ax-dropdown-split-button-arrow ax-icon{font-size:1.2rem}ax-dropdown-button.ax-xl .ax-dropdown-split-button-arrow ax-icon{font-size:1.4rem}ax-dropdown-button .ax-dropdown-split-button-divider{width:1px;height:100%;background-color:rgba(var(--ax-comp-dropdown-button-divider-color-solid))}ax-dropdown-button .ax-dropdown-split-button-divider.ax-outline{background-color:rgba(var(--ax-comp-dropdown-button-divider-color-outline))}ax-dropdown-button .ax-dropdown-split-button-divider.ax-blank,ax-dropdown-button .ax-dropdown-split-button-divider.ax-link{background-color:transparent}ax-dropdown-button .ax-dropdown-split-button-divider.ax-twotone{background-color:rgba(var(--ax-comp-dropdown-button-divider-color-twotone))}ax-dropdown-button .ax-dropdown-split-button{border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}ax-dropdown-button .ax-dropdown-split-button-arrow{border-end-start-radius:0;border-start-start-radius:0;border-inline-start:0}ax-dropdown-button .ax-dropdown-split-button-arrow ax-icon{font-size:.9rem}.ax-xs ax-dropdown-button,ax-dropdown-button.ax-xs{--ax-comp-button-size-ratio: .75}.ax-sm ax-dropdown-button,ax-dropdown-button.ax-sm{--ax-comp-button-size-ratio: .875}.ax-md ax-dropdown-button,ax-dropdown-button{--ax-comp-button-size-ratio: 1}.ax-lg ax-dropdown-button,ax-dropdown-button.ax-lg{--ax-comp-button-size-ratio: 1.125}.ax-xl ax-dropdown-button,ax-dropdown-button.ax-xl{--ax-comp-button-size-ratio: 1.125}\\n\"] }]\n }], propDecorators: { dropdownPanel: [{\n type: ViewChild,\n args: ['panel']\n }], type: [{\n type: Input\n }], mode: [{\n type: Input\n }], __hostClass: [{\n type: HostBinding,\n args: ['class']\n }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvZHJvcGRvd24tYnV0dG9uL3NyYy9saWIvZHJvcGRvd24tYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvZHJvcGRvd24tYnV0dG9uL3NyYy9saWIvZHJvcGRvd24tYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZ0IsbUJBQW1CLEVBQUUsV0FBVyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDM0csT0FBTyxFQUFFLGlCQUFpQixFQUFnQixNQUFNLDJCQUEyQixDQUFDO0FBQzVFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSx3QkFBd0IsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3RHLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFFTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixXQUFXLEVBQ1gsS0FBSyxFQUNMLFNBQVMsRUFDVCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7O0FBQ3ZCLHNEQUFzRDtBQUV0RDs7OztHQUlHO0FBd0JILE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxxQkFBcUI7SUF2QnBFOztRQXdCRTs7O1dBR0c7UUFDSCxZQUFPLEdBQStCLElBQUksWUFBWSxFQUFnQixDQUFDO1FBT3ZFOzs7O1dBSUc7UUFFSCxTQUFJLEdBQWlCLFFBQVEsQ0FBQztRQUU5Qjs7Ozs7V0FLRztRQUNNLFNBQUksR0FBeUIsT0FBTyxDQUFDO0tBd0UvQztJQXRFQzs7T0FFRztJQUNILGVBQWU7UUFDYixJQUFJLENB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bG9zYWJsZUNvbXBvbmVudCwgQVhDb21wb25lbnQsIE1YQnV0dG9uQmFzZUNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY2RrL2NvbW1vbic7XG5pbXBvcnQgeyBBWEJ1dHRvbkNvbXBvbmVudCwgQVhCdXR0b25UeXBlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2J1dHRvbic7XG5pbXBvcnQgeyBBWERlY29yYXRvckdlbmVyaWNDb21wb25lbnQsIEFYRGVjb3JhdG9ySWNvbkNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9kZWNvcmF0b3JzJztcbmltcG9ydCB7IEFYRHJvcGRvd25QYW5lbENvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9kcm9wZG93bic7XG5pbXBvcnQgeyBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBWaWV3Q2hpbGQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbi8vIGltcG9ydCB7IEFYQnV0dG9uVHlwZSB9IGZyb20gJy4vYnV0dG9uLWl0ZW0uY2xhc3MnO1xuXG4vKipcbiAqIFRoZSBCdXR0b24gaXMgYSBjb21wb25lbnQgd2hpY2ggZGV0ZWN0cyB1c2VyIGludGVyYWN0aW9uIGFuZCB0cmlnZ2VycyBhIGNvcnJlc3BvbmRpbmcgZXZlbnRcbiAqXG4gKiBAY2F0ZWdvcnkgQ29tcG9uZW50c1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1kcm9wZG93bi1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vZHJvcGRvd24tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZHJvcGRvd24tYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGlucHV0czogWydkaXNhYmxlZCcsICdzaXplJywgJ2NvbG9yJywgJ2xvb2snLCAndGV4dCddLFxuICBvdXRwdXRzOiBbJ29uQmx1cicsICdvbkZvY3VzJywgJ29uQ2xpY2snLCAnc2VsZWN0ZWRDaGFuZ2UnLCAnbG9va0NoYW5nZScsICdjb2xvckNoYW5nZScsICdkaXNhYmxlZENoYW5nZSddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogQVhDbG9zYWJsZUNvbXBvbmVudCxcbiAgICAgIHVzZUV4aXN0aW5nOiBBWERyb3Bkb3duQnV0dG9uQ29tcG9uZW50LFxuICAgIH0sXG4gICAgeyBwcm92aWRlOiBBWENvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYRHJvcGRvd25CdXR0b25Db21wb25lbnQgfSxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIEFYRHJvcGRvd25QYW5lbENvbXBvbmVudCxcbiAgICBBWEJ1dHRvbkNvbXBvbmVudCxcbiAgICBOZ1RlbXBsYXRlT3V0bGV0LFxuICAgIEFYRGVjb3JhdG9yR2VuZXJpY0NvbXBvbmVudCxcbiAgICBBWERlY29yYXRvckljb25Db21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEFYRHJvcGRvd25CdXR0b25Db21wb25lbnQgZXh0ZW5kcyBNWEJ1dHRvbkJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgLyoqXG4gICAqICBGaXJlcyBlYWNoIHRpbWUgdGhlIHVzZXIgY2xpY2tzIHRoZSBidXR0b24uXG4gICAqICBAZXZlbnRcbiAgICovXG4gIG9uQ2xpY2s6IEV2ZW50RW1pdHRlcjxBWENsaWNrRXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxBWENsaWNrRXZlbnQ+KCk7XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBAVmlld0NoaWxkKCdwYW5lbCcpIGRyb3Bkb3duUGFuZWw6IEFYQ2xvc2FibGVDb21wb25lbnQ7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgdGhlIHR5cGUgb2YgdGhlIGJ1dHRvbiBlbGVtZW50LlxuICAgKlxuICAgKiAgQGRlZmF1bHRWYWx1ZSAnYnV0dG9uJ1xuICAgKi9cbiAgQElucHV0KClcbiAgdHlwZTogQVhCdXR0b25UeXBlID0gJ2J1dHRvbic7XG5cbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgbW9kZSBvZiB0aGUgYnV0dG9uLlxuICAgKiBDYW4gYmUgZWl0aGVyICdzcGxpdCcgb3IgJ2Ryb3Bkb3duJy5cbiAgICpcbiAgICogIEBkZWZhdWx0VmFsdWUgJ3NwbGl0J1xuICAgKi9cbiAgQElucHV0KCkgbW9kZTogJ3NwbGl0JyB8ICdkcm9wZG93bicgPSAnc3BsaXQnO1xuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHRoaXMuZ2V0SG9zdEVsZW1lbnQoKS5yZW1vdmVBdHRyaWJ1dGUoJ3RhYmluZGV4Jyk7XG4gIH1cblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIHByaXZhdGUgZ2V0QnV0dG9uKCk6IEhUTUxCdXR0b25FbGVtZW50IHtcbiAgICByZXR1cm4gdGhpcy5nZXRIb3N0RWxlbWVudCgpLmZpcnN0RWxlbWVudENoaWxkIGFzIEhUTUxCdXR0b25FbGVtZW50O1xuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBfaGFuZGxlQ2xpY2soZTogTW91c2VFdmVudCkge1xuICAgIGlmICh0aGlzLmRpc2FibGVkKSB7XG4gICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMub25DbGljay5lbWl0KHtcbiAgICAgIGNvbXBvbmVudDogdGhpcyxcbiAgICAgIGh0bWxFbGVtZW50OiB0aGlzLmdldEhvc3RFbGVtZW50KCksXG4gICAgICBuYXRpdmVFdmVudDogZSxcbiAgICB9KTtcblxuICAgIC8vIFRPRE86IGNoZWNrIGtleWJvYXJkIGV2ZW50XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLmJsdXIoKTtcbiAgICB9KTtcbiAgfVxuXG4gIC8qKlxuICAgKiBTaW11bGF0ZXMgYSBjbGljayBldmVudCBvbiB0aGUgYnV0dG9uIGVsZW1lbnQuXG4gICAqXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIGNsaWNrKCkge1xuICAgIHRoaXMuZ2V0QnV0dG9uKCk/LmNsaWNrKCk7XG4gIH1cblxuICAvKipcbiAgICogU2V0cyBmb2N1cyB0byB0aGUgYnV0dG9uIGFuZCBhZGRzIGEgZm9jdXMgc3RhdGUgY2xhc3MuXG4gICAqL1xuICBvdmVycmlkZSBmb2N1cygpIHtcbiAgICB0aGlzLmdldEJ1dHRvbigpPy5mb2N1cygpO1xuICAgIHRoaXMuZ2V0QnV0dG9uKCkuY2xhc3NMaXN0LmFkZCgnYXgtc3RhdGUtZm9jdXMnKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBSZW1vdmVzIHRoZSBmb2N1cyBzdGF0ZSBjbGFzcyBmcm9tIHRoZSBidXR0b24uXG4gICAqL1xuICBvdmVycmlkZSBibHVyKCkge1xuICAgIHRoaXMuZ2V0QnV0dG9uKCkuY2xhc3NMaXN0LnJlbW92ZSgnYXgtc3RhdGUtZm9jdXMnKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBDbG9zZXMgdGhlIGRyb3Bkb3duIHBhbmVsLlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBjbG9zZSgpIHtcbiAgICB0aGlzLmRyb3Bkb3duUGFuZWwuY2xvc2UoKTtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcml2YXRlIGdldCBfX2hvc3RDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmRpc2FibGVkID8gJ2F4LXN0YXRlLWRpc2FibGVkICcgOiAnJztcbiAgfVxufVxuIiwiPG5nLXRlbXBsYXRlICNkcm9wZG93bj5cbiAgPGF4LWRyb3Bkb3duLXBhbmVsIHBsYWNlbWVudD1cImJvdHRvbS1lbmRcIiAjcGFuZWw+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtYnV0dG9uLWl0ZW0tbGlzdFwiPjwvbmctY29udGVudD5cbiAgPC9heC1kcm9wZG93bi1wYW5lbD5cbjwvbmctdGVtcGxhdGU+XG48bmctdGVtcGxhdGUgI2RlY29yYXRvcj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtcHJlZml4LCBheC1sb2FkaW5nLCBheC1sb2FkaW5nLXNwaW5uZXJcIj4gPC9uZy1jb250ZW50PlxuPC9uZy10ZW1wbGF0ZT5cblxuQGlmIChtb2RlID09PSAnZHJvcGRvd24nKSB7XG4gIDxheC1idXR0b25cbiAgICBbbG9va109XCJsb29rXCJcbiAgICBbY29sb3JdPVwiY29sb3JcIlxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgKGZvY3VzKT1cImVtaXRPbkZvY3VzRXZlbnQoJGV2ZW50KVwiXG4gICAgKGJsdXIpPVwiZW1pdE9uQmx1ckV2ZW50KCRldmVudClcIlxuICAgIChjbGljayk9XCJfaGFuZGxlQ2xpY2soJGV2ZW50KVwiXG4gICAgW3RleHRdPVwidGV4dFwiXG4gID5cbiAgICA8YXgtcHJlZml4PiA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImRlY29yYXRvclwiPjwvbmctY29udGFpbmVyPjwvYXgtcHJlZml4PlxuXG4gICAgPGF4LXN1ZmZpeD5cbiAgICAgIDxheC1pY29uIGNsYXNzPVwiZmFyIGZhLWNoZXZyb24tZG93blwiPiA8L2F4LWljb24+XG4gICAgPC9heC1zdWZmaXg+XG5cbiAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImRyb3Bkb3duXCI+PC9uZy1jb250YWluZXI+XG4gIDwvYXgtYnV0dG9uPlxufSBAZWxzZSB7XG4gIDxheC1idXR0b25cbiAgICBjbGFzcz1cImF4LWRyb3Bkb3duLXNwbGl0LWJ1dHRvblwiXG4gICAgW2xvb2tdPVwibG9va1wiXG4gICAgW2NvbG9yXT1cImNvbG9yXCJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgIChmb2N1cyk9XCJlbWl0T25Gb2N1c0V2ZW50KCRldmVudClcIlxuICAgIChibHVyKT1cImVtaXRPbkJsdXJFdmVudCgkZXZlbnQpXCJcbiAgICAoY2xpY2spPVwiX2hhbmRsZUNsaWNrKCRldmVudClcIlxuICAgIFt0ZXh0XT1cInRleHRcIlxuICA+XG4gICAgPGF4LXByZWZpeD4gPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJkZWNvcmF0b3JcIj48L25nLWNvbnRhaW5lcj48L2F4LXByZWZpeD5cbiAgPC9heC1idXR0b24+XG5cbiAgPGF4LWRpdmlkZXIgY2xhc3M9XCJheC17eyBjb2xvciB9fSBheC17eyBsb29rIH19IGF4LWRyb3Bkb3duLXNwbGl0LWJ1dHRvbi1kaXZpZGVyXCI+PC9heC1kaXZpZGVyPlxuXG4gIDxheC1idXR0b24gY2xhc3M9XCJheC1kcm9wZG93bi1zcGxpdC1idXR0b24tYXJyb3dcIiBbbG9va109XCJsb29rXCIgW2NvbG9yXT1cImNvbG9yXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCI+XG4gICAgPGF4LWljb24gY2xhc3M9XCJmYXIgZmEtY2hldnJvbi1kb3duXCI+IDwvYXgtaWNvbj5cblxuICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiZHJvcGRvd25cIj48L25nLWNvbnRhaW5lcj5cbiAgPC9heC1idXR0b24+XG59XG4iXX0=","import { AXCommonModule, AXRippleDirective } from '@acorex/cdk/common';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDropdownModule } from '@acorex/components/dropdown';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXDropdownButtonComponent } from './dropdown-button.component';\nimport * as i0 from \"@angular/core\";\nconst COMPONENT = [AXDropdownButtonComponent];\nconst MODULES = [\n CommonModule,\n AXCommonModule,\n AXDecoratorModule,\n AXLoadingModule,\n AXRippleDirective,\n AXDropdownModule,\n AXButtonModule,\n];\nexport class AXDropdownButtonModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXDropdownButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.1.8\", ngImport: i0, type: AXDropdownButtonModule, imports: [CommonModule,\n AXCommonModule,\n AXDecoratorModule,\n AXLoadingModule,\n AXRippleDirective,\n AXDropdownModule,\n AXButtonModule, AXDropdownButtonComponent], exports: [AXDropdownButtonComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXDropdownButtonModule, imports: [CommonModule,\n AXCommonModule,\n AXDecoratorModule,\n AXLoadingModule,\n AXDropdownModule,\n AXButtonModule, COMPONENT] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXDropdownButtonModule, decorators: [{\n type: NgModule,\n args: [{\n imports: [...MODULES, ...COMPONENT],\n exports: [...COMPONENT],\n providers: [],\n }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvZHJvcGRvd24tYnV0dG9uL3NyYy9saWIvZHJvcGRvd24tYnV0dG9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDdkUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7QUFFeEUsTUFBTSxTQUFTLEdBQUcsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDO0FBQzlDLE1BQU0sT0FBTyxHQUFHO0lBQ2QsWUFBWTtJQUNaLGNBQWM7SUFDZCxpQkFBaUI7SUFDakIsZUFBZTtJQUNmLGlCQUFpQjtJQUNqQixnQkFBZ0I7SUFDaEIsY0FBYztDQUNmLENBQUM7QUFPRixNQUFNLE9BQU8sc0JBQXNCOzhHQUF0QixzQkFBc0I7K0dBQXRCLHNCQUFzQixZQWRqQyxZQUFZO1lBQ1osY0FBYztZQUNkLGlCQUFpQjtZQUNqQixlQUFlO1lBQ2YsaUJBQWlCO1lBQ2pCLGdCQUFnQjtZQUNoQixjQUFjLEVBUkcseUJBQXlCLGFBQXpCLHlCQUF5QjsrR0FnQi9CLHNCQUFzQixZQWRqQyxZQUFZO1lBQ1osY0FBYztZQUNkLGlCQUFpQjtZQUNqQixlQUFlO1lBRWYsZ0JBQWdCO1lBQ2hCLGNBQWMsRUFJVyxTQUFTOzsyRkFJdkIsc0JBQXNCO2tCQUxsQyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLEdBQUcsT0FBTyxFQUFFLEdBQUcsU0FBUyxDQUFDO29CQUNuQyxPQUFPLEVBQUUsQ0FBQyxHQUFHLFNBQVMsQ0FBQztvQkFDdkIsU0FBUyxFQUFFLEVBQUU7aUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWENvbW1vbk1vZHVsZSwgQVhSaXBwbGVEaXJlY3RpdmUgfSBmcm9tICdAYWNvcmV4L2Nkay9jb21tb24nO1xuaW1wb3J0IHsgQVhCdXR0b25Nb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvYnV0dG9uJztcbmltcG9ydCB7IEFYRGVjb3JhdG9yTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2RlY29yYXRvcnMnO1xuaW1wb3J0IHsgQVhEcm9wZG93bk1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9kcm9wZG93bic7XG5pbXBvcnQgeyBBWExvYWRpbmdNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvbG9hZGluZyc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYRHJvcGRvd25CdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2Ryb3Bkb3duLWJ1dHRvbi5jb21wb25lbnQnO1xuXG5jb25zdCBDT01QT05FTlQgPSBbQVhEcm9wZG93bkJ1dHRvbkNvbXBvbmVudF07XG5jb25zdCBNT0RVTEVTID0gW1xuICBDb21tb25Nb2R1bGUsXG4gIEFYQ29tbW9uTW9kdWxlLFxuICBBWERlY29yYXRvck1vZHVsZSxcbiAgQVhMb2FkaW5nTW9kdWxlLFxuICBBWFJpcHBsZURpcmVjdGl2ZSxcbiAgQVhEcm9wZG93bk1vZHVsZSxcbiAgQVhCdXR0b25Nb2R1bGUsXG5dO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbLi4uTU9EVUxFUywgLi4uQ09NUE9ORU5UXSxcbiAgZXhwb3J0czogWy4uLkNPTVBPTkVOVF0sXG4gIHByb3ZpZGVyczogW10sXG59KVxuZXhwb3J0IGNsYXNzIEFYRHJvcGRvd25CdXR0b25Nb2R1bGUge31cbiJdfQ==","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtZHJvcGRvd24tYnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9kcm9wZG93bi1idXR0b24vc3JjL2Fjb3JleC1jb21wb25lbnRzLWRyb3Bkb3duLWJ1dHRvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":";;;;;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACO,MAAM,yBAAyB,SAAS,qBAAqB,CAAC;AACrE,IAAI,WAAW,GAAG;AAClB,QAAQ,KAAK,CAAC,GAAG,SAAS,CAAC;AAC3B;AACA;AACA;AACA;AACA,QAAQ,IAAI,CAAC,OAAO,GAAG,IAAI,YAAY,EAAE;AACzC;AACA;AACA;AACA;AACA;AACA,QAAQ,IAAI,CAAC,IAAI,GAAG,QAAQ;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ,IAAI,CAAC,IAAI,GAAG,OAAO;AAC3B,IAAI;AACJ;AACA;AACA;AACA,IAAI,eAAe,GAAG;AACtB,QAAQ,IAAI,CAAC,cAAc,EAAE,CAAC,eAAe,CAAC,UAAU,CAAC;AACzD,IAAI;AACJ;AACA;AACA;AACA,IAAI,SAAS,GAAG;AAChB,QAAQ,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC,iBAAiB;AACtD,IAAI;AACJ;AACA;AACA;AACA,IAAI,YAAY,CAAC,CAAC,EAAE;AACpB,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE;AAC3B,YAAY,CAAC,CAAC,cAAc,EAAE;AAC9B,YAAY;AACZ,QAAQ;AACR,QAAQ,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;AAC1B,YAAY,SAAS,EAAE,IAAI;AAC3B,YAAY,WAAW,EAAE,IAAI,CAAC,cAAc,EAAE;AAC9C,YAAY,WAAW,EAAE,CAAC;AAC1B,SAAS,CAAC;AACV;AACA,QAAQ,UAAU,CAAC,MAAM;AACzB,YAAY,IAAI,CAAC,IAAI,EAAE;AACvB,QAAQ,CAAC,CAAC;AACV,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,IAAI,KAAK,GAAG;AACZ,QAAQ,IAAI,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE;AACjC,IAAI;AACJ;AACA;AACA;AACA,IAAI,KAAK,GAAG;AACZ,QAAQ,IAAI,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE;AACjC,QAAQ,IAAI,CAAC,SAAS,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC;AACxD,IAAI;AACJ;AACA;AACA;AACA,IAAI,IAAI,GAAG;AACX,QAAQ,IAAI,CAAC,SAAS,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,gBAAgB,CAAC;AAC3D,IAAI;AACJ;AACA;AACA;AACA;AACA,IAAI,KAAK,GAAG;AACZ,QAAQ,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE;AAClC,IAAI;AACJ,IAAI,IAAI,WAAW,GAAG;AACtB,QAAQ,OAAO,IAAI,CAAC,QAAQ,GAAG,oBAAoB,GAAG,EAAE;AACxD,IAAI;AACJ,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,yBAAyB,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC;AAC7L,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,yBAAyB,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,gBAAgB,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE,EAAE,EAAE,SAAS,EAAE;AAC5iB,YAAY;AACZ,gBAAgB,OAAO,EAAE,mBAAmB;AAC5C,gBAAgB,WAAW,EAAE,yBAAyB;AACtD,aAAa;AACb,YAAY,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,yBAAyB,EAAE;AAC5E,SAAS,EAAE,WAAW,EAAE,CAAC,EAAE,YAAY,EAAE,eAAe,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,OAAO,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,EAAE,eAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,gkDAAgkD,EAAE,MAAM,EAAE,CAAC,o4RAAo4R,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,wBAAwB,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,mBAAmB,CAAC,EAAE,OAAO,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,iBAAiB,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,mBAAmB,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,gBAAgB,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,EAAE,CAAC,yBAAyB,EAAE,kBAAkB,EAAE,0BAA0B,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,2BAA2B,EAAE,QAAQ,EAAE,8IAA8I,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,wBAAwB,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,eAAe,EAAE,EAAE,CAAC,uBAAuB,CAAC,MAAM,EAAE,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC,CAAC;AAC1vX;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,yBAAyB,EAAE,UAAU,EAAE,CAAC;AACnI,YAAY,IAAI,EAAE,SAAS;AAC3B,YAAY,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,gBAAgB,EAAE,YAAY,EAAE,aAAa,EAAE,gBAAgB,CAAC,EAAE,eAAe,EAAE,uBAAuB,CAAC,MAAM,EAAE,aAAa,EAAE,iBAAiB,CAAC,IAAI,EAAE,SAAS,EAAE;AAC3T,wBAAwB;AACxB,4BAA4B,OAAO,EAAE,mBAAmB;AACxD,4BAA4B,WAAW,EAAE,yBAAyB;AAClE,yBAAyB;AACzB,wBAAwB,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,yBAAyB,EAAE;AACxF,qBAAqB,EAAE,OAAO,EAAE;AAChC,wBAAwB,wBAAwB;AAChD,wBAAwB,iBAAiB;AACzC,wBAAwB,gBAAgB;AACxC,wBAAwB,2BAA2B;AACnD,wBAAwB,wBAAwB;AAChD,qBAAqB,EAAE,QAAQ,EAAE,gkDAAgkD,EAAE,MAAM,EAAE,CAAC,o4RAAo4R,CAAC,EAAE;AACn/U,SAAS,CAAC,EAAE,cAAc,EAAE,EAAE,aAAa,EAAE,CAAC;AAC9C,gBAAgB,IAAI,EAAE,SAAS;AAC/B,gBAAgB,IAAI,EAAE,CAAC,OAAO;AAC9B,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC;AACvB,gBAAgB,IAAI,EAAE;AACtB,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC;AACvB,gBAAgB,IAAI,EAAE;AACtB,aAAa,CAAC,EAAE,WAAW,EAAE,CAAC;AAC9B,gBAAgB,IAAI,EAAE,WAAW;AACjC,gBAAgB,IAAI,EAAE,CAAC,OAAO;AAC9B,aAAa,CAAC,EAAE,EAAE,CAAC;;ACzHnB,MAAM,SAAS,GAAG,CAAC,yBAAyB,CAAC;AAC7C,MAAM,OAAO,GAAG;AAChB,IAAI,YAAY;AAChB,IAAI,cAAc;AAClB,IAAI,iBAAiB;AACrB,IAAI,eAAe;AACnB,IAAI,iBAAiB;AACrB,IAAI,gBAAgB;AACpB,IAAI,cAAc;AAClB,CAAC;AACM,MAAM,sBAAsB,CAAC;AACpC,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,sBAAsB,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,CAAC;AACvL,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,CAAC,YAAY;AAC7J,YAAY,cAAc;AAC1B,YAAY,iBAAiB;AAC7B,YAAY,eAAe;AAC3B,YAAY,iBAAiB;AAC7B,YAAY,gBAAgB;AAC5B,YAAY,cAAc,EAAE,yBAAyB,CAAC,EAAE,OAAO,EAAE,CAAC,yBAAyB,CAAC,EAAE,CAAC,CAAC;AAChG,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,CAAC,YAAY;AAC7J,YAAY,cAAc;AAC1B,YAAY,iBAAiB;AAC7B,YAAY,eAAe;AAC3B,YAAY,gBAAgB;AAC5B,YAAY,cAAc,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC;AAC1C;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,sBAAsB,EAAE,UAAU,EAAE,CAAC;AAChI,YAAY,IAAI,EAAE,QAAQ;AAC1B,YAAY,IAAI,EAAE,CAAC;AACnB,oBAAoB,OAAO,EAAE,CAAC,GAAG,OAAO,EAAE,GAAG,SAAS,CAAC;AACvD,oBAAoB,OAAO,EAAE,CAAC,GAAG,SAAS,CAAC;AAC3C,oBAAoB,SAAS,EAAE,EAAE;AACjC,iBAAiB;AACjB,SAAS,CAAC,EAAE,CAAC;;AC1Cb;AACA;AACA;;;;"}
|
@@ -10,29 +10,63 @@ import { A11yModule } from '@angular/cdk/a11y';
|
|
10
10
|
import { OverlayModule } from '@angular/cdk/overlay';
|
11
11
|
import { CommonModule } from '@angular/common';
|
12
12
|
|
13
|
+
/**
|
14
|
+
* Base behavior for components that manage a dropdown/popup via an internal `AXDropdownBoxComponent`.
|
15
|
+
*
|
16
|
+
* Extends MXInteractiveComponent to inherit interactive features (focus, blur, disabled, tabIndex)
|
17
|
+
* and exposes a consistent API to open/close/toggle the dropdown as well as events for open/close lifecycle.
|
18
|
+
*/
|
13
19
|
class MXDropdownBoxBaseComponent extends MXInteractiveComponent {
|
14
20
|
constructor() {
|
15
21
|
super(...arguments);
|
22
|
+
/**
|
23
|
+
* Emitted when the dropdown/popup is opened.
|
24
|
+
*
|
25
|
+
* @event
|
26
|
+
*/
|
16
27
|
this.onOpened = new EventEmitter();
|
28
|
+
/**
|
29
|
+
* Emitted when the dropdown/popup is closed.
|
30
|
+
*
|
31
|
+
* @event
|
32
|
+
*/
|
17
33
|
this.onClosed = new EventEmitter();
|
18
34
|
}
|
35
|
+
/**
|
36
|
+
* Emits the `onOpened` event with component context.
|
37
|
+
* @ignore
|
38
|
+
*/
|
19
39
|
emitOnOpenedEvent() {
|
20
40
|
this.onOpened.emit({
|
21
41
|
component: this,
|
22
42
|
htmlElement: this.getHostElement(),
|
23
43
|
});
|
24
44
|
}
|
45
|
+
/**
|
46
|
+
* Emits the `onClosed` event with component context.
|
47
|
+
* @ignore
|
48
|
+
*/
|
25
49
|
emitOnClosedEvent() {
|
26
50
|
this.onClosed.emit({
|
27
51
|
component: this,
|
28
52
|
htmlElement: this.getHostElement(),
|
29
53
|
});
|
30
54
|
}
|
55
|
+
/**
|
56
|
+
* Toggles the dropdown if the component is not disabled.
|
57
|
+
*
|
58
|
+
* @returns void - No return value. Switches between open and closed states.
|
59
|
+
*/
|
31
60
|
toggle() {
|
32
61
|
if (this.disabled !== true) {
|
33
62
|
this.dropdown.toggle();
|
34
63
|
}
|
35
64
|
}
|
65
|
+
/**
|
66
|
+
* Closes the dropdown if it is open and the component is not disabled, then focuses the host.
|
67
|
+
*
|
68
|
+
* @returns void - No return value. Dropdown is closed and focus returns to the host.
|
69
|
+
*/
|
36
70
|
close() {
|
37
71
|
if (!this.isOpen || this.disabled) {
|
38
72
|
return;
|
@@ -40,6 +74,11 @@ class MXDropdownBoxBaseComponent extends MXInteractiveComponent {
|
|
40
74
|
this.dropdown.close();
|
41
75
|
this.focus();
|
42
76
|
}
|
77
|
+
/**
|
78
|
+
* Opens the dropdown if it is not already open and the component is not disabled, then focuses the dropdown.
|
79
|
+
*
|
80
|
+
* @returns void - No return value. Dropdown becomes open and receives focus.
|
81
|
+
*/
|
43
82
|
open() {
|
44
83
|
if (this.isOpen || this.disabled) {
|
45
84
|
return;
|
@@ -47,13 +86,18 @@ class MXDropdownBoxBaseComponent extends MXInteractiveComponent {
|
|
47
86
|
this.dropdown.open();
|
48
87
|
this.dropdown.focus();
|
49
88
|
}
|
89
|
+
/**
|
90
|
+
* Indicates whether the dropdown is currently open.
|
91
|
+
*
|
92
|
+
* @returns boolean - True if open; otherwise false.
|
93
|
+
*/
|
50
94
|
get isOpen() {
|
51
95
|
return this.dropdown?.isOpen;
|
52
96
|
}
|
53
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.
|
54
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.
|
97
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: MXDropdownBoxBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
98
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: MXDropdownBoxBaseComponent }); }
|
55
99
|
}
|
56
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.
|
100
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: MXDropdownBoxBaseComponent, decorators: [{
|
57
101
|
type: Injectable
|
58
102
|
}] });
|
59
103
|
|
@@ -190,10 +234,10 @@ class AXDropdownBoxComponent extends classes(MXInteractiveComponent, MXLookCompo
|
|
190
234
|
get __hostClass() {
|
191
235
|
return this.hasInput() ? `ax-editor-container ax-${this.look} ${this.disabled ? 'ax-state-disabled' : ''}` : '';
|
192
236
|
}
|
193
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.
|
194
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.
|
237
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXDropdownBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
238
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.8", type: AXDropdownBoxComponent, isStandalone: true, selector: "ax-dropdown-box", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, hasInput: { classPropertyName: "hasInput", publicName: "hasInput", isSignal: true, isRequired: false, transformFunction: null }, popoverWidth: { classPropertyName: "popoverWidth", publicName: "popoverWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabledChange: "disabledChange", onBlur: "onBlur", onFocus: "onFocus", onClick: "onClick", onOpened: "onOpened", onClosed: "onClosed" }, host: { attributes: { "ngSkipHydration": "true" }, listeners: { "keydown": "_handleKeydown($event)" }, properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXDropdownBoxComponent }], viewQueries: [{ propertyName: "_popover", first: true, predicate: AXPopoverComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[input]\"> </ng-content>\n<ax-popover\n [target]=\"_target\"\n [placement]=\"_placement\"\n [openOn]=\"'manual'\"\n [closeOn]=\"'clickOut'\"\n [adaptivityEnabled]=\"true\"\n [width]=\"popoverWidth()\"\n (onOpened)=\"_handlePopupOnOpened($event)\"\n (onClosed)=\"_handlePopupOnClosed($event)\"\n #popover\n>\n <div\n class=\"ax-overlay-pane\"\n [class.ax-w-full]=\"_isMobile\"\n aria-modal=\"true\"\n (keydown)=\"_handleKeydown($event)\"\n [class.ax-overlay-actionsheet]=\"popover.isActionsheetStyle\"\n >\n <ng-content select=\"[panel]\"> </ng-content>\n </div>\n</ax-popover>\n", dependencies: [{ kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }] }); }
|
195
239
|
}
|
196
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.
|
240
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXDropdownBoxComponent, decorators: [{
|
197
241
|
type: Component,
|
198
242
|
args: [{ selector: 'ax-dropdown-box', inputs: ['disabled', 'look'], outputs: ['disabledChange', 'onBlur', 'onFocus', 'onClick'], host: { ngSkipHydration: 'true' }, imports: [AXPopoverComponent], providers: [{ provide: AXComponent, useExisting: AXDropdownBoxComponent }], template: "<ng-content select=\"[input]\"> </ng-content>\n<ax-popover\n [target]=\"_target\"\n [placement]=\"_placement\"\n [openOn]=\"'manual'\"\n [closeOn]=\"'clickOut'\"\n [adaptivityEnabled]=\"true\"\n [width]=\"popoverWidth()\"\n (onOpened)=\"_handlePopupOnOpened($event)\"\n (onClosed)=\"_handlePopupOnClosed($event)\"\n #popover\n>\n <div\n class=\"ax-overlay-pane\"\n [class.ax-w-full]=\"_isMobile\"\n aria-modal=\"true\"\n (keydown)=\"_handleKeydown($event)\"\n [class.ax-overlay-actionsheet]=\"popover.isActionsheetStyle\"\n >\n <ng-content select=\"[panel]\"> </ng-content>\n </div>\n</ax-popover>\n" }]
|
199
243
|
}], propDecorators: { _popover: [{
|
@@ -399,8 +443,8 @@ class AXDropdownPanelComponent extends MXInteractiveComponent {
|
|
399
443
|
get __hostClass() {
|
400
444
|
return ['ax-dropdown-panel'];
|
401
445
|
}
|
402
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.
|
403
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.
|
446
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXDropdownPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
447
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.8", type: AXDropdownPanelComponent, isStandalone: true, selector: "ax-dropdown-panel", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: false, isRequired: false, transformFunction: null }, fitParent: { classPropertyName: "fitParent", publicName: "fitParent", isSignal: false, isRequired: false, transformFunction: null }, dropdownWidth: { classPropertyName: "dropdownWidth", publicName: "dropdownWidth", isSignal: false, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: false, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, _target: { classPropertyName: "_target", publicName: "_target", isSignal: false, isRequired: false, transformFunction: null }, adaptivityEnabled: { classPropertyName: "adaptivityEnabled", publicName: "adaptivityEnabled", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onOpened: "onOpened", onClosed: "onClosed" }, host: { attributes: { "ngSkipHydration": "true" }, properties: { "class": "this.__hostClass" } }, providers: [
|
404
448
|
{
|
405
449
|
provide: AXClosableComponent,
|
406
450
|
useExisting: AXDropdownPanelComponent,
|
@@ -408,7 +452,7 @@ class AXDropdownPanelComponent extends MXInteractiveComponent {
|
|
408
452
|
{ provide: AXComponent, useExisting: AXDropdownPanelComponent },
|
409
453
|
], viewQueries: [{ propertyName: "_popover", first: true, predicate: AXPopoverComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ax-popover\n [target]=\"_target\"\n [placement]=\"_placement\"\n [openOn]=\"'toggle'\"\n [closeOn]=\"'clickOut'\"\n [adaptivityEnabled]=\"adaptivityEnabled\"\n (onOpened)=\"_handlePopupOnOpened($event)\"\n (onClosed)=\"_handlePopupOnClosed($event)\"\n>\n <div class=\"ax-overlay-pane\">\n <ng-content> </ng-content>\n </div>\n</ax-popover>\n", styles: [".ax-actionsheet-base .ax-overlay-pane{width:100%}.ax-overlay-pane:has(ax-menu){border:none}.ax-overlay-pane:has(ax-menu) .ax-menu-container{opacity:1;visibility:visible}.ax-overlay-pane:has(ax-menu) .ax-menu-container .ax-action-item{border-radius:0!important;display:flex;align-items:center;justify-content:space-between;font-size:.875rem;line-height:1.25rem;height:2.25rem;width:100%;cursor:pointer;padding-inline:.875rem}.ax-overlay-pane:has(ax-menu) .ax-menu-container .ax-action-item:hover>.ax-action-item-prefix,.ax-overlay-pane:has(ax-menu) .ax-menu-container .ax-action-item:hover>.ax-action-item-suffix{opacity:1}\n"], dependencies: [{ kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
410
454
|
}
|
411
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.
|
455
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXDropdownPanelComponent, decorators: [{
|
412
456
|
type: Component,
|
413
457
|
args: [{ selector: 'ax-dropdown-panel', inputs: ['isOpen', 'fitParent', 'dropdownWidth', 'position'], outputs: ['onOpened', 'onClosed'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
|
414
458
|
{
|
@@ -434,8 +478,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
|
|
434
478
|
}] } });
|
435
479
|
|
436
480
|
class AXDropdownModule {
|
437
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.
|
438
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.
|
481
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
482
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.8", ngImport: i0, type: AXDropdownModule, imports: [CommonModule,
|
439
483
|
AXCommonModule,
|
440
484
|
A11yModule,
|
441
485
|
OverlayModule,
|
@@ -443,7 +487,7 @@ class AXDropdownModule {
|
|
443
487
|
AXPopoverModule,
|
444
488
|
AXDropdownPanelComponent,
|
445
489
|
AXDropdownBoxComponent], exports: [AXDropdownPanelComponent, AXDropdownBoxComponent] }); }
|
446
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.
|
490
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXDropdownModule, imports: [CommonModule,
|
447
491
|
AXCommonModule,
|
448
492
|
A11yModule,
|
449
493
|
OverlayModule,
|
@@ -452,7 +496,7 @@ class AXDropdownModule {
|
|
452
496
|
AXDropdownPanelComponent,
|
453
497
|
AXDropdownBoxComponent] }); }
|
454
498
|
}
|
455
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.
|
499
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXDropdownModule, decorators: [{
|
456
500
|
type: NgModule,
|
457
501
|
args: [{
|
458
502
|
imports: [
|