@acorex/components 7.0.41 → 7.1.0
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/src/action-sheet.interface.d.ts +1 -1
- package/alert/src/alert.component.d.ts +3 -3
- package/avatar/src/avatar.component.d.ts +1 -1
- package/badge/src/badge.component.d.ts +3 -3
- package/breadcrumbs/src/breadcrumbs-item.component.d.ts +7 -7
- package/button/src/button-group.component.d.ts +7 -7
- package/button/src/button-item.class.d.ts +1 -1
- package/button/src/button-item.component.d.ts +7 -7
- package/button/src/button.component.d.ts +1 -1
- package/calendar/public-api.d.ts +1 -0
- package/calendar/src/calendar-range.component.d.ts +29 -0
- package/calendar/src/calendar.class.d.ts +55 -6
- package/calendar/src/calendar.component.d.ts +17 -24
- package/calendar/src/calendar.module.d.ts +4 -3
- package/checkbox/src/checkbox.component.d.ts +1 -1
- package/chips/src/chips.component.d.ts +7 -7
- package/collapse/src/collapse-group.component.d.ts +1 -1
- package/collapse/src/collapse.component.d.ts +1 -1
- package/color-palette/src/color-palette-swatches.component.d.ts +1 -1
- package/color-palette/src/color-palette.class.d.ts +1 -1
- package/color-palette/src/color-palette.component.d.ts +1 -1
- package/color-picker/src/color-picker.component.d.ts +20 -17
- package/common/public-api.d.ts +1 -0
- package/common/src/classes/data.class.d.ts +4 -0
- package/common/src/classes/events.class.d.ts +9 -0
- package/common/src/classes/styles.class.d.ts +5 -5
- package/common/src/components/base-component.class.d.ts +6 -9
- package/common/src/components/index.d.ts +1 -0
- package/common/src/components/value-component.class.d.ts +45 -0
- package/common/src/constant/positions.d.ts +1 -1
- package/common/src/directives/auto-focus.directive.d.ts +1 -1
- package/common/src/directives/debounce-time.directive.d.ts +1 -1
- package/common/src/directives/hotkey.directive.d.ts +2 -2
- package/common/src/directives/infinite-scroll.directive.d.ts +1 -1
- package/common/src/services/hotkey.service.d.ts +1 -1
- package/context-menu/src/context-menu.component.d.ts +1 -1
- package/data-pager/src/data-pager-base.component.d.ts +1 -1
- package/data-pager/src/data-pager-info.component.d.ts +1 -1
- package/data-pager/src/data-pager-pagesize-dropdown.component.d.ts +1 -1
- package/data-pager/src/data-pager.component.d.ts +1 -1
- package/data-table/src/data-column.directive.d.ts +1 -1
- package/data-table/src/data-table.component.d.ts +1 -1
- package/date-picker/src/datepicker.component.d.ts +15 -15
- package/decorators/src/close-button.component.d.ts +1 -1
- package/decorators/src/icon.component.d.ts +1 -1
- package/decorators/src/overlay.component.d.ts +1 -1
- package/decorators/src/sub-title.component.d.ts +1 -1
- package/decorators/src/text.component.d.ts +1 -1
- package/drawer/src/drawer.component.d.ts +3 -3
- package/dropdown/src/dropdown-panel.component.d.ts +1 -1
- package/esm2022/action-sheet/src/action-sheet.component.mjs +80 -0
- package/{esm2020 → esm2022}/action-sheet/src/action-sheet.module.mjs +5 -5
- package/esm2022/action-sheet/src/action-sheet.service.mjs +93 -0
- package/esm2022/alert/src/alert.component.mjs +188 -0
- package/{esm2020 → esm2022}/alert/src/alert.module.mjs +5 -5
- package/{esm2020 → esm2022}/avatar/src/avatar-group.component.mjs +4 -4
- package/esm2022/avatar/src/avatar.component.mjs +43 -0
- package/{esm2020 → esm2022}/avatar/src/avatar.module.mjs +5 -5
- package/esm2022/badge/src/badge.component.mjs +28 -0
- package/{esm2020 → esm2022}/badge/src/badge.module.mjs +5 -5
- package/esm2022/breadcrumbs/src/breadcrumbs-item.component.mjs +50 -0
- package/esm2022/breadcrumbs/src/breadcrumbs.component.mjs +27 -0
- package/{esm2020 → esm2022}/breadcrumbs/src/breadcrumbs.module.mjs +5 -5
- package/esm2022/button/src/button-group.component.mjs +91 -0
- package/esm2022/button/src/button-item.component.mjs +79 -0
- package/esm2022/button/src/button.component.mjs +78 -0
- package/{esm2020 → esm2022}/button/src/button.module.mjs +9 -9
- package/{esm2020 → esm2022}/calendar/public-api.mjs +2 -1
- package/esm2022/calendar/src/calendar-range.component.mjs +174 -0
- package/esm2022/calendar/src/calendar.class.mjs +280 -0
- package/esm2022/calendar/src/calendar.component.mjs +372 -0
- package/esm2022/calendar/src/calendar.module.mjs +23 -0
- package/esm2022/card/src/card.component.mjs +18 -0
- package/{esm2020 → esm2022}/card/src/card.module.mjs +5 -5
- package/esm2022/checkbox/src/checkbox.component.mjs +42 -0
- package/{esm2020 → esm2022}/checkbox/src/checkbox.module.mjs +5 -5
- package/{esm2020 → esm2022}/chips/src/chips.component.mjs +7 -7
- package/{esm2020 → esm2022}/chips/src/chips.module.mjs +5 -5
- package/esm2022/collapse/src/collapse-group.component.mjs +52 -0
- package/esm2022/collapse/src/collapse.component.mjs +47 -0
- package/{esm2020 → esm2022}/collapse/src/collapse.module.mjs +5 -5
- package/esm2022/color-palette/src/color-palette-input.component.mjs +130 -0
- package/esm2022/color-palette/src/color-palette-picker.component.mjs +159 -0
- package/esm2022/color-palette/src/color-palette-preview.component.mjs +62 -0
- package/esm2022/color-palette/src/color-palette-swatches.component.mjs +304 -0
- package/{esm2020 → esm2022}/color-palette/src/color-palette.class.mjs +7 -7
- package/esm2022/color-palette/src/color-palette.component.mjs +75 -0
- package/{esm2020 → esm2022}/color-palette/src/color-palette.module.mjs +19 -19
- package/esm2022/color-picker/src/color-picker.component.mjs +119 -0
- package/{esm2020 → esm2022}/color-picker/src/color-picker.module.mjs +25 -25
- package/esm2022/common/public-api.mjs +17 -0
- package/esm2022/common/src/classes/components.class.mjs +72 -0
- package/esm2022/common/src/classes/data.class.mjs +2 -0
- package/esm2022/common/src/classes/events.class.mjs +96 -0
- package/{esm2020 → esm2022}/common/src/common.module.mjs +13 -13
- package/esm2022/common/src/components/base-component.class.mjs +57 -0
- package/esm2022/common/src/components/button-base-component.class.mjs +69 -0
- package/esm2022/common/src/components/color-component.class.mjs +27 -0
- package/{esm2020 → esm2022}/common/src/components/index.mjs +2 -1
- package/esm2022/common/src/components/interactive-component.class.mjs +63 -0
- package/{esm2020 → esm2022}/common/src/components/look-component.class.mjs +3 -3
- package/esm2022/common/src/components/value-component.class.mjs +206 -0
- package/esm2022/common/src/directives/auto-focus.directive.mjs +57 -0
- package/esm2022/common/src/directives/debounce-time.directive.mjs +49 -0
- package/esm2022/common/src/directives/hotkey.directive.mjs +82 -0
- package/esm2022/common/src/directives/infinite-scroll.directive.mjs +69 -0
- package/esm2022/common/src/directives/responsive.directive.mjs +35 -0
- package/esm2022/common/src/services/custom-cdk-overlay.service.mjs +50 -0
- package/esm2022/common/src/services/hotkey.service.mjs +40 -0
- package/esm2022/common/src/services/overlay.service.mjs +115 -0
- package/esm2022/context-menu/src/context-menu.component.mjs +270 -0
- package/{esm2020 → esm2022}/context-menu/src/context-menu.module.mjs +9 -9
- package/esm2022/data-pager/src/data-pager-base.component.mjs +35 -0
- package/esm2022/data-pager/src/data-pager-info.component.mjs +61 -0
- package/esm2022/data-pager/src/data-pager-input-selector.component.mjs +53 -0
- package/esm2022/data-pager/src/data-pager-next-buttons.components.mjs +66 -0
- package/esm2022/data-pager/src/data-pager-numeric-selector.component.mjs +100 -0
- package/esm2022/data-pager/src/data-pager-pagesize-dropdown.component.mjs +88 -0
- package/esm2022/data-pager/src/data-pager-prev-buttons.component.mjs +61 -0
- package/esm2022/data-pager/src/data-pager.component.mjs +146 -0
- package/{esm2020 → esm2022}/data-pager/src/data-pager.module.mjs +17 -17
- package/esm2022/data-table/src/data-column-cell-template.directive.mjs +18 -0
- package/esm2022/data-table/src/data-column.directive.mjs +50 -0
- package/esm2022/data-table/src/data-table.component.mjs +139 -0
- package/{esm2020 → esm2022}/data-table/src/data-table.module.mjs +5 -5
- package/esm2022/date-picker/src/datepicker.component.mjs +240 -0
- package/{esm2020 → esm2022}/date-picker/src/datepicker.module.mjs +12 -12
- package/esm2022/decorators/src/close-button.component.mjs +51 -0
- package/{esm2020 → esm2022}/decorators/src/content.component.mjs +4 -4
- package/{esm2020 → esm2022}/decorators/src/decorators.module.mjs +29 -29
- package/{esm2020 → esm2022}/decorators/src/footer.component.mjs +5 -5
- package/{esm2020 → esm2022}/decorators/src/form-hint.component.mjs +4 -4
- package/{esm2020 → esm2022}/decorators/src/header.component.mjs +5 -5
- package/esm2022/decorators/src/icon.component.mjs +30 -0
- package/esm2022/decorators/src/overlay.component.mjs +20 -0
- package/{esm2020 → esm2022}/decorators/src/placeholder.component.mjs +4 -4
- package/{esm2020 → esm2022}/decorators/src/prefix.component.mjs +4 -4
- package/esm2022/decorators/src/sub-title.component.mjs +27 -0
- package/{esm2020 → esm2022}/decorators/src/suffix.component.mjs +4 -4
- package/esm2022/decorators/src/text.component.mjs +22 -0
- package/{esm2020 → esm2022}/decorators/src/title.component.mjs +4 -4
- package/{esm2020 → esm2022}/dialog/src/dialog.component.mjs +7 -4
- package/{esm2020 → esm2022}/dialog/src/dialog.module.mjs +5 -5
- package/esm2022/dialog/src/dialog.service.mjs +154 -0
- package/esm2022/drawer/src/drawer-container.component.mjs +38 -0
- package/esm2022/drawer/src/drawer.component.mjs +144 -0
- package/{esm2020 → esm2022}/drawer/src/drawer.module.mjs +5 -5
- package/esm2022/dropdown/src/dropdown-panel.component.mjs +105 -0
- package/{esm2020 → esm2022}/dropdown/src/dropdown.module.mjs +5 -5
- package/{esm2020 → esm2022}/form/src/form-field.component.mjs +4 -4
- package/esm2022/form/src/form.component.mjs +163 -0
- package/{esm2020 → esm2022}/form/src/form.module.mjs +11 -11
- package/esm2022/form/src/validation-rule.widget.mjs +113 -0
- package/esm2022/form/src/validation-summary.component.mjs +109 -0
- package/esm2022/image/src/image.component.mjs +79 -0
- package/{esm2020 → esm2022}/image/src/image.module.mjs +5 -5
- package/esm2022/label/src/label.component.mjs +48 -0
- package/{esm2020 → esm2022}/label/src/label.module.mjs +5 -5
- package/{esm2020 → esm2022}/loading/src/loading-spinner.component.mjs +6 -5
- package/esm2022/loading/src/loading.component.mjs +67 -0
- package/esm2022/loading/src/loading.directive.mjs +76 -0
- package/{esm2020 → esm2022}/loading/src/loading.module.mjs +5 -5
- package/esm2022/loading/src/loading.service.mjs +158 -0
- package/esm2022/menu/src/menu.component.mjs +346 -0
- package/{esm2020 → esm2022}/menu/src/menu.module.mjs +8 -8
- package/esm2022/mixin/src/base-components.class.mjs +110 -0
- package/esm2022/mixin/src/base-menu-mixin.class.mjs +134 -0
- package/esm2022/mixin/src/button-mixin.class.mjs +71 -0
- package/esm2022/mixin/src/clickable-mixin.class.mjs +24 -0
- package/esm2022/mixin/src/color-look-mixing.class.mjs +48 -0
- package/esm2022/mixin/src/datalist-component.class.mjs +151 -0
- package/esm2022/mixin/src/dropdown-mixin.class.mjs +99 -0
- package/esm2022/mixin/src/interactive-mixin.class.mjs +81 -0
- package/esm2022/mixin/src/loading-mixin.class.mjs +26 -0
- package/esm2022/mixin/src/selection-component.class.mjs +183 -0
- package/esm2022/mixin/src/sizable-mixin.class.mjs +22 -0
- package/esm2022/mixin/src/textbox-mixin.class.mjs +66 -0
- package/esm2022/mixin/src/value-mixin.class.mjs +220 -0
- package/esm2022/notification/src/notification.component.mjs +92 -0
- package/{esm2020 → esm2022}/notification/src/notification.module.mjs +5 -5
- package/esm2022/notification/src/notification.service.mjs +109 -0
- package/esm2022/number-box/src/number-box.component.mjs +268 -0
- package/{esm2020 → esm2022}/number-box/src/number-box.module.mjs +9 -9
- package/esm2022/page/src/base-page.class.mjs +63 -0
- package/esm2022/page/src/page.component.mjs +46 -0
- package/{esm2020 → esm2022}/page/src/page.module.mjs +5 -5
- package/esm2022/password-box/src/password-box.component.mjs +63 -0
- package/{esm2020 → esm2022}/password-box/src/password-box.module.mjs +8 -8
- package/esm2022/picker/src/picker-column.component.mjs +20 -0
- package/{esm2020 → esm2022}/picker/src/picker.component.mjs +4 -4
- package/{esm2020 → esm2022}/picker/src/picker.module.mjs +9 -9
- package/esm2022/popover/src/popover.component.mjs +262 -0
- package/{esm2020 → esm2022}/popover/src/popover.module.mjs +5 -5
- package/esm2022/popup/src/popup.component.mjs +145 -0
- package/{esm2020 → esm2022}/popup/src/popup.module.mjs +5 -5
- package/esm2022/popup/src/popup.service.mjs +116 -0
- package/{esm2020 → esm2022}/progress-bar/src/progress-bar.component.mjs +5 -5
- package/{esm2020 → esm2022}/progress-bar/src/progress-bar.module.mjs +5 -5
- package/{esm2020 → esm2022}/radio/src/radio.component.mjs +4 -4
- package/{esm2020 → esm2022}/radio/src/radio.module.mjs +5 -5
- package/esm2022/range-slider/src/range-slider.component.mjs +117 -0
- package/{esm2020 → esm2022}/range-slider/src/range-slider.module.mjs +5 -5
- package/esm2022/rating/src/rating.component.mjs +41 -0
- package/{esm2020 → esm2022}/rating/src/rating.component.module.mjs +5 -5
- package/esm2022/result/src/result.component.mjs +26 -0
- package/{esm2020 → esm2022}/result/src/result.module.mjs +5 -5
- package/esm2022/search-box/src/search-box.component.mjs +54 -0
- package/{esm2020 → esm2022}/search-box/src/search-box.module.mjs +5 -5
- package/esm2022/select-box/src/selectbox.component.mjs +391 -0
- package/{esm2020 → esm2022}/select-box/src/selectbox.module.mjs +27 -27
- package/{esm2020 → esm2022}/selection-list/src/selection-list.component.mjs +8 -8
- package/{esm2020 → esm2022}/selection-list/src/selection-list.module.mjs +5 -5
- package/{esm2020 → esm2022}/switch/src/switch-content.component.mjs +4 -4
- package/{esm2020 → esm2022}/switch/src/switch.component.mjs +7 -4
- package/{esm2020 → esm2022}/switch/src/switch.module.mjs +5 -5
- package/esm2022/tabs/src/tab-content.directive.mjs +31 -0
- package/esm2022/tabs/src/tab-item.component.mjs +140 -0
- package/esm2022/tabs/src/tabs.class.mjs +6 -0
- package/{esm2020 → esm2022}/tabs/src/tabs.component.mjs +14 -11
- package/{esm2020 → esm2022}/tabs/src/tabs.module.mjs +5 -5
- package/{esm2020 → esm2022}/tag/src/tag.component.mjs +6 -6
- package/{esm2020 → esm2022}/tag/src/tag.module.mjs +5 -5
- package/esm2022/textarea/src/textarea.component.mjs +29 -0
- package/{esm2020 → esm2022}/textarea/src/textarea.module.mjs +5 -5
- package/esm2022/textbox/src/mask-options.directive.mjs +19 -0
- package/esm2022/textbox/src/textbox.component.mjs +95 -0
- package/{esm2020 → esm2022}/textbox/src/textbox.module.mjs +13 -13
- package/esm2022/time-box/src/time-box.component.mjs +305 -0
- package/{esm2020 → esm2022}/time-box/src/time-box.module.mjs +8 -8
- package/esm2022/toast/src/toast.component.mjs +67 -0
- package/{esm2020 → esm2022}/toast/src/toast.module.mjs +5 -5
- package/esm2022/toast/src/toast.service.mjs +136 -0
- package/esm2022/tooltip/src/tooltip.component.mjs +21 -0
- package/esm2022/tooltip/src/tooltip.directive.mjs +163 -0
- package/{esm2020 → esm2022}/tooltip/src/tooltip.module.mjs +5 -5
- package/esm2022/tree-view/src/tree-view.component.mjs +107 -0
- package/{esm2020 → esm2022}/tree-view/src/tree-view.module.mjs +5 -5
- package/esm2022/uploader/src/uploader.component.mjs +101 -0
- package/{esm2020 → esm2022}/uploader/src/uploader.module.mjs +5 -5
- package/{fesm2020 → fesm2022}/acorex-components-action-sheet.mjs +21 -16
- package/{fesm2020 → fesm2022}/acorex-components-action-sheet.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-alert.mjs +41 -32
- package/{fesm2020 → fesm2022}/acorex-components-alert.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-avatar.mjs +12 -11
- package/{fesm2020 → fesm2022}/acorex-components-avatar.mjs.map +1 -1
- package/{fesm2015 → fesm2022}/acorex-components-badge.mjs +9 -9
- package/{fesm2015 → fesm2022}/acorex-components-badge.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-breadcrumbs.mjs +16 -11
- package/{fesm2020 → fesm2022}/acorex-components-breadcrumbs.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-button.mjs +45 -48
- package/fesm2022/acorex-components-button.mjs.map +1 -0
- package/fesm2022/acorex-components-calendar.mjs +837 -0
- package/fesm2022/acorex-components-calendar.mjs.map +1 -0
- package/fesm2022/acorex-components-card.mjs +41 -0
- package/{fesm2015 → fesm2022}/acorex-components-card.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-checkbox.mjs +8 -8
- package/{fesm2015 → fesm2022}/acorex-components-checkbox.mjs.map +1 -1
- package/{fesm2015 → fesm2022}/acorex-components-chips.mjs +10 -11
- package/{fesm2020 → fesm2022}/acorex-components-chips.mjs.map +1 -1
- package/{fesm2015 → fesm2022}/acorex-components-collapse.mjs +21 -18
- package/{fesm2020 → fesm2022}/acorex-components-collapse.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-color-palette.mjs +337 -331
- package/{fesm2020 → fesm2022}/acorex-components-color-palette.mjs.map +1 -1
- package/fesm2022/acorex-components-color-picker.mjs +182 -0
- package/fesm2022/acorex-components-color-picker.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/acorex-components-common.mjs +405 -140
- package/fesm2022/acorex-components-common.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/acorex-components-context-menu.mjs +29 -20
- package/{fesm2015 → fesm2022}/acorex-components-context-menu.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-data-pager.mjs +95 -80
- package/{fesm2020 → fesm2022}/acorex-components-data-pager.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-data-table.mjs +40 -31
- package/{fesm2020 → fesm2022}/acorex-components-data-table.mjs.map +1 -1
- package/fesm2022/acorex-components-date-picker.mjs +285 -0
- package/fesm2022/acorex-components-date-picker.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/acorex-components-decorators.mjs +80 -80
- package/{fesm2015 → fesm2022}/acorex-components-decorators.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-dialog.mjs +16 -11
- package/{fesm2015 → fesm2022}/acorex-components-dialog.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-drawer.mjs +25 -21
- package/{fesm2020 → fesm2022}/acorex-components-drawer.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-dropdown.mjs +19 -16
- package/fesm2022/acorex-components-dropdown.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/acorex-components-form.mjs +65 -61
- package/fesm2022/acorex-components-form.mjs.map +1 -0
- package/{fesm2015 → fesm2022}/acorex-components-image.mjs +17 -15
- package/{fesm2015 → fesm2022}/acorex-components-image.mjs.map +1 -1
- package/{fesm2015 → fesm2022}/acorex-components-label.mjs +12 -10
- package/fesm2022/acorex-components-label.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/acorex-components-loading.mjs +42 -29
- package/{fesm2020 → fesm2022}/acorex-components-loading.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-menu.mjs +26 -19
- package/{fesm2020 → fesm2022}/acorex-components-menu.mjs.map +1 -1
- package/{fesm2015 → fesm2022}/acorex-components-mixin.mjs +276 -284
- package/{fesm2020 → fesm2022}/acorex-components-mixin.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-notification.mjs +24 -18
- package/{fesm2020 → fesm2022}/acorex-components-notification.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-number-box.mjs +42 -35
- package/{fesm2015 → fesm2022}/acorex-components-number-box.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-page.mjs +20 -17
- package/{fesm2020 → fesm2022}/acorex-components-page.mjs.map +1 -1
- package/fesm2022/acorex-components-password-box.mjs +99 -0
- package/{fesm2015 → fesm2022}/acorex-components-password-box.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-picker.mjs +15 -18
- package/{fesm2015 → fesm2022}/acorex-components-picker.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-popover.mjs +50 -37
- package/{fesm2015 → fesm2022}/acorex-components-popover.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-popup.mjs +30 -19
- package/{fesm2020 → fesm2022}/acorex-components-popup.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-progress-bar.mjs +8 -9
- package/{fesm2015 → fesm2022}/acorex-components-progress-bar.mjs.map +1 -1
- package/fesm2022/acorex-components-radio.mjs +65 -0
- package/{fesm2015 → fesm2022}/acorex-components-radio.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-range-slider.mjs +16 -16
- package/fesm2022/acorex-components-range-slider.mjs.map +1 -0
- package/fesm2022/acorex-components-rating.mjs +64 -0
- package/{fesm2015 → fesm2022}/acorex-components-rating.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-result.mjs +10 -10
- package/{fesm2020 → fesm2022}/acorex-components-result.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-search-box.mjs +12 -11
- package/{fesm2020 → fesm2022}/acorex-components-search-box.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-select-box.mjs +56 -46
- package/{fesm2020 → fesm2022}/acorex-components-select-box.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-selection-list.mjs +11 -12
- package/{fesm2015 → fesm2022}/acorex-components-selection-list.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-switch.mjs +13 -11
- package/{fesm2015 → fesm2022}/acorex-components-switch.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-tabs.mjs +36 -26
- package/{fesm2015 → fesm2022}/acorex-components-tabs.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-tag.mjs +9 -10
- package/{fesm2020 → fesm2022}/acorex-components-tag.mjs.map +1 -1
- package/fesm2022/acorex-components-textarea.mjs +52 -0
- package/{fesm2020 → fesm2022}/acorex-components-textarea.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-textbox.mjs +34 -30
- package/{fesm2020 → fesm2022}/acorex-components-textbox.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-time-box.mjs +30 -22
- package/{fesm2020 → fesm2022}/acorex-components-time-box.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-toast.mjs +22 -18
- package/{fesm2020 → fesm2022}/acorex-components-toast.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-tooltip.mjs +20 -14
- package/{fesm2020 → fesm2022}/acorex-components-tooltip.mjs.map +1 -1
- package/fesm2022/acorex-components-tree-view.mjs +131 -0
- package/{fesm2015 → fesm2022}/acorex-components-tree-view.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/acorex-components-uploader.mjs +15 -13
- package/{fesm2020 → fesm2022}/acorex-components-uploader.mjs.map +1 -1
- package/{fesm2015 → fesm2022}/acorex-components.mjs +0 -1
- package/form/src/form.component.d.ts +2 -2
- package/form/src/validation-rule.widget.d.ts +1 -1
- package/form/src/validation-summary.component.d.ts +2 -2
- package/form/src/validation.class.d.ts +1 -1
- package/image/src/image.component.d.ts +1 -1
- package/label/src/label.component.d.ts +1 -1
- package/loading/src/loading.component.d.ts +1 -1
- package/loading/src/loading.directive.d.ts +1 -1
- package/loading/src/loading.service.d.ts +2 -2
- package/menu/src/menu.component.d.ts +1 -1
- package/mixin/src/base-components.class.d.ts +7 -7
- package/mixin/src/base-menu-mixin.class.d.ts +5 -5
- package/mixin/src/button-mixin.class.d.ts +2 -2
- package/mixin/src/clickable-mixin.class.d.ts +2 -2
- package/mixin/src/color-look-mixing.class.d.ts +2 -2
- package/mixin/src/constratctor.d.ts +2 -2
- package/mixin/src/datalist-component.class.d.ts +10 -10
- package/mixin/src/datalist.class.d.ts +2 -2
- package/mixin/src/dropdown-mixin.class.d.ts +2 -2
- package/mixin/src/interactive-mixin.class.d.ts +4 -4
- package/mixin/src/loading-mixin.class.d.ts +2 -2
- package/mixin/src/mixin.class.d.ts +61 -61
- package/mixin/src/page-component.class.d.ts +2 -2
- package/mixin/src/selection-component.class.d.ts +2 -2
- package/mixin/src/sizable-mixin.class.d.ts +2 -2
- package/mixin/src/textbox-mixin.class.d.ts +2 -2
- package/mixin/src/value-mixin.class.d.ts +8 -8
- package/notification/src/notification.class.d.ts +1 -1
- package/number-box/src/number-box.component.d.ts +1 -1
- package/package.json +172 -284
- package/password-box/src/password-box.component.d.ts +1 -1
- package/picker/src/picker-column.component.d.ts +1 -1
- package/popover/src/popover.component.d.ts +1 -1
- package/popup/src/popup.service.d.ts +2 -2
- package/progress-bar/src/progress-bar.component.d.ts +1 -1
- package/radio/src/radio.component.d.ts +1 -1
- package/range-slider/src/range-slider.component.d.ts +1 -1
- package/result/src/result.component.d.ts +1 -1
- package/search-box/src/search-box.component.d.ts +1 -1
- package/select-box/src/selectbox.component.d.ts +1 -1
- package/selection-list/src/selection-list.component.d.ts +1 -1
- package/switch/src/switch.component.d.ts +1 -1
- package/tabs/src/tab-content.directive.d.ts +1 -1
- package/tabs/src/tab-item.component.d.ts +3 -3
- package/tabs/src/tabs.class.d.ts +1 -1
- package/tabs/src/tabs.component.d.ts +1 -1
- package/tag/src/tag.component.d.ts +1 -1
- package/textarea/src/textarea.component.d.ts +1 -1
- package/textbox/src/mask-options.directive.d.ts +2 -2
- package/textbox/src/textbox.component.d.ts +1 -1
- package/time-box/src/time-box.component.d.ts +2 -2
- package/tooltip/src/tooltip.component.d.ts +1 -1
- package/tooltip/src/tooltip.directive.d.ts +1 -1
- package/tree-view/src/tree-view.component.d.ts +1 -1
- package/uploader/src/uploader.component.d.ts +1 -1
- package/esm2020/action-sheet/src/action-sheet.component.mjs +0 -76
- package/esm2020/action-sheet/src/action-sheet.service.mjs +0 -91
- package/esm2020/alert/src/alert.component.mjs +0 -178
- package/esm2020/avatar/src/avatar.component.mjs +0 -41
- package/esm2020/badge/src/badge.component.mjs +0 -27
- package/esm2020/breadcrumbs/src/breadcrumbs-item.component.mjs +0 -46
- package/esm2020/breadcrumbs/src/breadcrumbs.component.mjs +0 -25
- package/esm2020/button/src/button-group.component.mjs +0 -88
- package/esm2020/button/src/button-item.component.mjs +0 -77
- package/esm2020/button/src/button.component.mjs +0 -85
- package/esm2020/calendar/src/calendar.class.mjs +0 -127
- package/esm2020/calendar/src/calendar.component.mjs +0 -382
- package/esm2020/calendar/src/calendar.module.mjs +0 -22
- package/esm2020/card/src/card.component.mjs +0 -17
- package/esm2020/checkbox/src/checkbox.component.mjs +0 -41
- package/esm2020/collapse/src/collapse-group.component.mjs +0 -50
- package/esm2020/collapse/src/collapse.component.mjs +0 -45
- package/esm2020/color-palette/src/color-palette-input.component.mjs +0 -129
- package/esm2020/color-palette/src/color-palette-picker.component.mjs +0 -158
- package/esm2020/color-palette/src/color-palette-preview.component.mjs +0 -60
- package/esm2020/color-palette/src/color-palette-swatches.component.mjs +0 -302
- package/esm2020/color-palette/src/color-palette.component.mjs +0 -74
- package/esm2020/color-picker/src/color-picker.component.mjs +0 -105
- package/esm2020/common/public-api.mjs +0 -16
- package/esm2020/common/src/classes/components.class.mjs +0 -69
- package/esm2020/common/src/classes/events.class.mjs +0 -58
- package/esm2020/common/src/components/base-component.class.mjs +0 -57
- package/esm2020/common/src/components/button-base-component.class.mjs +0 -68
- package/esm2020/common/src/components/color-component.class.mjs +0 -27
- package/esm2020/common/src/components/interactive-component.class.mjs +0 -62
- package/esm2020/common/src/directives/auto-focus.directive.mjs +0 -55
- package/esm2020/common/src/directives/debounce-time.directive.mjs +0 -47
- package/esm2020/common/src/directives/hotkey.directive.mjs +0 -79
- package/esm2020/common/src/directives/infinite-scroll.directive.mjs +0 -63
- package/esm2020/common/src/directives/responsive.directive.mjs +0 -34
- package/esm2020/common/src/services/custom-cdk-overlay.service.mjs +0 -48
- package/esm2020/common/src/services/hotkey.service.mjs +0 -38
- package/esm2020/common/src/services/overlay.service.mjs +0 -111
- package/esm2020/context-menu/src/context-menu.component.mjs +0 -260
- package/esm2020/data-pager/src/data-pager-base.component.mjs +0 -38
- package/esm2020/data-pager/src/data-pager-info.component.mjs +0 -57
- package/esm2020/data-pager/src/data-pager-input-selector.component.mjs +0 -51
- package/esm2020/data-pager/src/data-pager-next-buttons.components.mjs +0 -63
- package/esm2020/data-pager/src/data-pager-numeric-selector.component.mjs +0 -98
- package/esm2020/data-pager/src/data-pager-pagesize-dropdown.component.mjs +0 -85
- package/esm2020/data-pager/src/data-pager-prev-buttons.component.mjs +0 -59
- package/esm2020/data-pager/src/data-pager.component.mjs +0 -143
- package/esm2020/data-table/src/data-column-cell-template.directive.mjs +0 -17
- package/esm2020/data-table/src/data-column.directive.mjs +0 -43
- package/esm2020/data-table/src/data-table.component.mjs +0 -137
- package/esm2020/date-picker/src/datepicker.component.mjs +0 -249
- package/esm2020/decorators/src/close-button.component.mjs +0 -50
- package/esm2020/decorators/src/icon.component.mjs +0 -29
- package/esm2020/decorators/src/overlay.component.mjs +0 -22
- package/esm2020/decorators/src/sub-title.component.mjs +0 -27
- package/esm2020/decorators/src/text.component.mjs +0 -21
- package/esm2020/dialog/src/dialog.service.mjs +0 -151
- package/esm2020/drawer/src/drawer-container.component.mjs +0 -37
- package/esm2020/drawer/src/drawer.component.mjs +0 -140
- package/esm2020/dropdown/src/dropdown-panel.component.mjs +0 -101
- package/esm2020/form/src/form.component.mjs +0 -160
- package/esm2020/form/src/validation-rule.widget.mjs +0 -115
- package/esm2020/form/src/validation-summary.component.mjs +0 -105
- package/esm2020/image/src/image.component.mjs +0 -76
- package/esm2020/label/src/label.component.mjs +0 -45
- package/esm2020/loading/src/loading.component.mjs +0 -64
- package/esm2020/loading/src/loading.directive.mjs +0 -68
- package/esm2020/loading/src/loading.service.mjs +0 -156
- package/esm2020/menu/src/menu.component.mjs +0 -338
- package/esm2020/mixin/src/base-components.class.mjs +0 -110
- package/esm2020/mixin/src/base-menu-mixin.class.mjs +0 -138
- package/esm2020/mixin/src/button-mixin.class.mjs +0 -70
- package/esm2020/mixin/src/clickable-mixin.class.mjs +0 -24
- package/esm2020/mixin/src/color-look-mixing.class.mjs +0 -48
- package/esm2020/mixin/src/datalist-component.class.mjs +0 -163
- package/esm2020/mixin/src/dropdown-mixin.class.mjs +0 -99
- package/esm2020/mixin/src/interactive-mixin.class.mjs +0 -84
- package/esm2020/mixin/src/loading-mixin.class.mjs +0 -18
- package/esm2020/mixin/src/selection-component.class.mjs +0 -180
- package/esm2020/mixin/src/sizable-mixin.class.mjs +0 -18
- package/esm2020/mixin/src/textbox-mixin.class.mjs +0 -58
- package/esm2020/mixin/src/value-mixin.class.mjs +0 -230
- package/esm2020/notification/src/notification.component.mjs +0 -87
- package/esm2020/notification/src/notification.service.mjs +0 -107
- package/esm2020/number-box/src/number-box.component.mjs +0 -260
- package/esm2020/page/src/base-page.class.mjs +0 -61
- package/esm2020/page/src/page.component.mjs +0 -44
- package/esm2020/password-box/src/password-box.component.mjs +0 -62
- package/esm2020/picker/src/picker-column.component.mjs +0 -22
- package/esm2020/popover/src/popover.component.mjs +0 -248
- package/esm2020/popup/src/popup.component.mjs +0 -135
- package/esm2020/popup/src/popup.service.mjs +0 -114
- package/esm2020/range-slider/src/range-slider.component.mjs +0 -116
- package/esm2020/rating/src/rating.component.mjs +0 -41
- package/esm2020/result/src/result.component.mjs +0 -25
- package/esm2020/search-box/src/search-box.component.mjs +0 -52
- package/esm2020/select-box/src/selectbox.component.mjs +0 -380
- package/esm2020/tabs/src/tab-content.directive.mjs +0 -29
- package/esm2020/tabs/src/tab-item.component.mjs +0 -136
- package/esm2020/tabs/src/tabs.class.mjs +0 -4
- package/esm2020/textarea/src/textarea.component.mjs +0 -28
- package/esm2020/textbox/src/mask-options.directive.mjs +0 -17
- package/esm2020/textbox/src/textbox.component.mjs +0 -92
- package/esm2020/time-box/src/time-box.component.mjs +0 -296
- package/esm2020/toast/src/toast.component.mjs +0 -64
- package/esm2020/toast/src/toast.service.mjs +0 -134
- package/esm2020/tooltip/src/tooltip.component.mjs +0 -20
- package/esm2020/tooltip/src/tooltip.directive.mjs +0 -157
- package/esm2020/tree-view/src/tree-view.component.mjs +0 -108
- package/esm2020/uploader/src/uploader.component.mjs +0 -98
- package/fesm2015/acorex-components-action-sheet.mjs +0 -193
- package/fesm2015/acorex-components-action-sheet.mjs.map +0 -1
- package/fesm2015/acorex-components-alert.mjs +0 -208
- package/fesm2015/acorex-components-alert.mjs.map +0 -1
- package/fesm2015/acorex-components-avatar.mjs +0 -81
- package/fesm2015/acorex-components-avatar.mjs.map +0 -1
- package/fesm2015/acorex-components-breadcrumbs.mjs +0 -91
- package/fesm2015/acorex-components-breadcrumbs.mjs.map +0 -1
- package/fesm2015/acorex-components-button.mjs +0 -281
- package/fesm2015/acorex-components-button.mjs.map +0 -1
- package/fesm2015/acorex-components-calendar.mjs +0 -531
- package/fesm2015/acorex-components-calendar.mjs.map +0 -1
- package/fesm2015/acorex-components-card.mjs +0 -41
- package/fesm2015/acorex-components-checkbox.mjs +0 -67
- package/fesm2015/acorex-components-chips.mjs.map +0 -1
- package/fesm2015/acorex-components-collapse.mjs.map +0 -1
- package/fesm2015/acorex-components-color-palette.mjs +0 -772
- package/fesm2015/acorex-components-color-palette.mjs.map +0 -1
- package/fesm2015/acorex-components-color-picker.mjs +0 -172
- package/fesm2015/acorex-components-color-picker.mjs.map +0 -1
- package/fesm2015/acorex-components-common.mjs +0 -955
- package/fesm2015/acorex-components-common.mjs.map +0 -1
- package/fesm2015/acorex-components-context-menu.mjs +0 -301
- package/fesm2015/acorex-components-data-pager.mjs +0 -615
- package/fesm2015/acorex-components-data-pager.mjs.map +0 -1
- package/fesm2015/acorex-components-data-table.mjs +0 -224
- package/fesm2015/acorex-components-data-table.mjs.map +0 -1
- package/fesm2015/acorex-components-date-picker.mjs +0 -297
- package/fesm2015/acorex-components-date-picker.mjs.map +0 -1
- package/fesm2015/acorex-components-decorators.mjs +0 -356
- package/fesm2015/acorex-components-dialog.mjs +0 -233
- package/fesm2015/acorex-components-drawer.mjs +0 -202
- package/fesm2015/acorex-components-drawer.mjs.map +0 -1
- package/fesm2015/acorex-components-dropdown.mjs +0 -135
- package/fesm2015/acorex-components-dropdown.mjs.map +0 -1
- package/fesm2015/acorex-components-form.mjs +0 -450
- package/fesm2015/acorex-components-form.mjs.map +0 -1
- package/fesm2015/acorex-components-label.mjs.map +0 -1
- package/fesm2015/acorex-components-loading.mjs +0 -385
- package/fesm2015/acorex-components-loading.mjs.map +0 -1
- package/fesm2015/acorex-components-menu.mjs +0 -381
- package/fesm2015/acorex-components-menu.mjs.map +0 -1
- package/fesm2015/acorex-components-mixin.mjs.map +0 -1
- package/fesm2015/acorex-components-notification.mjs +0 -217
- package/fesm2015/acorex-components-notification.mjs.map +0 -1
- package/fesm2015/acorex-components-number-box.mjs +0 -300
- package/fesm2015/acorex-components-page.mjs +0 -127
- package/fesm2015/acorex-components-page.mjs.map +0 -1
- package/fesm2015/acorex-components-password-box.mjs +0 -99
- package/fesm2015/acorex-components-picker.mjs +0 -77
- package/fesm2015/acorex-components-popover.mjs +0 -278
- package/fesm2015/acorex-components-popup.mjs +0 -275
- package/fesm2015/acorex-components-popup.mjs.map +0 -1
- package/fesm2015/acorex-components-progress-bar.mjs +0 -57
- package/fesm2015/acorex-components-radio.mjs +0 -66
- package/fesm2015/acorex-components-range-slider.mjs +0 -148
- package/fesm2015/acorex-components-range-slider.mjs.map +0 -1
- package/fesm2015/acorex-components-rating.mjs +0 -65
- package/fesm2015/acorex-components-result.mjs +0 -49
- package/fesm2015/acorex-components-result.mjs.map +0 -1
- package/fesm2015/acorex-components-search-box.mjs +0 -84
- package/fesm2015/acorex-components-search-box.mjs.map +0 -1
- package/fesm2015/acorex-components-select-box.mjs +0 -453
- package/fesm2015/acorex-components-select-box.mjs.map +0 -1
- package/fesm2015/acorex-components-selection-list.mjs +0 -89
- package/fesm2015/acorex-components-switch.mjs +0 -91
- package/fesm2015/acorex-components-tabs.mjs +0 -299
- package/fesm2015/acorex-components-tag.mjs +0 -53
- package/fesm2015/acorex-components-tag.mjs.map +0 -1
- package/fesm2015/acorex-components-textarea.mjs +0 -52
- package/fesm2015/acorex-components-textarea.mjs.map +0 -1
- package/fesm2015/acorex-components-textbox.mjs +0 -149
- package/fesm2015/acorex-components-textbox.mjs.map +0 -1
- package/fesm2015/acorex-components-time-box.mjs +0 -336
- package/fesm2015/acorex-components-time-box.mjs.map +0 -1
- package/fesm2015/acorex-components-toast.mjs +0 -222
- package/fesm2015/acorex-components-toast.mjs.map +0 -1
- package/fesm2015/acorex-components-tooltip.mjs +0 -164
- package/fesm2015/acorex-components-tooltip.mjs.map +0 -1
- package/fesm2015/acorex-components-tree-view.mjs +0 -133
- package/fesm2015/acorex-components-uploader.mjs +0 -129
- package/fesm2015/acorex-components-uploader.mjs.map +0 -1
- package/fesm2020/acorex-components-badge.mjs +0 -53
- package/fesm2020/acorex-components-badge.mjs.map +0 -1
- package/fesm2020/acorex-components-button.mjs.map +0 -1
- package/fesm2020/acorex-components-calendar.mjs +0 -530
- package/fesm2020/acorex-components-calendar.mjs.map +0 -1
- package/fesm2020/acorex-components-card.mjs +0 -41
- package/fesm2020/acorex-components-card.mjs.map +0 -1
- package/fesm2020/acorex-components-checkbox.mjs.map +0 -1
- package/fesm2020/acorex-components-chips.mjs +0 -57
- package/fesm2020/acorex-components-collapse.mjs +0 -115
- package/fesm2020/acorex-components-color-picker.mjs +0 -169
- package/fesm2020/acorex-components-color-picker.mjs.map +0 -1
- package/fesm2020/acorex-components-common.mjs.map +0 -1
- package/fesm2020/acorex-components-context-menu.mjs.map +0 -1
- package/fesm2020/acorex-components-date-picker.mjs +0 -295
- package/fesm2020/acorex-components-date-picker.mjs.map +0 -1
- package/fesm2020/acorex-components-decorators.mjs.map +0 -1
- package/fesm2020/acorex-components-dialog.mjs.map +0 -1
- package/fesm2020/acorex-components-dropdown.mjs.map +0 -1
- package/fesm2020/acorex-components-form.mjs.map +0 -1
- package/fesm2020/acorex-components-image.mjs +0 -100
- package/fesm2020/acorex-components-image.mjs.map +0 -1
- package/fesm2020/acorex-components-label.mjs +0 -71
- package/fesm2020/acorex-components-label.mjs.map +0 -1
- package/fesm2020/acorex-components-mixin.mjs +0 -1259
- package/fesm2020/acorex-components-number-box.mjs.map +0 -1
- package/fesm2020/acorex-components-password-box.mjs +0 -99
- package/fesm2020/acorex-components-password-box.mjs.map +0 -1
- package/fesm2020/acorex-components-picker.mjs.map +0 -1
- package/fesm2020/acorex-components-popover.mjs.map +0 -1
- package/fesm2020/acorex-components-progress-bar.mjs.map +0 -1
- package/fesm2020/acorex-components-radio.mjs +0 -66
- package/fesm2020/acorex-components-radio.mjs.map +0 -1
- package/fesm2020/acorex-components-range-slider.mjs.map +0 -1
- package/fesm2020/acorex-components-rating.mjs +0 -65
- package/fesm2020/acorex-components-rating.mjs.map +0 -1
- package/fesm2020/acorex-components-selection-list.mjs.map +0 -1
- package/fesm2020/acorex-components-switch.mjs.map +0 -1
- package/fesm2020/acorex-components-tabs.mjs.map +0 -1
- package/fesm2020/acorex-components-textarea.mjs +0 -52
- package/fesm2020/acorex-components-tree-view.mjs +0 -133
- package/fesm2020/acorex-components-tree-view.mjs.map +0 -1
- package/fesm2020/acorex-components.mjs +0 -12
- package/fesm2020/acorex-components.mjs.map +0 -1
- /package/{esm2020 → esm2022}/acorex-components.mjs +0 -0
- /package/{esm2020 → esm2022}/action-sheet/acorex-components-action-sheet.mjs +0 -0
- /package/{esm2020 → esm2022}/action-sheet/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/action-sheet/src/action-sheet.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/alert/acorex-components-alert.mjs +0 -0
- /package/{esm2020 → esm2022}/alert/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/avatar/acorex-components-avatar.mjs +0 -0
- /package/{esm2020 → esm2022}/avatar/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/badge/acorex-components-badge.mjs +0 -0
- /package/{esm2020 → esm2022}/badge/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/breadcrumbs/acorex-components-breadcrumbs.mjs +0 -0
- /package/{esm2020 → esm2022}/breadcrumbs/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/breadcrumbs/src/breadcrumbs-item.class.mjs +0 -0
- /package/{esm2020 → esm2022}/button/acorex-components-button.mjs +0 -0
- /package/{esm2020 → esm2022}/button/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/button/src/button-item.class.mjs +0 -0
- /package/{esm2020 → esm2022}/calendar/acorex-components-calendar.mjs +0 -0
- /package/{esm2020 → esm2022}/card/acorex-components-card.mjs +0 -0
- /package/{esm2020 → esm2022}/card/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/checkbox/acorex-components-checkbox.mjs +0 -0
- /package/{esm2020 → esm2022}/checkbox/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/chips/acorex-components-chips.mjs +0 -0
- /package/{esm2020 → esm2022}/chips/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/collapse/acorex-components-collapse.mjs +0 -0
- /package/{esm2020 → esm2022}/collapse/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/color-palette/acorex-components-color-palette.mjs +0 -0
- /package/{esm2020 → esm2022}/color-palette/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/color-picker/acorex-components-color-picker.mjs +0 -0
- /package/{esm2020 → esm2022}/color-picker/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/common/acorex-components-common.mjs +0 -0
- /package/{esm2020 → esm2022}/common/src/classes/drawing.class.mjs +0 -0
- /package/{esm2020 → esm2022}/common/src/classes/styles.class.mjs +0 -0
- /package/{esm2020 → esm2022}/common/src/components/colorlook-component.class.mjs +0 -0
- /package/{esm2020 → esm2022}/common/src/constant/positions.mjs +0 -0
- /package/{esm2020 → esm2022}/context-menu/acorex-components-context-menu.mjs +0 -0
- /package/{esm2020 → esm2022}/context-menu/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/data-pager/acorex-components-data-pager.mjs +0 -0
- /package/{esm2020 → esm2022}/data-pager/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/data-table/acorex-components-data-table.mjs +0 -0
- /package/{esm2020 → esm2022}/data-table/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/date-picker/acorex-components-date-picker.mjs +0 -0
- /package/{esm2020 → esm2022}/date-picker/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/decorators/acorex-components-decorators.mjs +0 -0
- /package/{esm2020 → esm2022}/decorators/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/dialog/acorex-components-dialog.mjs +0 -0
- /package/{esm2020 → esm2022}/dialog/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/dialog/src/dialog.class.mjs +0 -0
- /package/{esm2020 → esm2022}/drawer/acorex-components-drawer.mjs +0 -0
- /package/{esm2020 → esm2022}/drawer/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/dropdown/acorex-components-dropdown.mjs +0 -0
- /package/{esm2020 → esm2022}/dropdown/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/form/acorex-components-form.mjs +0 -0
- /package/{esm2020 → esm2022}/form/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/form/src/validation.class.mjs +0 -0
- /package/{esm2020 → esm2022}/image/acorex-components-image.mjs +0 -0
- /package/{esm2020 → esm2022}/image/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/label/acorex-components-label.mjs +0 -0
- /package/{esm2020 → esm2022}/label/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/loading/acorex-components-loading.mjs +0 -0
- /package/{esm2020 → esm2022}/loading/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/menu/acorex-components-menu.mjs +0 -0
- /package/{esm2020 → esm2022}/menu/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/mixin/acorex-components-mixin.mjs +0 -0
- /package/{esm2020 → esm2022}/mixin/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/mixin/src/constratctor.mjs +0 -0
- /package/{esm2020 → esm2022}/mixin/src/datalist.class.mjs +0 -0
- /package/{esm2020 → esm2022}/mixin/src/mixin.class.mjs +0 -0
- /package/{esm2020 → esm2022}/mixin/src/page-component.class.mjs +0 -0
- /package/{esm2020 → esm2022}/notification/acorex-components-notification.mjs +0 -0
- /package/{esm2020 → esm2022}/notification/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/notification/src/notification.class.mjs +0 -0
- /package/{esm2020 → esm2022}/number-box/acorex-components-number-box.mjs +0 -0
- /package/{esm2020 → esm2022}/number-box/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/page/acorex-components-page.mjs +0 -0
- /package/{esm2020 → esm2022}/page/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/password-box/acorex-components-password-box.mjs +0 -0
- /package/{esm2020 → esm2022}/password-box/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/picker/acorex-components-picker.mjs +0 -0
- /package/{esm2020 → esm2022}/picker/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/popover/acorex-components-popover.mjs +0 -0
- /package/{esm2020 → esm2022}/popover/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/popup/acorex-components-popup.mjs +0 -0
- /package/{esm2020 → esm2022}/popup/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/progress-bar/acorex-components-progress-bar.mjs +0 -0
- /package/{esm2020 → esm2022}/progress-bar/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/radio/acorex-components-radio.mjs +0 -0
- /package/{esm2020 → esm2022}/radio/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/range-slider/acorex-components-range-slider.mjs +0 -0
- /package/{esm2020 → esm2022}/range-slider/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/rating/acorex-components-rating.mjs +0 -0
- /package/{esm2020 → esm2022}/rating/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/result/acorex-components-result.mjs +0 -0
- /package/{esm2020 → esm2022}/result/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/search-box/acorex-components-search-box.mjs +0 -0
- /package/{esm2020 → esm2022}/search-box/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/select-box/acorex-components-select-box.mjs +0 -0
- /package/{esm2020 → esm2022}/select-box/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/selection-list/acorex-components-selection-list.mjs +0 -0
- /package/{esm2020 → esm2022}/selection-list/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/switch/acorex-components-switch.mjs +0 -0
- /package/{esm2020 → esm2022}/switch/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/tabs/acorex-components-tabs.mjs +0 -0
- /package/{esm2020 → esm2022}/tabs/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/tag/acorex-components-tag.mjs +0 -0
- /package/{esm2020 → esm2022}/tag/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/textarea/acorex-components-textarea.mjs +0 -0
- /package/{esm2020 → esm2022}/textarea/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/textbox/acorex-components-textbox.mjs +0 -0
- /package/{esm2020 → esm2022}/textbox/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/time-box/acorex-components-time-box.mjs +0 -0
- /package/{esm2020 → esm2022}/time-box/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/toast/acorex-components-toast.mjs +0 -0
- /package/{esm2020 → esm2022}/toast/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/toast/src/toast.class.mjs +0 -0
- /package/{esm2020 → esm2022}/tooltip/acorex-components-tooltip.mjs +0 -0
- /package/{esm2020 → esm2022}/tooltip/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/tree-view/acorex-components-tree-view.mjs +0 -0
- /package/{esm2020 → esm2022}/tree-view/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/uploader/acorex-components-uploader.mjs +0 -0
- /package/{esm2020 → esm2022}/uploader/public-api.mjs +0 -0
- /package/{fesm2015 → fesm2022}/acorex-components.mjs.map +0 -0
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"acorex-components-selection-list.mjs","sources":["../../../../projects/acorex/components/selection-list/src/selection-list.component.ts","../../../../projects/acorex/components/selection-list/src/selection-list.component.html","../../../../projects/acorex/components/selection-list/src/selection-list.module.ts","../../../../projects/acorex/components/selection-list/acorex-components-selection-list.ts"],"sourcesContent":["import { AXDirection } from '@acorex/components/common';\r\nimport { AXBaseSelectionValueMixin } from '@acorex/components/mixin';\r\nimport {\r\n Component,\r\n ChangeDetectionStrategy,\r\n ViewEncapsulation,\r\n ElementRef,\r\n ChangeDetectorRef,\r\n Input,\r\n} from '@angular/core';\r\n\r\n/**\r\n * The Button is a component which detects user interaction and triggers a corresponding event\r\n *\r\n * @category Components\r\n */\r\n@Component({\r\n selector: 'ax-selection-list',\r\n templateUrl: './selection-list.component.html',\r\n styleUrls: ['./selection-list.component.scss'],\r\n inputs: [\r\n 'disabled',\r\n 'readonly',\r\n 'tabIndex',\r\n 'size',\r\n 'value',\r\n 'valueField',\r\n 'textField',\r\n 'multiple',\r\n 'items',\r\n 'selectionMode',\r\n ],\r\n outputs: ['valueChange', 'onValueChanged', 'onBlur', 'onFocus'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\n\r\n//TODO: on parent click (card style) -> checkbox or radio change value\r\nexport class AXSelectionListComponent extends AXBaseSelectionValueMixin {\r\n /**\r\n * @ignore\r\n */\r\n constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n super(elementRef, cdr);\r\n }\r\n\r\n /**\r\n * Defines the direction.\r\n */\r\n @Input()\r\n direction: AXDirection = 'horizontal';\r\n\r\n _handleOnItemValueChange(item: any, e: Event) {\r\n if (this.readonly || this.disabled) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n } else {\r\n (e.target as any).checked\r\n ? this.selectItems(item)\r\n : this.unselectItems(item);\r\n }\r\n }\r\n\r\n _handleContainerClick(item: HTMLInputElement, e: MouseEvent) {\r\n if (e.target == item) return;\r\n item.click();\r\n e.stopImmediatePropagation();\r\n e.stopPropagation();\r\n }\r\n\r\n // _handleOnClickEvent(e: MouseEvent) {\r\n //\r\n // if (this.readonly || this.disabled) {\r\n // e.preventDefault();\r\n // e.stopPropagation();\r\n // }\r\n // }\r\n}\r\n","<div class=\"ax-selection-list ax-{{ direction }}\">\r\n <ng-container\r\n *ngIf=\"multiple; then checkboxList; else radioButtonList\"></ng-container>\r\n <ng-template #checkboxList>\r\n <ng-container *ngFor=\"let item of displayItems; let i = index\">\r\n <div\r\n class=\"ax-item-container\"\r\n [class.ax-state-selected]=\"isItemSelected(item)\">\r\n <div class=\"ax-item-input\">\r\n <input\r\n #ic\r\n [id]=\"id + '-' + i\"\r\n class=\"ax-checkbox\"\r\n type=\"checkbox\"\r\n (change)=\"_handleOnItemValueChange(item, $event)\"\r\n [checked]=\"isItemSelected(item)\"\r\n [disabled]=\"disabled || item.disabled\"\r\n [readonly]=\"readonly || item.readonly\" />\r\n </div>\r\n <div class=\"ax-item-text\">\r\n <label [for]=\"id + '-' + i\"> {{ item[textField] }}</label>\r\n <p class=\"ax-hint-text\">\r\n {{ item.hint ? item.hint : item[hintField] }}\r\n </p>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </ng-template>\r\n <ng-template #radioButtonList>\r\n <ng-container *ngFor=\"let item of displayItems; let i = index\">\r\n <div\r\n class=\"ax-item-container\"\r\n [class.ax-state-selected]=\"isItemSelected(item)\">\r\n <div class=\"ax-item-input\">\r\n <input\r\n #ir\r\n [id]=\"id + '-' + i\"\r\n class=\"ax-radio\"\r\n type=\"radio\"\r\n [attr.name]=\"id\"\r\n (change)=\"_handleOnItemValueChange(item, $event)\"\r\n [checked]=\"isItemSelected(item)\"\r\n [disabled]=\"disabled || item.disabled\"\r\n [readonly]=\"readonly || item.readonly\" />\r\n </div>\r\n <div class=\"ax-item-text\">\r\n <label [for]=\"id + '-' + i\"> {{ item[textField] }}</label>\r\n <p class=\"ax-hint-text\">\r\n {{ item.hint ? item.hint : item[hintField] }}\r\n </p>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </ng-template>\r\n <ng-content select=\"ax-validation-rule\"> </ng-content>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXSelectionListComponent } from './selection-list.component';\r\nimport { FormsModule } from '@angular/forms';\r\n\r\nimport { AXCheckBoxModule } from '@acorex/components/checkbox';\r\nimport { AXRadioModule } from '@acorex/components/radio';\r\nimport { AXLabelModule } from '@acorex/components/label';\r\nimport { AXFormModule } from '@acorex/components/form';\r\n\r\n@NgModule({\r\n declarations: [AXSelectionListComponent],\r\n imports: [CommonModule, FormsModule, AXCheckBoxModule,AXRadioModule,AXLabelModule,AXFormModule],\r\n exports: [AXSelectionListComponent],\r\n providers: []\r\n})\r\nexport class AXSelectionListModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;AAWA;;;;AAIG;AAsBH;AACM,MAAO,wBAAyB,SAAQ,yBAAyB,CAAA;AACrE;;AAEG;IACH,WAAY,CAAA,UAAsB,EAAE,GAAsB,EAAA;AACxD,QAAA,KAAK,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;
|
1
|
+
{"version":3,"file":"acorex-components-selection-list.mjs","sources":["../../../../projects/acorex/components/selection-list/src/selection-list.component.ts","../../../../projects/acorex/components/selection-list/src/selection-list.component.html","../../../../projects/acorex/components/selection-list/src/selection-list.module.ts","../../../../projects/acorex/components/selection-list/acorex-components-selection-list.ts"],"sourcesContent":["import { AXDirection } from '@acorex/components/common';\r\nimport { AXBaseSelectionValueMixin } from '@acorex/components/mixin';\r\nimport {\r\n Component,\r\n ChangeDetectionStrategy,\r\n ViewEncapsulation,\r\n ElementRef,\r\n ChangeDetectorRef,\r\n Input,\r\n} from '@angular/core';\r\n\r\n/**\r\n * The Button is a component which detects user interaction and triggers a corresponding event\r\n *\r\n * @category Components\r\n */\r\n@Component({\r\n selector: 'ax-selection-list',\r\n templateUrl: './selection-list.component.html',\r\n styleUrls: ['./selection-list.component.scss'],\r\n inputs: [\r\n 'disabled',\r\n 'readonly',\r\n 'tabIndex',\r\n 'size',\r\n 'value',\r\n 'valueField',\r\n 'textField',\r\n 'multiple',\r\n 'items',\r\n 'selectionMode',\r\n ],\r\n outputs: ['valueChange', 'onValueChanged', 'onBlur', 'onFocus'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\n\r\n//TODO: on parent click (card style) -> checkbox or radio change value\r\nexport class AXSelectionListComponent extends AXBaseSelectionValueMixin {\r\n /**\r\n * @ignore\r\n */\r\n constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n super(elementRef, cdr);\r\n }\r\n\r\n /**\r\n * Defines the direction.\r\n */\r\n @Input()\r\n direction: AXDirection = 'horizontal';\r\n\r\n _handleOnItemValueChange(item: any, e: Event) {\r\n if (this.readonly || this.disabled) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n } else {\r\n (e.target as any).checked\r\n ? this.selectItems(item)\r\n : this.unselectItems(item);\r\n }\r\n }\r\n\r\n _handleContainerClick(item: HTMLInputElement, e: MouseEvent) {\r\n if (e.target == item) return;\r\n item.click();\r\n e.stopImmediatePropagation();\r\n e.stopPropagation();\r\n }\r\n\r\n // _handleOnClickEvent(e: MouseEvent) {\r\n //\r\n // if (this.readonly || this.disabled) {\r\n // e.preventDefault();\r\n // e.stopPropagation();\r\n // }\r\n // }\r\n}\r\n","<div class=\"ax-selection-list ax-{{ direction }}\">\r\n <ng-container\r\n *ngIf=\"multiple; then checkboxList; else radioButtonList\"></ng-container>\r\n <ng-template #checkboxList>\r\n <ng-container *ngFor=\"let item of displayItems; let i = index\">\r\n <div\r\n class=\"ax-item-container\"\r\n [class.ax-state-selected]=\"isItemSelected(item)\">\r\n <div class=\"ax-item-input\">\r\n <input\r\n #ic\r\n [id]=\"id + '-' + i\"\r\n class=\"ax-checkbox\"\r\n type=\"checkbox\"\r\n (change)=\"_handleOnItemValueChange(item, $event)\"\r\n [checked]=\"isItemSelected(item)\"\r\n [disabled]=\"disabled || item.disabled\"\r\n [readonly]=\"readonly || item.readonly\" />\r\n </div>\r\n <div class=\"ax-item-text\">\r\n <label [for]=\"id + '-' + i\"> {{ item[textField] }}</label>\r\n <p class=\"ax-hint-text\">\r\n {{ item.hint ? item.hint : item[hintField] }}\r\n </p>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </ng-template>\r\n <ng-template #radioButtonList>\r\n <ng-container *ngFor=\"let item of displayItems; let i = index\">\r\n <div\r\n class=\"ax-item-container\"\r\n [class.ax-state-selected]=\"isItemSelected(item)\">\r\n <div class=\"ax-item-input\">\r\n <input\r\n #ir\r\n [id]=\"id + '-' + i\"\r\n class=\"ax-radio\"\r\n type=\"radio\"\r\n [attr.name]=\"id\"\r\n (change)=\"_handleOnItemValueChange(item, $event)\"\r\n [checked]=\"isItemSelected(item)\"\r\n [disabled]=\"disabled || item.disabled\"\r\n [readonly]=\"readonly || item.readonly\" />\r\n </div>\r\n <div class=\"ax-item-text\">\r\n <label [for]=\"id + '-' + i\"> {{ item[textField] }}</label>\r\n <p class=\"ax-hint-text\">\r\n {{ item.hint ? item.hint : item[hintField] }}\r\n </p>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </ng-template>\r\n <ng-content select=\"ax-validation-rule\"> </ng-content>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXSelectionListComponent } from './selection-list.component';\r\nimport { FormsModule } from '@angular/forms';\r\n\r\nimport { AXCheckBoxModule } from '@acorex/components/checkbox';\r\nimport { AXRadioModule } from '@acorex/components/radio';\r\nimport { AXLabelModule } from '@acorex/components/label';\r\nimport { AXFormModule } from '@acorex/components/form';\r\n\r\n@NgModule({\r\n declarations: [AXSelectionListComponent],\r\n imports: [CommonModule, FormsModule, AXCheckBoxModule,AXRadioModule,AXLabelModule,AXFormModule],\r\n exports: [AXSelectionListComponent],\r\n providers: []\r\n})\r\nexport class AXSelectionListModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;AAWA;;;;AAIG;AAsBH;AACM,MAAO,wBAAyB,SAAQ,yBAAyB,CAAA;AACrE;;AAEG;IACH,WAAY,CAAA,UAAsB,EAAE,GAAsB,EAAA;AACxD,QAAA,KAAK,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;KACxB;AAED;;AAEG;IAEH,SAAS,GAAgB,YAAY,CAAC;IAEtC,wBAAwB,CAAC,IAAS,EAAE,CAAQ,EAAA;AAC1C,QAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;AACrB,SAAA;AAAM,aAAA;YACJ,CAAC,CAAC,MAAc,CAAC,OAAO;AACvB,kBAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;AACxB,kBAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;AAC9B,SAAA;KACF;IAED,qBAAqB,CAAC,IAAsB,EAAE,CAAa,EAAA;AACzD,QAAA,IAAI,CAAC,CAAC,MAAM,IAAI,IAAI;YAAE,OAAO;QAC7B,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,CAAC,CAAC,wBAAwB,EAAE,CAAC;QAC7B,CAAC,CAAC,eAAe,EAAE,CAAC;KACrB;uGA9BU,wBAAwB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,6bCtCrC,ypEAwDA,EAAA,MAAA,EAAA,CAAA,upDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDlBa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAtBpC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EAGrB,MAAA,EAAA;wBACN,UAAU;wBACV,UAAU;wBACV,UAAU;wBACV,MAAM;wBACN,OAAO;wBACP,YAAY;wBACZ,WAAW;wBACX,UAAU;wBACV,OAAO;wBACP,eAAe;AAChB,qBAAA,EAAA,OAAA,EACQ,CAAC,aAAa,EAAE,gBAAgB,EAAE,QAAQ,EAAE,SAAS,CAAC,EAAA,aAAA,EAChD,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,ypEAAA,EAAA,MAAA,EAAA,CAAA,upDAAA,CAAA,EAAA,CAAA;iIAgB/C,SAAS,EAAA,CAAA;sBADR,KAAK;;;MEjCK,qBAAqB,CAAA;uGAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,EALjB,YAAA,EAAA,CAAA,wBAAwB,CAC7B,EAAA,OAAA,EAAA,CAAA,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAC,aAAa,EAAC,aAAa,EAAC,YAAY,aACpF,wBAAwB,CAAA,EAAA,CAAA,CAAA;wGAGvB,qBAAqB,EAAA,OAAA,EAAA,CAJtB,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAC,aAAa,EAAC,aAAa,EAAC,YAAY,CAAA,EAAA,CAAA,CAAA;;2FAInF,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBANjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,wBAAwB,CAAC;AACxC,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAC,aAAa,EAAC,aAAa,EAAC,YAAY,CAAC;oBAC/F,OAAO,EAAE,CAAC,wBAAwB,CAAC;AACnC,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA,CAAA;;;ACfD;;AAEG;;;;"}
|
@@ -10,10 +10,10 @@ import { FormsModule } from '@angular/forms';
|
|
10
10
|
class AXSwitchContentComponent {
|
11
11
|
constructor() { }
|
12
12
|
ngOnInit() { }
|
13
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXSwitchContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
14
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXSwitchContentComponent, selector: "ax-switch-handler-content,ax-switch-off-content,ax-switch-on-content", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
|
13
15
|
}
|
14
|
-
|
15
|
-
AXSwitchContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXSwitchContentComponent, selector: "ax-switch-handler-content,ax-switch-off-content,ax-switch-on-content", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXSwitchContentComponent, decorators: [{
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXSwitchContentComponent, decorators: [{
|
17
17
|
type: Component,
|
18
18
|
args: [{
|
19
19
|
selector: 'ax-switch-handler-content,ax-switch-off-content,ax-switch-on-content',
|
@@ -22,6 +22,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
22
22
|
}], ctorParameters: function () { return []; } });
|
23
23
|
|
24
24
|
class AXSwitchComponent extends AXBaseValueComponentMixin {
|
25
|
+
uncheckedText;
|
26
|
+
checkedText;
|
27
|
+
loading;
|
25
28
|
constructor(elementRef, cdr) {
|
26
29
|
super(elementRef, cdr);
|
27
30
|
}
|
@@ -37,10 +40,10 @@ class AXSwitchComponent extends AXBaseValueComponentMixin {
|
|
37
40
|
get __hostClass() {
|
38
41
|
return `ax-${this.color ? this.color : 'primary'}-default`;
|
39
42
|
}
|
43
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXSwitchComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
44
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXSwitchComponent, selector: "ax-switch", inputs: { disabled: "disabled", color: "color", readonly: "readonly", tabIndex: "tabIndex", size: "size", cssClass: "cssClass", cssStyle: "cssStyle", allowNull: "allowNull", value: "value", name: "name", checked: "checked", uncheckedText: "uncheckedText", checkedText: "checkedText", loading: "loading" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", onValueChanged: "onValueChanged" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<button type=\"button\" role=\"switch\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\"\r\n [class.ax-switch-checked]=\"value\" (click)=\"_handleOnClickEvent($event)\">\r\n <div class=\"ax-switch-handle\">\r\n <ax-loading *ngIf=\"loading\"></ax-loading>\r\n <ng-content select=\"ax-switch-handler-content\"></ng-content>\r\n </div>\r\n <span class=\"ax-switch-inner\" *ngIf=\"!value\">\r\n <ng-content select=\"ax-switch-off-content\"></ng-content>\r\n\r\n </span>\r\n <span class=\"ax-switch-inner\" *ngIf=\"value\">\r\n <ng-content select=\"ax-switch-on-content\"></ng-content>\r\n </span>\r\n\r\n</button>", styles: ["ax-switch.ax-sm button{min-width:2rem;height:1rem;line-height:1rem}ax-switch.ax-sm button:active .ax-switch-handle{width:1rem}ax-switch.ax-sm .ax-switch-handle{width:.75rem;height:.75rem}ax-switch.ax-lg button{min-width:2.75rem;height:1.5rem;line-height:1.5rem}ax-switch.ax-lg button:active .ax-switch-handle{width:1.5rem}ax-switch.ax-lg .ax-switch-handle{width:1.25rem;height:1.25rem}ax-switch button{position:relative;display:inline-block;vertical-align:middle;border-radius:99rem;background-color:#0003!important;min-width:2.5rem;height:1.25rem;line-height:1.25rem;transition:background-color .3s linear;cursor:pointer}ax-switch button:active .ax-switch-handle{width:1.25rem}ax-switch button.ax-switch-checked{background-color:rgba(var(--ax-color-primary-500))!important}ax-switch button.ax-switch-checked .ax-switch-handle{inset-inline-end:.125rem;inset-inline-start:initial}ax-switch button.ax-switch-checked .ax-switch-inner{margin-inline-end:1.5rem;margin-inline-start:.375rem}ax-switch button .ax-switch-handle{width:1rem;height:1rem;background-color:#fff;position:absolute;border-radius:99rem;inset-inline-start:.125rem;top:.125rem;transition:width .3s;box-shadow:0 0 1px 1px #0000000d}ax-switch button .ax-switch-handle ax-switch-handler-content,ax-switch button .ax-switch-handle ax-switch-handler-content *{height:100%;width:100%;font-size:100%;display:flex;align-items:center;justify-content:center;color:#454a50}ax-switch button .ax-switch-handle:active{width:1.25rem}ax-switch button .ax-switch-handle ax-loading{width:100%;position:absolute;inset-inline-start:0;inset-inline-end:0;top:50%;transform:translateY(-50%)}ax-switch button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-primary-500));stroke:rgba(var(--ax-color-primary-500))}ax-switch button .ax-switch-handle:before{position:absolute;background-color:rgba(var(--ax-color-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:99rem;content:\"\"}ax-switch button .ax-switch-inner{display:block;margin-inline-start:1.5rem;margin-inline-end:.375rem;transition:margin .2s}ax-switch button .ax-switch-inner ax-switch-on-content,ax-switch button .ax-switch-inner ax-switch-off-content{display:flex;font-size:.875rem;padding:0 .25rem}ax-switch.ax-primary-default button:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-switch.ax-primary-default button ax-switch-handler-content,ax-switch.ax-primary-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-primary-default button.ax-switch-checked{background-color:rgba(var(--ax-color-primary-500))!important}ax-switch.ax-primary-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-primary-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-primary-500))}ax-switch.ax-primary-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-primary-fore))}ax-switch.ax-primary-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-primary-500));stroke:rgba(var(--ax-color-primary-500))}ax-switch.ax-secondary-default button:focus-visible{outline-color:rgba(var(--ax-color-secondary-500))}ax-switch.ax-secondary-default button ax-switch-handler-content,ax-switch.ax-secondary-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-secondary-default button.ax-switch-checked{background-color:rgba(var(--ax-color-secondary-500))!important}ax-switch.ax-secondary-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-secondary-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-secondary-500))}ax-switch.ax-secondary-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-secondary-fore))}ax-switch.ax-secondary-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-secondary-500));stroke:rgba(var(--ax-color-secondary-500))}ax-switch.ax-success-default button:focus-visible{outline-color:rgba(var(--ax-color-success-500))}ax-switch.ax-success-default button ax-switch-handler-content,ax-switch.ax-success-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-success-default button.ax-switch-checked{background-color:rgba(var(--ax-color-success-500))!important}ax-switch.ax-success-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-success-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-success-500))}ax-switch.ax-success-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-success-fore))}ax-switch.ax-success-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-success-500));stroke:rgba(var(--ax-color-success-500))}ax-switch.ax-warning-default button:focus-visible{outline-color:rgba(var(--ax-color-warning-500))}ax-switch.ax-warning-default button ax-switch-handler-content,ax-switch.ax-warning-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-warning-default button.ax-switch-checked{background-color:rgba(var(--ax-color-warning-500))!important}ax-switch.ax-warning-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-warning-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-warning-500))}ax-switch.ax-warning-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-warning-fore))}ax-switch.ax-warning-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-warning-500));stroke:rgba(var(--ax-color-warning-500))}ax-switch.ax-danger-default button:focus-visible{outline-color:rgba(var(--ax-color-danger-500))}ax-switch.ax-danger-default button ax-switch-handler-content,ax-switch.ax-danger-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-danger-default button.ax-switch-checked{background-color:rgba(var(--ax-color-danger-500))!important}ax-switch.ax-danger-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-danger-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-danger-500))}ax-switch.ax-danger-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-danger-fore))}ax-switch.ax-danger-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-danger-500));stroke:rgba(var(--ax-color-danger-500))}ax-switch.ax-info-default button:focus-visible{outline-color:rgba(var(--ax-color-info-500))}ax-switch.ax-info-default button ax-switch-handler-content,ax-switch.ax-info-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-info-default button.ax-switch-checked{background-color:rgba(var(--ax-color-info-500))!important}ax-switch.ax-info-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-info-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-info-500))}ax-switch.ax-info-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-info-fore))}ax-switch.ax-info-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-info-500));stroke:rgba(var(--ax-color-info-500))}ax-switch .ax-state-disabled{opacity:.5;cursor:not-allowed}ax-switch .ax-state-readonly{opacity:.75}.ax-dark ax-switch button{background-color:rgba(var(--ax-color-input-surface))!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "text"], outputs: ["visibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
40
45
|
}
|
41
|
-
|
42
|
-
AXSwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXSwitchComponent, selector: "ax-switch", inputs: { disabled: "disabled", color: "color", readonly: "readonly", tabIndex: "tabIndex", size: "size", cssClass: "cssClass", cssStyle: "cssStyle", allowNull: "allowNull", value: "value", name: "name", checked: "checked", uncheckedText: "uncheckedText", checkedText: "checkedText", loading: "loading" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", onValueChanged: "onValueChanged" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<button type=\"button\" role=\"switch\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\"\r\n [class.ax-switch-checked]=\"value\" (click)=\"_handleOnClickEvent($event)\">\r\n <div class=\"ax-switch-handle\">\r\n <ax-loading *ngIf=\"loading\"></ax-loading>\r\n <ng-content select=\"ax-switch-handler-content\"></ng-content>\r\n </div>\r\n <span class=\"ax-switch-inner\" *ngIf=\"!value\">\r\n <ng-content select=\"ax-switch-off-content\"></ng-content>\r\n\r\n </span>\r\n <span class=\"ax-switch-inner\" *ngIf=\"value\">\r\n <ng-content select=\"ax-switch-on-content\"></ng-content>\r\n </span>\r\n\r\n</button>", styles: ["ax-switch.ax-sm button{min-width:2rem;height:1rem;line-height:1rem}ax-switch.ax-sm button:active .ax-switch-handle{width:1rem}ax-switch.ax-sm .ax-switch-handle{width:.75rem;height:.75rem}ax-switch.ax-lg button{min-width:2.75rem;height:1.5rem;line-height:1.5rem}ax-switch.ax-lg button:active .ax-switch-handle{width:1.5rem}ax-switch.ax-lg .ax-switch-handle{width:1.25rem;height:1.25rem}ax-switch button{position:relative;display:inline-block;vertical-align:middle;border-radius:99rem;background-color:#0003!important;min-width:2.5rem;height:1.25rem;line-height:1.25rem;transition:background-color .3s linear;cursor:pointer}ax-switch button:active .ax-switch-handle{width:1.25rem}ax-switch button.ax-switch-checked{background-color:rgba(var(--ax-color-primary-500))!important}ax-switch button.ax-switch-checked .ax-switch-handle{inset-inline-end:.125rem;inset-inline-start:initial}ax-switch button.ax-switch-checked .ax-switch-inner{margin-inline-end:1.5rem;margin-inline-start:.375rem}ax-switch button .ax-switch-handle{width:1rem;height:1rem;background-color:#fff;position:absolute;border-radius:99rem;inset-inline-start:.125rem;top:.125rem;transition:width .3s;box-shadow:0 0 1px 1px #0000000d}ax-switch button .ax-switch-handle ax-switch-handler-content,ax-switch button .ax-switch-handle ax-switch-handler-content *{height:100%;width:100%;font-size:100%;display:flex;align-items:center;justify-content:center;color:#454a50}ax-switch button .ax-switch-handle:active{width:1.25rem}ax-switch button .ax-switch-handle ax-loading{width:100%;position:absolute;inset-inline-start:0;inset-inline-end:0;top:50%;transform:translateY(-50%)}ax-switch button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-primary-500));stroke:rgba(var(--ax-color-primary-500))}ax-switch button .ax-switch-handle:before{position:absolute;background-color:rgba(var(--ax-color-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:99rem;content:\"\"}ax-switch button .ax-switch-inner{display:block;margin-inline-start:1.5rem;margin-inline-end:.375rem;transition:margin .2s}ax-switch button .ax-switch-inner ax-switch-on-content,ax-switch button .ax-switch-inner ax-switch-off-content{display:flex;font-size:.875rem;padding:0 .25rem}ax-switch.ax-primary-default button:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-switch.ax-primary-default button ax-switch-handler-content,ax-switch.ax-primary-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-primary-default button.ax-switch-checked{background-color:rgba(var(--ax-color-primary-500))!important}ax-switch.ax-primary-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-primary-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-primary-500))}ax-switch.ax-primary-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-primary-fore))}ax-switch.ax-primary-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-primary-500));stroke:rgba(var(--ax-color-primary-500))}ax-switch.ax-secondary-default button:focus-visible{outline-color:rgba(var(--ax-color-secondary-500))}ax-switch.ax-secondary-default button ax-switch-handler-content,ax-switch.ax-secondary-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-secondary-default button.ax-switch-checked{background-color:rgba(var(--ax-color-secondary-500))!important}ax-switch.ax-secondary-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-secondary-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-secondary-500))}ax-switch.ax-secondary-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-secondary-fore))}ax-switch.ax-secondary-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-secondary-500));stroke:rgba(var(--ax-color-secondary-500))}ax-switch.ax-success-default button:focus-visible{outline-color:rgba(var(--ax-color-success-500))}ax-switch.ax-success-default button ax-switch-handler-content,ax-switch.ax-success-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-success-default button.ax-switch-checked{background-color:rgba(var(--ax-color-success-500))!important}ax-switch.ax-success-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-success-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-success-500))}ax-switch.ax-success-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-success-fore))}ax-switch.ax-success-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-success-500));stroke:rgba(var(--ax-color-success-500))}ax-switch.ax-warning-default button:focus-visible{outline-color:rgba(var(--ax-color-warning-500))}ax-switch.ax-warning-default button ax-switch-handler-content,ax-switch.ax-warning-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-warning-default button.ax-switch-checked{background-color:rgba(var(--ax-color-warning-500))!important}ax-switch.ax-warning-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-warning-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-warning-500))}ax-switch.ax-warning-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-warning-fore))}ax-switch.ax-warning-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-warning-500));stroke:rgba(var(--ax-color-warning-500))}ax-switch.ax-danger-default button:focus-visible{outline-color:rgba(var(--ax-color-danger-500))}ax-switch.ax-danger-default button ax-switch-handler-content,ax-switch.ax-danger-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-danger-default button.ax-switch-checked{background-color:rgba(var(--ax-color-danger-500))!important}ax-switch.ax-danger-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-danger-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-danger-500))}ax-switch.ax-danger-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-danger-fore))}ax-switch.ax-danger-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-danger-500));stroke:rgba(var(--ax-color-danger-500))}ax-switch.ax-info-default button:focus-visible{outline-color:rgba(var(--ax-color-info-500))}ax-switch.ax-info-default button ax-switch-handler-content,ax-switch.ax-info-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-info-default button.ax-switch-checked{background-color:rgba(var(--ax-color-info-500))!important}ax-switch.ax-info-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-info-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-info-500))}ax-switch.ax-info-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-info-fore))}ax-switch.ax-info-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-info-500));stroke:rgba(var(--ax-color-info-500))}ax-switch .ax-state-disabled{opacity:.5;cursor:not-allowed}ax-switch .ax-state-readonly{opacity:.75}.ax-dark ax-switch button{background-color:rgba(var(--ax-color-input-surface))!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "text"], outputs: ["visibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
43
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXSwitchComponent, decorators: [{
|
46
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXSwitchComponent, decorators: [{
|
44
47
|
type: Component,
|
45
48
|
args: [{ selector: 'ax-switch', inputs: [
|
46
49
|
'disabled',
|
@@ -68,11 +71,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
68
71
|
}] } });
|
69
72
|
|
70
73
|
class AXSwitchModule {
|
74
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXSwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
75
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXSwitchModule, declarations: [AXSwitchComponent, AXSwitchContentComponent], imports: [CommonModule, FormsModule, AXLoadingModule], exports: [AXSwitchComponent, AXSwitchContentComponent] });
|
76
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXSwitchModule, imports: [CommonModule, FormsModule, AXLoadingModule] });
|
71
77
|
}
|
72
|
-
|
73
|
-
AXSwitchModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: AXSwitchModule, declarations: [AXSwitchComponent, AXSwitchContentComponent], imports: [CommonModule, FormsModule, AXLoadingModule], exports: [AXSwitchComponent, AXSwitchContentComponent] });
|
74
|
-
AXSwitchModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXSwitchModule, imports: [CommonModule, FormsModule, AXLoadingModule] });
|
75
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXSwitchModule, decorators: [{
|
78
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXSwitchModule, decorators: [{
|
76
79
|
type: NgModule,
|
77
80
|
args: [{
|
78
81
|
declarations: [AXSwitchComponent, AXSwitchContentComponent],
|
@@ -88,4 +91,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
88
91
|
|
89
92
|
export { AXSwitchComponent, AXSwitchContentComponent, AXSwitchModule };
|
90
93
|
//# sourceMappingURL=acorex-components-switch.mjs.map
|
91
|
-
//# sourceMappingURL=acorex-components-switch.mjs.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"acorex-components-switch.mjs","sources":["../../../../projects/acorex/components/switch/src/switch-content.component.ts","../../../../projects/acorex/components/switch/src/switch.component.ts","../../../../projects/acorex/components/switch/src/switch.component.html","../../../../projects/acorex/components/switch/src/switch.module.ts","../../../../projects/acorex/components/switch/acorex-components-switch.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'ax-switch-handler-content,ax-switch-off-content,ax-switch-on-content',\r\n template: `<ng-content></ng-content>`,\r\n})\r\nexport class AXSwitchContentComponent implements OnInit {\r\n constructor() { }\r\n\r\n ngOnInit(): void { }\r\n}\r\n","\r\nimport { AXBaseValueComponentMixin } from '@acorex/components/mixin';\r\nimport {\r\n Component,\r\n ChangeDetectorRef,\r\n ChangeDetectionStrategy,\r\n ViewEncapsulation,\r\n ElementRef,\r\n Input,\r\n HostBinding,\r\n} from '@angular/core';\r\n\r\n\r\n@Component({\r\n selector: 'ax-switch',\r\n templateUrl: './switch.component.html',\r\n styleUrls: ['./switch.component.scss'],\r\n inputs: [\r\n 'disabled',\r\n 'color',\r\n 'readonly',\r\n 'tabIndex',\r\n 'size',\r\n 'cssClass',\r\n 'cssStyle',\r\n 'readonly',\r\n 'allowNull',\r\n 'value',\r\n 'name',\r\n 'checked',\r\n ],\r\n outputs: ['onBlur', 'onFocus', 'valueChange', 'onValueChanged'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class AXSwitchComponent extends AXBaseValueComponentMixin {\r\n @Input()\r\n uncheckedText: string;\r\n\r\n @Input()\r\n checkedText: string;\r\n\r\n @Input()\r\n loading: boolean;\r\n\r\n constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n super(elementRef, cdr);\r\n }\r\n\r\n _handleOnClickEvent(e: MouseEvent) {\r\n if (this.readonly || this.disabled) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n } else {\r\n this.value = !this.value;\r\n }\r\n }\r\n\r\n @HostBinding('class')\r\n private get __hostClass(): string {\r\n return `ax-${this.color ? this.color : 'primary'}-default`\r\n }\r\n}\r\n","<button type=\"button\" role=\"switch\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\"\r\n [class.ax-switch-checked]=\"value\" (click)=\"_handleOnClickEvent($event)\">\r\n <div class=\"ax-switch-handle\">\r\n <ax-loading *ngIf=\"loading\"></ax-loading>\r\n <ng-content select=\"ax-switch-handler-content\"></ng-content>\r\n </div>\r\n <span class=\"ax-switch-inner\" *ngIf=\"!value\">\r\n <ng-content select=\"ax-switch-off-content\"></ng-content>\r\n\r\n </span>\r\n <span class=\"ax-switch-inner\" *ngIf=\"value\">\r\n <ng-content select=\"ax-switch-on-content\"></ng-content>\r\n </span>\r\n\r\n</button>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { AXLoadingModule } from '@acorex/components/loading';\r\nimport { AXSwitchComponent } from './switch.component';\r\nimport { AXSwitchContentComponent } from './switch-content.component';\r\n\r\n@NgModule({\r\n declarations: [AXSwitchComponent,AXSwitchContentComponent],\r\n imports: [CommonModule, FormsModule, AXLoadingModule],\r\n exports: [AXSwitchComponent,AXSwitchContentComponent],\r\n providers: [],\r\n})\r\nexport class AXSwitchModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;MAMa,wBAAwB,CAAA;AACjC,IAAA,WAAA,GAAA,GAAiB;AAEjB,IAAA,QAAQ,MAAY
|
1
|
+
{"version":3,"file":"acorex-components-switch.mjs","sources":["../../../../projects/acorex/components/switch/src/switch-content.component.ts","../../../../projects/acorex/components/switch/src/switch.component.ts","../../../../projects/acorex/components/switch/src/switch.component.html","../../../../projects/acorex/components/switch/src/switch.module.ts","../../../../projects/acorex/components/switch/acorex-components-switch.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'ax-switch-handler-content,ax-switch-off-content,ax-switch-on-content',\r\n template: `<ng-content></ng-content>`,\r\n})\r\nexport class AXSwitchContentComponent implements OnInit {\r\n constructor() { }\r\n\r\n ngOnInit(): void { }\r\n}\r\n","\r\nimport { AXBaseValueComponentMixin } from '@acorex/components/mixin';\r\nimport {\r\n Component,\r\n ChangeDetectorRef,\r\n ChangeDetectionStrategy,\r\n ViewEncapsulation,\r\n ElementRef,\r\n Input,\r\n HostBinding,\r\n} from '@angular/core';\r\n\r\n\r\n@Component({\r\n selector: 'ax-switch',\r\n templateUrl: './switch.component.html',\r\n styleUrls: ['./switch.component.scss'],\r\n inputs: [\r\n 'disabled',\r\n 'color',\r\n 'readonly',\r\n 'tabIndex',\r\n 'size',\r\n 'cssClass',\r\n 'cssStyle',\r\n 'readonly',\r\n 'allowNull',\r\n 'value',\r\n 'name',\r\n 'checked',\r\n ],\r\n outputs: ['onBlur', 'onFocus', 'valueChange', 'onValueChanged'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class AXSwitchComponent extends AXBaseValueComponentMixin {\r\n @Input()\r\n uncheckedText: string;\r\n\r\n @Input()\r\n checkedText: string;\r\n\r\n @Input()\r\n loading: boolean;\r\n\r\n constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n super(elementRef, cdr);\r\n }\r\n\r\n _handleOnClickEvent(e: MouseEvent) {\r\n if (this.readonly || this.disabled) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n } else {\r\n this.value = !this.value;\r\n }\r\n }\r\n\r\n @HostBinding('class')\r\n private get __hostClass(): string {\r\n return `ax-${this.color ? this.color : 'primary'}-default`\r\n }\r\n}\r\n","<button type=\"button\" role=\"switch\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\"\r\n [class.ax-switch-checked]=\"value\" (click)=\"_handleOnClickEvent($event)\">\r\n <div class=\"ax-switch-handle\">\r\n <ax-loading *ngIf=\"loading\"></ax-loading>\r\n <ng-content select=\"ax-switch-handler-content\"></ng-content>\r\n </div>\r\n <span class=\"ax-switch-inner\" *ngIf=\"!value\">\r\n <ng-content select=\"ax-switch-off-content\"></ng-content>\r\n\r\n </span>\r\n <span class=\"ax-switch-inner\" *ngIf=\"value\">\r\n <ng-content select=\"ax-switch-on-content\"></ng-content>\r\n </span>\r\n\r\n</button>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { AXLoadingModule } from '@acorex/components/loading';\r\nimport { AXSwitchComponent } from './switch.component';\r\nimport { AXSwitchContentComponent } from './switch-content.component';\r\n\r\n@NgModule({\r\n declarations: [AXSwitchComponent,AXSwitchContentComponent],\r\n imports: [CommonModule, FormsModule, AXLoadingModule],\r\n exports: [AXSwitchComponent,AXSwitchContentComponent],\r\n providers: [],\r\n})\r\nexport class AXSwitchModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
@@ -11,11 +11,13 @@ const AXBaseTabItemMixin = _ClickableComponenetMixin(AXBaseComponent);
|
|
11
11
|
class AXTabItemComponent extends AXBaseTabItemMixin {
|
12
12
|
constructor(_elementRef, _cdr) {
|
13
13
|
super(_elementRef, _cdr);
|
14
|
-
this.activeChange = new EventEmitter();
|
15
|
-
this._active = false;
|
16
|
-
this.disabledChange = new EventEmitter();
|
17
|
-
this._disabled = false;
|
18
14
|
}
|
15
|
+
text;
|
16
|
+
key;
|
17
|
+
template;
|
18
|
+
headerTemplate;
|
19
|
+
activeChange = new EventEmitter();
|
20
|
+
_active = false;
|
19
21
|
get active() {
|
20
22
|
return this._active;
|
21
23
|
}
|
@@ -28,6 +30,8 @@ class AXTabItemComponent extends AXBaseTabItemMixin {
|
|
28
30
|
},
|
29
31
|
});
|
30
32
|
}
|
33
|
+
disabledChange = new EventEmitter();
|
34
|
+
_disabled = false;
|
31
35
|
get disabled() {
|
32
36
|
return this._disabled;
|
33
37
|
}
|
@@ -55,9 +59,8 @@ class AXTabItemComponent extends AXBaseTabItemMixin {
|
|
55
59
|
option.newValue ? classListRef.add('ax-state-active') : classListRef.remove('ax-state-active');
|
56
60
|
}
|
57
61
|
}
|
58
|
-
}
|
59
|
-
|
60
|
-
AXTabItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXTabItemComponent, selector: "ax-tab-item", inputs: { text: "text", key: "key", active: "active", disabled: "disabled" }, outputs: { activeChange: "activeChange", disabledChange: "disabledChange" }, host: { listeners: { "click": "__hostClick($event)" } }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["tabHeader"], descendants: true, static: true }], viewQueries: [{ propertyName: "template", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
|
62
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTabItemComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
63
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXTabItemComponent, selector: "ax-tab-item", inputs: { text: "text", key: "key", active: "active", disabled: "disabled" }, outputs: { activeChange: "activeChange", disabledChange: "disabledChange" }, host: { listeners: { "click": "__hostClick($event)" } }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["tabHeader"], descendants: true, static: true }], viewQueries: [{ propertyName: "template", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
|
61
64
|
<ng-container *ngIf="headerTemplate; else tabHeader">
|
62
65
|
<ng-container
|
63
66
|
[ngTemplateOutlet]="headerTemplate"
|
@@ -83,7 +86,8 @@ AXTabItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
|
|
83
86
|
<ng-content select="ax-content"> </ng-content>
|
84
87
|
</ng-template>
|
85
88
|
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
86
|
-
|
89
|
+
}
|
90
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTabItemComponent, decorators: [{
|
87
91
|
type: Component,
|
88
92
|
args: [{
|
89
93
|
selector: 'ax-tab-item',
|
@@ -140,24 +144,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
140
144
|
}] } });
|
141
145
|
|
142
146
|
class AXTabsComponent extends AXBaseComponent {
|
147
|
+
_contentTabs;
|
148
|
+
look = 'pills';
|
149
|
+
orientation = 'horizontal';
|
150
|
+
fitParent = false;
|
151
|
+
minWidth = false;
|
152
|
+
content;
|
143
153
|
constructor(elementRef, cdr) {
|
144
154
|
super(elementRef, cdr);
|
145
|
-
this.look = 'pills';
|
146
|
-
this.orientation = 'horizontal';
|
147
|
-
this.fitParent = false;
|
148
|
-
this.minWidth = false;
|
149
|
-
this._isUserInteraction = false;
|
150
|
-
this.onActiveTabChanged = new EventEmitter();
|
151
155
|
}
|
156
|
+
_isUserInteraction = false;
|
152
157
|
get items() {
|
153
158
|
return this._contentTabs.toArray();
|
154
159
|
}
|
160
|
+
_selectedItem;
|
155
161
|
get selectedIndex() {
|
156
162
|
return this.items.indexOf(this._selectedItem);
|
157
163
|
}
|
158
164
|
get selectedItem() {
|
159
165
|
return this._selectedItem;
|
160
166
|
}
|
167
|
+
onActiveTabChanged = new EventEmitter();
|
161
168
|
get __hostClass() {
|
162
169
|
const cssClasses = [];
|
163
170
|
cssClasses.push(`ax-look-${this.look}`);
|
@@ -208,14 +215,14 @@ class AXTabsComponent extends AXBaseComponent {
|
|
208
215
|
});
|
209
216
|
this._isUserInteraction = false;
|
210
217
|
}
|
211
|
-
}
|
212
|
-
|
213
|
-
AXTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXTabsComponent, selector: "ax-tabs", inputs: { look: "look", orientation: "orientation", fitParent: "fitParent", minWidth: "minWidth", content: "content" }, outputs: { onActiveTabChanged: "onActiveTabChanged" }, host: { properties: { "class": "this.__hostClass" }, classAttribute: "ax-tabs" }, queries: [{ propertyName: "_contentTabs", predicate: AXTabItemComponent }], usesInheritance: true, ngImport: i0, template: `
|
218
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTabsComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
219
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXTabsComponent, selector: "ax-tabs", inputs: { look: "look", orientation: "orientation", fitParent: "fitParent", minWidth: "minWidth", content: "content" }, outputs: { onActiveTabChanged: "onActiveTabChanged" }, host: { properties: { "class": "this.__hostClass" }, classAttribute: "ax-tabs" }, queries: [{ propertyName: "_contentTabs", predicate: AXTabItemComponent }], usesInheritance: true, ngImport: i0, template: `
|
214
220
|
<div class="ax-items-wrapper">
|
215
221
|
<ng-content select="ax-tab-item"> </ng-content>
|
216
222
|
</div>
|
217
223
|
`, isInline: true, styles: [".ax-dark ax-tabs.ax-look-classic ax-tab-item:hover,.ax-dark ax-tabs.ax-look-classic ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500))!important;border-top-color:rgba(var(--ax-color-primary-500))!important;border-bottom-color:transparent!important;color:rgba(var(--ax-color-primary-fore))!important}.ax-dark ax-tabs.ax-look-with-line .ax-items-wrapper ax-tab-item:hover,.ax-dark ax-tabs.ax-look-with-line .ax-items-wrapper ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}ax-tabs{position:relative;display:block}ax-tabs.ax-tabs-fit{width:100%}ax-tabs.ax-tabs-fit ax-tab-item{flex:1}ax-tabs:not(.ax-look-custom) .ax-items-wrapper{position:relative}ax-tabs:not(.ax-look-custom) .ax-items-wrapper ax-tab-item{font-size:.875rem;line-height:1.25rem;padding:.75rem 1rem;cursor:pointer;position:relative;display:flex;gap:.5rem;-webkit-user-select:none;user-select:none}ax-tabs:not(.ax-look-custom) .ax-items-wrapper ax-tab-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-tabs.ax-horizontal .ax-items-wrapper{display:flex}ax-tabs.ax-horizontal .ax-items-wrapper ax-tab-item{text-align:center;align-items:center;justify-content:center}ax-tabs.ax-horizontal.ax-look-pills ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-inline-end:.5rem}ax-tabs.ax-horizontal.ax-look-pills ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-text-default))}ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-inline-end:.25rem}ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item{background:rgba(var(--ax-color-on-surface));border-top-width:1px;border-inline-start-width:1px;border-inline-end-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));margin-inline-end:.2rem}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));border-top-color:rgba(var(--ax-color-primary-500));border-bottom-color:transparent;color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-vertical .ax-items-wrapper{display:flex;flex-direction:column}ax-tabs.ax-vertical.ax-look-pills ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-block-end:.25rem}ax-tabs.ax-vertical.ax-look-pills ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-text-default))}ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-block-end:.25rem}ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item{border-inline-start:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper{border-top-width:1px;border-bottom-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item{background:rgba(var(--ax-color-on-surface));border-inline-start-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));border-inline-start-color:rgba(var(--ax-color-primary-500));border-inline-end-color:transparent;color:rgba(var(--ax-color-primary-500))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
218
|
-
|
224
|
+
}
|
225
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTabsComponent, decorators: [{
|
219
226
|
type: Component,
|
220
227
|
args: [{ selector: 'ax-tabs', template: `
|
221
228
|
<div class="ax-items-wrapper">
|
@@ -243,12 +250,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
243
250
|
}] } });
|
244
251
|
|
245
252
|
class AXTabStripChangedEvent extends AXEvent {
|
253
|
+
tab;
|
254
|
+
index;
|
246
255
|
}
|
247
256
|
|
248
257
|
class AXTabContentDirective {
|
258
|
+
_viewContainerRef;
|
249
259
|
constructor(_viewContainerRef) {
|
250
260
|
this._viewContainerRef = _viewContainerRef;
|
251
261
|
}
|
262
|
+
_portal;
|
252
263
|
get portal() {
|
253
264
|
return this._portal;
|
254
265
|
}
|
@@ -260,10 +271,10 @@ class AXTabContentDirective {
|
|
260
271
|
const viewRef = this._viewContainerRef.createEmbeddedView(v, null, 0);
|
261
272
|
}
|
262
273
|
}
|
274
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTabContentDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
275
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: AXTabContentDirective, selector: "[axTabContent]", inputs: { portal: ["axTabContent", "portal"] }, exportAs: ["axTabContent"], ngImport: i0 });
|
263
276
|
}
|
264
|
-
|
265
|
-
AXTabContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.4", type: AXTabContentDirective, selector: "[axTabContent]", inputs: { portal: ["axTabContent", "portal"] }, exportAs: ["axTabContent"], ngImport: i0 });
|
266
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXTabContentDirective, decorators: [{
|
277
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTabContentDirective, decorators: [{
|
267
278
|
type: Directive,
|
268
279
|
args: [{
|
269
280
|
selector: '[axTabContent]',
|
@@ -275,11 +286,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
275
286
|
const COMPONENT = [AXTabsComponent, AXTabItemComponent, AXTabContentDirective];
|
276
287
|
const MODULES = [CommonModule, PortalModule, AXDecoratorModule];
|
277
288
|
class AXTabsModule {
|
289
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
290
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXTabsModule, declarations: [AXTabsComponent, AXTabItemComponent, AXTabContentDirective], imports: [CommonModule, PortalModule, AXDecoratorModule], exports: [AXTabsComponent, AXTabItemComponent, AXTabContentDirective] });
|
291
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTabsModule, imports: [MODULES] });
|
278
292
|
}
|
279
|
-
|
280
|
-
AXTabsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: AXTabsModule, declarations: [AXTabsComponent, AXTabItemComponent, AXTabContentDirective], imports: [CommonModule, PortalModule, AXDecoratorModule], exports: [AXTabsComponent, AXTabItemComponent, AXTabContentDirective] });
|
281
|
-
AXTabsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXTabsModule, imports: [MODULES] });
|
282
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXTabsModule, decorators: [{
|
293
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTabsModule, decorators: [{
|
283
294
|
type: NgModule,
|
284
295
|
args: [{
|
285
296
|
declarations: [...COMPONENT],
|
@@ -295,4 +306,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
295
306
|
|
296
307
|
export { AXBaseTabItemMixin, AXTabContentDirective, AXTabItemComponent, AXTabStripChangedEvent, AXTabsComponent, AXTabsModule };
|
297
308
|
//# sourceMappingURL=acorex-components-tabs.mjs.map
|
298
|
-
//# sourceMappingURL=acorex-components-tabs.mjs.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"acorex-components-tabs.mjs","sources":["../../../../projects/acorex/components/tabs/src/tab-item.component.ts","../../../../projects/acorex/components/tabs/src/tabs.component.ts","../../../../projects/acorex/components/tabs/src/tabs.class.ts","../../../../projects/acorex/components/tabs/src/tab-content.directive.ts","../../../../projects/acorex/components/tabs/src/tabs.module.ts","../../../../projects/acorex/components/tabs/acorex-components-tabs.ts"],"sourcesContent":["import { AXBaseComponent, AXComponentOptionChanged, _ClickableComponenetMixin } from '@acorex/components/mixin';\r\nimport {\r\n Component,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n ElementRef,\r\n ChangeDetectorRef,\r\n Input,\r\n ViewChild,\r\n TemplateRef,\r\n Output,\r\n EventEmitter,\r\n HostListener,\r\n ContentChild,\r\n} from '@angular/core';\r\n\r\nexport const AXBaseTabItemMixin = _ClickableComponenetMixin(AXBaseComponent);\r\n\r\n@Component({\r\n selector: 'ax-tab-item',\r\n template: `\r\n <ng-container *ngIf=\"headerTemplate; else tabHeader\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"headerTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n $implicit: {\r\n text: this.text,\r\n key: this.key,\r\n active: this.active,\r\n disabled: this.disabled\r\n }\r\n }\"></ng-container>\r\n </ng-container>\r\n <!-- <ng-container *ngIf=\"headerTemplate;else header\">\r\n <ng-content select=\"ax-header\">\r\n </ng-content>\r\n </ng-container> -->\r\n <ng-template #tabHeader>\r\n <ng-content select=\"ax-prefix\"></ng-content>\r\n <span>{{ text }}</span>\r\n <ng-content select=\"ax-suffix\"></ng-content>\r\n </ng-template>\r\n <ng-template #content>\r\n <ng-content select=\"ax-content\"> </ng-content>\r\n </ng-template>\r\n `,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXTabItemComponent extends AXBaseTabItemMixin {\r\n constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef) {\r\n super(_elementRef, _cdr);\r\n }\r\n\r\n @Input()\r\n text: string;\r\n\r\n @Input()\r\n key: string;\r\n\r\n @ViewChild('content')\r\n template: TemplateRef<any>;\r\n\r\n @ContentChild('tabHeader', { static: true })\r\n headerTemplate: TemplateRef<any>;\r\n\r\n @Output()\r\n activeChange: EventEmitter<boolean> = new EventEmitter<boolean>();\r\n\r\n private _active: boolean = false;\r\n @Input()\r\n public get active(): boolean {\r\n return this._active;\r\n }\r\n public set active(value: boolean) {\r\n this._setOption({\r\n name: 'active',\r\n value,\r\n afterCallback: () => {\r\n this._cdr.markForCheck();\r\n },\r\n });\r\n }\r\n\r\n @Output()\r\n disabledChange: EventEmitter<boolean> = new EventEmitter<boolean>();\r\n private _disabled: boolean = false;\r\n @Input()\r\n public get disabled(): boolean {\r\n return this._disabled;\r\n }\r\n public set disabled(value: boolean) {\r\n this._setOption({\r\n name: 'disabled',\r\n value,\r\n });\r\n }\r\n\r\n @HostListener('click', ['$event'])\r\n private __hostClick(e: MouseEvent) {\r\n if (!this.disabled) {\r\n this.onClick.emit({\r\n component: this,\r\n htmlElement: this._getHostElement(),\r\n nativeEvent: e,\r\n });\r\n }\r\n }\r\n\r\n _onOptionChanged(option: AXComponentOptionChanged): void {\r\n const classListRef = this._getHostElement().classList;\r\n if (option.name == 'disabled') {\r\n option.newValue ? classListRef.add('ax-state-disabled') : classListRef.remove('ax-state-disabled');\r\n }\r\n if (option.name == 'active') {\r\n option.newValue ? classListRef.add('ax-state-active') : classListRef.remove('ax-state-active');\r\n }\r\n }\r\n}\r\n","import {\r\n Component,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n ElementRef,\r\n ChangeDetectorRef,\r\n ContentChildren,\r\n QueryList,\r\n Input,\r\n Output,\r\n EventEmitter,\r\n HostBinding,\r\n} from '@angular/core';\r\nimport { AXTabLook, AXTabStripChangedEvent } from './tabs.class';\r\nimport { AXTabItemComponent } from './tab-item.component';\r\nimport { AXTabContentDirective } from './tab-content.directive';\r\nimport { AXBaseComponent } from '@acorex/components/mixin';\r\nimport { AXDirection } from '@acorex/components/common';\r\n\r\n@Component({\r\n selector: 'ax-tabs',\r\n template: `\r\n <div class=\"ax-items-wrapper\">\r\n <ng-content select=\"ax-tab-item\"> </ng-content>\r\n </div>\r\n `,\r\n styleUrls: ['tabs.component.scss'],\r\n host: { class: 'ax-tabs' },\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXTabsComponent extends AXBaseComponent {\r\n @ContentChildren(AXTabItemComponent)\r\n private _contentTabs!: QueryList<AXTabItemComponent>;\r\n\r\n @Input() look: AXTabLook = 'pills';\r\n\r\n\r\n @Input()\r\n orientation: AXDirection = 'horizontal';\r\n\r\n @Input()\r\n fitParent: boolean = false;\r\n\r\n @Input()\r\n minWidth: boolean = false;\r\n\r\n @Input()\r\n content!: AXTabContentDirective;\r\n\r\n constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n super(elementRef, cdr);\r\n }\r\n\r\n private _isUserInteraction: boolean = false;\r\n\r\n get items(): AXTabItemComponent[] {\r\n return this._contentTabs.toArray();\r\n }\r\n\r\n private _selectedItem!: AXTabItemComponent;\r\n\r\n get selectedIndex(): number {\r\n return this.items.indexOf(this._selectedItem);\r\n }\r\n\r\n get selectedItem(): AXTabItemComponent {\r\n return this._selectedItem;\r\n }\r\n\r\n @Output()\r\n onActiveTabChanged: EventEmitter<AXTabStripChangedEvent> = new EventEmitter<AXTabStripChangedEvent>();\r\n\r\n @HostBinding('class')\r\n private get __hostClass(): string[] {\r\n const cssClasses: string[] = [];\r\n cssClasses.push(`ax-look-${this.look}`);\r\n if (this.orientation == 'horizontal')\r\n cssClasses.push(`ax-horizontal`);\r\n else\r\n cssClasses.push(`ax-vertical`);\r\n return cssClasses;\r\n }\r\n\r\n\r\n ngAfterContentInit() {\r\n this._contentTabs.changes.subscribe((v) => {\r\n this._bindOnClickEvent();\r\n });\r\n }\r\n\r\n override ngAfterViewInit() {\r\n this._bindOnClickEvent();\r\n }\r\n\r\n private _bindOnClickEvent() {\r\n const selected = this.items.find((c) => c.active) || this.items[0];\r\n this.select(selected);\r\n this.items.forEach((c) => {\r\n if (!c.onClick.length) {\r\n c.onClick.subscribe((t) => {\r\n this._isUserInteraction = t.nativeEvent?.isTrusted;\r\n this.select(c);\r\n });\r\n }\r\n });\r\n }\r\n\r\n select(tab: number | AXTabItemComponent) {\r\n let tabItem: AXTabItemComponent =\r\n typeof tab == 'number' ? this.items[tab] : tab;\r\n //\r\n if (!tab || this.selectedItem == tabItem) return;\r\n this._selectedItem = tabItem;\r\n //\r\n this.items.forEach((c) => (c.active = false));\r\n tabItem.active = true;\r\n if (this.content) {\r\n this.content.portal = tabItem.template;\r\n }\r\n this._cdr.markForCheck();\r\n this.onActiveTabChanged.emit({\r\n component: this,\r\n isUserInteraction: this._isUserInteraction,\r\n tab: tabItem,\r\n index: this.selectedIndex,\r\n });\r\n this._isUserInteraction = false;\r\n }\r\n}\r\n","import { AXEvent } from '@acorex/components/common';\r\nimport { AXTabItemComponent } from './tab-item.component';\r\n\r\nexport class AXTabStripChangedEvent extends AXEvent {\r\n tab: AXTabItemComponent;\r\n index: number;\r\n}\r\n\r\n\r\nexport type AXTabLook =\r\n | 'pills'\r\n | 'pills-color'\r\n | 'with-line'\r\n | 'classic'\r\n | 'custom';","import { Directive, TemplateRef, ViewContainerRef } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[axTabContent]',\r\n exportAs: 'axTabContent',\r\n inputs: ['portal: axTabContent'],\r\n})\r\nexport class AXTabContentDirective {\r\n constructor(private _viewContainerRef: ViewContainerRef) {}\r\n\r\n private _portal: TemplateRef<any> | undefined;\r\n public get portal(): TemplateRef<any> | undefined{\r\n return this._portal;\r\n }\r\n public set portal(v: TemplateRef<any> | undefined) {\r\n //;\r\n if (v) {\r\n this._portal = v;\r\n this._viewContainerRef.clear();\r\n const viewRef = this._viewContainerRef.createEmbeddedView(v, null, 0);\r\n }\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { PortalModule } from '@angular/cdk/portal';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\nimport { AXTabContentDirective } from './tab-content.directive';\r\nimport { AXTabsComponent } from './tabs.component';\r\nimport { AXTabItemComponent } from './tab-item.component';\r\n\r\nconst COMPONENT = [AXTabsComponent, AXTabItemComponent, AXTabContentDirective];\r\nconst MODULES = [CommonModule, PortalModule, AXDecoratorModule];\r\n\r\n@NgModule({\r\n declarations: [...COMPONENT],\r\n imports: [...MODULES],\r\n exports: [...COMPONENT],\r\n providers: [],\r\n})\r\nexport class AXTabsModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
1
|
+
{"version":3,"file":"acorex-components-tabs.mjs","sources":["../../../../projects/acorex/components/tabs/src/tab-item.component.ts","../../../../projects/acorex/components/tabs/src/tabs.component.ts","../../../../projects/acorex/components/tabs/src/tabs.class.ts","../../../../projects/acorex/components/tabs/src/tab-content.directive.ts","../../../../projects/acorex/components/tabs/src/tabs.module.ts","../../../../projects/acorex/components/tabs/acorex-components-tabs.ts"],"sourcesContent":["import { AXBaseComponent, AXComponentOptionChanged, _ClickableComponenetMixin } from '@acorex/components/mixin';\r\nimport {\r\n Component,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n ElementRef,\r\n ChangeDetectorRef,\r\n Input,\r\n ViewChild,\r\n TemplateRef,\r\n Output,\r\n EventEmitter,\r\n HostListener,\r\n ContentChild,\r\n} from '@angular/core';\r\n\r\nexport const AXBaseTabItemMixin = _ClickableComponenetMixin(AXBaseComponent);\r\n\r\n@Component({\r\n selector: 'ax-tab-item',\r\n template: `\r\n <ng-container *ngIf=\"headerTemplate; else tabHeader\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"headerTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n $implicit: {\r\n text: this.text,\r\n key: this.key,\r\n active: this.active,\r\n disabled: this.disabled\r\n }\r\n }\"></ng-container>\r\n </ng-container>\r\n <!-- <ng-container *ngIf=\"headerTemplate;else header\">\r\n <ng-content select=\"ax-header\">\r\n </ng-content>\r\n </ng-container> -->\r\n <ng-template #tabHeader>\r\n <ng-content select=\"ax-prefix\"></ng-content>\r\n <span>{{ text }}</span>\r\n <ng-content select=\"ax-suffix\"></ng-content>\r\n </ng-template>\r\n <ng-template #content>\r\n <ng-content select=\"ax-content\"> </ng-content>\r\n </ng-template>\r\n `,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXTabItemComponent extends AXBaseTabItemMixin {\r\n constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef) {\r\n super(_elementRef, _cdr);\r\n }\r\n\r\n @Input()\r\n text: string;\r\n\r\n @Input()\r\n key: string;\r\n\r\n @ViewChild('content')\r\n template: TemplateRef<any>;\r\n\r\n @ContentChild('tabHeader', { static: true })\r\n headerTemplate: TemplateRef<any>;\r\n\r\n @Output()\r\n activeChange: EventEmitter<boolean> = new EventEmitter<boolean>();\r\n\r\n private _active: boolean = false;\r\n @Input()\r\n public get active(): boolean {\r\n return this._active;\r\n }\r\n public set active(value: boolean) {\r\n this._setOption({\r\n name: 'active',\r\n value,\r\n afterCallback: () => {\r\n this._cdr.markForCheck();\r\n },\r\n });\r\n }\r\n\r\n @Output()\r\n disabledChange: EventEmitter<boolean> = new EventEmitter<boolean>();\r\n private _disabled: boolean = false;\r\n @Input()\r\n public get disabled(): boolean {\r\n return this._disabled;\r\n }\r\n public set disabled(value: boolean) {\r\n this._setOption({\r\n name: 'disabled',\r\n value,\r\n });\r\n }\r\n\r\n @HostListener('click', ['$event'])\r\n private __hostClick(e: MouseEvent) {\r\n if (!this.disabled) {\r\n this.onClick.emit({\r\n component: this,\r\n htmlElement: this._getHostElement(),\r\n nativeEvent: e,\r\n });\r\n }\r\n }\r\n\r\n _onOptionChanged(option: AXComponentOptionChanged): void {\r\n const classListRef = this._getHostElement().classList;\r\n if (option.name == 'disabled') {\r\n option.newValue ? classListRef.add('ax-state-disabled') : classListRef.remove('ax-state-disabled');\r\n }\r\n if (option.name == 'active') {\r\n option.newValue ? classListRef.add('ax-state-active') : classListRef.remove('ax-state-active');\r\n }\r\n }\r\n}\r\n","import {\r\n Component,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n ElementRef,\r\n ChangeDetectorRef,\r\n ContentChildren,\r\n QueryList,\r\n Input,\r\n Output,\r\n EventEmitter,\r\n HostBinding,\r\n} from '@angular/core';\r\nimport { AXTabLook, AXTabStripChangedEvent } from './tabs.class';\r\nimport { AXTabItemComponent } from './tab-item.component';\r\nimport { AXTabContentDirective } from './tab-content.directive';\r\nimport { AXBaseComponent } from '@acorex/components/mixin';\r\nimport { AXDirection } from '@acorex/components/common';\r\n\r\n@Component({\r\n selector: 'ax-tabs',\r\n template: `\r\n <div class=\"ax-items-wrapper\">\r\n <ng-content select=\"ax-tab-item\"> </ng-content>\r\n </div>\r\n `,\r\n styleUrls: ['tabs.component.scss'],\r\n host: { class: 'ax-tabs' },\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXTabsComponent extends AXBaseComponent {\r\n @ContentChildren(AXTabItemComponent)\r\n private _contentTabs!: QueryList<AXTabItemComponent>;\r\n\r\n @Input() look: AXTabLook = 'pills';\r\n\r\n\r\n @Input()\r\n orientation: AXDirection = 'horizontal';\r\n\r\n @Input()\r\n fitParent: boolean = false;\r\n\r\n @Input()\r\n minWidth: boolean = false;\r\n\r\n @Input()\r\n content!: AXTabContentDirective;\r\n\r\n constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n super(elementRef, cdr);\r\n }\r\n\r\n private _isUserInteraction: boolean = false;\r\n\r\n get items(): AXTabItemComponent[] {\r\n return this._contentTabs.toArray();\r\n }\r\n\r\n private _selectedItem!: AXTabItemComponent;\r\n\r\n get selectedIndex(): number {\r\n return this.items.indexOf(this._selectedItem);\r\n }\r\n\r\n get selectedItem(): AXTabItemComponent {\r\n return this._selectedItem;\r\n }\r\n\r\n @Output()\r\n onActiveTabChanged: EventEmitter<AXTabStripChangedEvent> = new EventEmitter<AXTabStripChangedEvent>();\r\n\r\n @HostBinding('class')\r\n private get __hostClass(): string[] {\r\n const cssClasses: string[] = [];\r\n cssClasses.push(`ax-look-${this.look}`);\r\n if (this.orientation == 'horizontal')\r\n cssClasses.push(`ax-horizontal`);\r\n else\r\n cssClasses.push(`ax-vertical`);\r\n return cssClasses;\r\n }\r\n\r\n\r\n ngAfterContentInit() {\r\n this._contentTabs.changes.subscribe((v) => {\r\n this._bindOnClickEvent();\r\n });\r\n }\r\n\r\n override ngAfterViewInit() {\r\n this._bindOnClickEvent();\r\n }\r\n\r\n private _bindOnClickEvent() {\r\n const selected = this.items.find((c) => c.active) || this.items[0];\r\n this.select(selected);\r\n this.items.forEach((c) => {\r\n if (!c.onClick.length) {\r\n c.onClick.subscribe((t) => {\r\n this._isUserInteraction = t.nativeEvent?.isTrusted;\r\n this.select(c);\r\n });\r\n }\r\n });\r\n }\r\n\r\n select(tab: number | AXTabItemComponent) {\r\n let tabItem: AXTabItemComponent =\r\n typeof tab == 'number' ? this.items[tab] : tab;\r\n //\r\n if (!tab || this.selectedItem == tabItem) return;\r\n this._selectedItem = tabItem;\r\n //\r\n this.items.forEach((c) => (c.active = false));\r\n tabItem.active = true;\r\n if (this.content) {\r\n this.content.portal = tabItem.template;\r\n }\r\n this._cdr.markForCheck();\r\n this.onActiveTabChanged.emit({\r\n component: this,\r\n isUserInteraction: this._isUserInteraction,\r\n tab: tabItem,\r\n index: this.selectedIndex,\r\n });\r\n this._isUserInteraction = false;\r\n }\r\n}\r\n","import { AXEvent } from '@acorex/components/common';\r\nimport { AXTabItemComponent } from './tab-item.component';\r\n\r\nexport class AXTabStripChangedEvent extends AXEvent {\r\n tab: AXTabItemComponent;\r\n index: number;\r\n}\r\n\r\n\r\nexport type AXTabLook =\r\n | 'pills'\r\n | 'pills-color'\r\n | 'with-line'\r\n | 'classic'\r\n | 'custom';","import { Directive, TemplateRef, ViewContainerRef } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[axTabContent]',\r\n exportAs: 'axTabContent',\r\n inputs: ['portal: axTabContent'],\r\n})\r\nexport class AXTabContentDirective {\r\n constructor(private _viewContainerRef: ViewContainerRef) {}\r\n\r\n private _portal: TemplateRef<any> | undefined;\r\n public get portal(): TemplateRef<any> | undefined{\r\n return this._portal;\r\n }\r\n public set portal(v: TemplateRef<any> | undefined) {\r\n //;\r\n if (v) {\r\n this._portal = v;\r\n this._viewContainerRef.clear();\r\n const viewRef = this._viewContainerRef.createEmbeddedView(v, null, 0);\r\n }\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { PortalModule } from '@angular/cdk/portal';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\nimport { AXTabContentDirective } from './tab-content.directive';\r\nimport { AXTabsComponent } from './tabs.component';\r\nimport { AXTabItemComponent } from './tab-item.component';\r\n\r\nconst COMPONENT = [AXTabsComponent, AXTabItemComponent, AXTabContentDirective];\r\nconst MODULES = [CommonModule, PortalModule, AXDecoratorModule];\r\n\r\n@NgModule({\r\n declarations: [...COMPONENT],\r\n imports: [...MODULES],\r\n exports: [...COMPONENT],\r\n providers: [],\r\n})\r\nexport class AXTabsModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
@@ -5,19 +5,19 @@ import * as i1 from '@angular/common';
|
|
5
5
|
import { CommonModule } from '@angular/common';
|
6
6
|
|
7
7
|
class AXTagComponent extends AXBaseComponent {
|
8
|
+
text = '';
|
9
|
+
look = 'default';
|
8
10
|
constructor() {
|
9
11
|
super();
|
10
|
-
this.text = '';
|
11
|
-
this.look = 'default';
|
12
12
|
}
|
13
13
|
ngOnInit() { }
|
14
14
|
get __hostClass() {
|
15
15
|
return `ax-ghost-${this.look}`;
|
16
16
|
}
|
17
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
18
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXTagComponent, selector: "ax-tag", inputs: { text: "text", look: "look" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<div class=\"ax-tag-text\" *ngIf=\"text\">{{text }}</div>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-tag{font-size:.875rem;padding:.25rem .5rem;border-radius:var(--ax-rounded-border-default);display:inline-flex;align-items:center}ax-tag ax-prefix,ax-tag ax-suffix{display:flex;align-items:center;font-size:1rem}ax-tag ax-prefix ax-icon,ax-tag ax-suffix ax-icon{font-size:1rem!important}ax-tag ax-prefix{padding-inline-end:.25rem}ax-tag ax-suffix{padding-inline-start:.25rem}ax-tag.ax-ghost-default{background-color:rgba(var(--ax-color-ghost-100));color:rgba(var(--ax-color-ghost-fore))}ax-tag.ax-ghost-outline{border:1px solid;border-color:rgba(var(--ax-color-ghost-500));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-tag.ax-ghost-default{background-color:rgba(var(--ax-color-ghost-500));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-tag.ax-ghost-outline{border:1px solid;border-color:rgba(var(--ax-color-ghost-300));color:rgba(var(--ax-color-ghost-fore))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
17
19
|
}
|
18
|
-
|
19
|
-
AXTagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXTagComponent, selector: "ax-tag", inputs: { text: "text", look: "look" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<div class=\"ax-tag-text\" *ngIf=\"text\">{{text }}</div>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-tag{font-size:.875rem;padding:.25rem .5rem;border-radius:var(--ax-rounded-border-default);display:inline-flex;align-items:center}ax-tag ax-prefix,ax-tag ax-suffix{display:flex;align-items:center;font-size:1rem}ax-tag ax-prefix ax-icon,ax-tag ax-suffix ax-icon{font-size:1rem!important}ax-tag ax-prefix{padding-inline-end:.25rem}ax-tag ax-suffix{padding-inline-start:.25rem}ax-tag.ax-ghost-default{background-color:rgba(var(--ax-color-ghost-100));color:rgba(var(--ax-color-ghost-fore))}ax-tag.ax-ghost-outline{border:1px solid;border-color:rgba(var(--ax-color-ghost-500));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-tag.ax-ghost-default{background-color:rgba(var(--ax-color-ghost-500));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-tag.ax-ghost-outline{border:1px solid;border-color:rgba(var(--ax-color-ghost-300));color:rgba(var(--ax-color-ghost-fore))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXTagComponent, decorators: [{
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTagComponent, decorators: [{
|
21
21
|
type: Component,
|
22
22
|
args: [{ selector: 'ax-tag', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<div class=\"ax-tag-text\" *ngIf=\"text\">{{text }}</div>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-tag{font-size:.875rem;padding:.25rem .5rem;border-radius:var(--ax-rounded-border-default);display:inline-flex;align-items:center}ax-tag ax-prefix,ax-tag ax-suffix{display:flex;align-items:center;font-size:1rem}ax-tag ax-prefix ax-icon,ax-tag ax-suffix ax-icon{font-size:1rem!important}ax-tag ax-prefix{padding-inline-end:.25rem}ax-tag ax-suffix{padding-inline-start:.25rem}ax-tag.ax-ghost-default{background-color:rgba(var(--ax-color-ghost-100));color:rgba(var(--ax-color-ghost-fore))}ax-tag.ax-ghost-outline{border:1px solid;border-color:rgba(var(--ax-color-ghost-500));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-tag.ax-ghost-default{background-color:rgba(var(--ax-color-ghost-500));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-tag.ax-ghost-outline{border:1px solid;border-color:rgba(var(--ax-color-ghost-300));color:rgba(var(--ax-color-ghost-fore))}\n"] }]
|
23
23
|
}], ctorParameters: function () { return []; }, propDecorators: { text: [{
|
@@ -30,11 +30,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
30
30
|
}] } });
|
31
31
|
|
32
32
|
class AXTagModule {
|
33
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
34
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXTagModule, declarations: [AXTagComponent], imports: [CommonModule], exports: [AXTagComponent] });
|
35
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTagModule, imports: [CommonModule] });
|
33
36
|
}
|
34
|
-
|
35
|
-
AXTagModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: AXTagModule, declarations: [AXTagComponent], imports: [CommonModule], exports: [AXTagComponent] });
|
36
|
-
AXTagModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXTagModule, imports: [CommonModule] });
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXTagModule, decorators: [{
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTagModule, decorators: [{
|
38
38
|
type: NgModule,
|
39
39
|
args: [{
|
40
40
|
declarations: [AXTagComponent],
|
@@ -50,4 +50,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
50
50
|
|
51
51
|
export { AXTagComponent, AXTagModule };
|
52
52
|
//# sourceMappingURL=acorex-components-tag.mjs.map
|
53
|
-
//# sourceMappingURL=acorex-components-tag.mjs.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"acorex-components-tag.mjs","sources":["../../../../projects/acorex/components/tag/src/tag.component.ts","../../../../projects/acorex/components/tag/src/tag.component.html","../../../../projects/acorex/components/tag/src/tag.module.ts","../../../../projects/acorex/components/tag/acorex-components-tag.ts"],"sourcesContent":["import { AXBaseComponent } from '@acorex/components/mixin';\r\nimport { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'ax-tag',\r\n templateUrl: './tag.component.html',\r\n styleUrls: ['./tag.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXTagComponent extends AXBaseComponent {\r\n @Input()\r\n text: string = ''\r\n\r\n @Input()\r\n look: 'default' | 'outline' = 'default'\r\n\r\n constructor() {\r\n super()\r\n }\r\n\r\n\r\n ngOnInit(): void { }\r\n\r\n @HostBinding('class')\r\n private get __hostClass(): string {\r\n return `ax-ghost-${this.look}`;\r\n }\r\n}\r\n","<ng-content select=\"ax-prefix\"></ng-content>\r\n<div class=\"ax-tag-text\" *ngIf=\"text\">{{text }}</div>\r\n<ng-content select=\"ax-suffix\"></ng-content>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXTagComponent } from './tag.component';\r\n\r\n@NgModule({\r\n declarations: [AXTagComponent],\r\n imports: [CommonModule],\r\n exports: [AXTagComponent],\r\n providers: [],\r\n})\r\nexport class AXTagModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;AAUM,MAAO,cAAe,SAAQ,eAAe,CAAA;
|
1
|
+
{"version":3,"file":"acorex-components-tag.mjs","sources":["../../../../projects/acorex/components/tag/src/tag.component.ts","../../../../projects/acorex/components/tag/src/tag.component.html","../../../../projects/acorex/components/tag/src/tag.module.ts","../../../../projects/acorex/components/tag/acorex-components-tag.ts"],"sourcesContent":["import { AXBaseComponent } from '@acorex/components/mixin';\r\nimport { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'ax-tag',\r\n templateUrl: './tag.component.html',\r\n styleUrls: ['./tag.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXTagComponent extends AXBaseComponent {\r\n @Input()\r\n text: string = ''\r\n\r\n @Input()\r\n look: 'default' | 'outline' = 'default'\r\n\r\n constructor() {\r\n super()\r\n }\r\n\r\n\r\n ngOnInit(): void { }\r\n\r\n @HostBinding('class')\r\n private get __hostClass(): string {\r\n return `ax-ghost-${this.look}`;\r\n }\r\n}\r\n","<ng-content select=\"ax-prefix\"></ng-content>\r\n<div class=\"ax-tag-text\" *ngIf=\"text\">{{text }}</div>\r\n<ng-content select=\"ax-suffix\"></ng-content>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXTagComponent } from './tag.component';\r\n\r\n@NgModule({\r\n declarations: [AXTagComponent],\r\n imports: [CommonModule],\r\n exports: [AXTagComponent],\r\n providers: [],\r\n})\r\nexport class AXTagModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;AAUM,MAAO,cAAe,SAAQ,eAAe,CAAA;IAE/C,IAAI,GAAW,EAAE,CAAA;IAGjB,IAAI,GAA0B,SAAS,CAAA;AAEvC,IAAA,WAAA,GAAA;AACI,QAAA,KAAK,EAAE,CAAA;KACV;AAGD,IAAA,QAAQ,MAAY;AAEpB,IAAA,IACY,WAAW,GAAA;AACnB,QAAA,OAAO,CAAY,SAAA,EAAA,IAAI,CAAC,IAAI,EAAE,CAAC;KAClC;uGAjBQ,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,oKCV3B,+JAE4C,EAAA,MAAA,EAAA,CAAA,w2BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDQ/B,cAAc,EAAA,UAAA,EAAA,CAAA;kBAP1B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,QAAQ,mBAGD,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,+JAAA,EAAA,MAAA,EAAA,CAAA,w2BAAA,CAAA,EAAA,CAAA;0EAIrC,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAWM,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO,CAAA;;;MEdX,WAAW,CAAA;uGAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,EALL,YAAA,EAAA,CAAA,cAAc,CACnB,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,cAAc,CAAA,EAAA,CAAA,CAAA;AAGf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,YAJV,YAAY,CAAA,EAAA,CAAA,CAAA;;2FAIb,WAAW,EAAA,UAAA,EAAA,CAAA;kBANvB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,YAAY,EAAE,CAAC,cAAc,CAAC;oBAC9B,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,cAAc,CAAC;AACzB,oBAAA,SAAS,EAAE,EAAE;AAChB,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}
|
@@ -0,0 +1,52 @@
|
|
1
|
+
import { AXBaseTextBoxMixin } from '@acorex/components/mixin';
|
2
|
+
import * as i0 from '@angular/core';
|
3
|
+
import { Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, Input, NgModule } from '@angular/core';
|
4
|
+
import * as i1 from '@angular/forms';
|
5
|
+
import { FormsModule } from '@angular/forms';
|
6
|
+
import { CommonModule } from '@angular/common';
|
7
|
+
|
8
|
+
class AXTextareaComponent extends AXBaseTextBoxMixin {
|
9
|
+
input;
|
10
|
+
rows = 0;
|
11
|
+
/**
|
12
|
+
* @ignore
|
13
|
+
*/
|
14
|
+
constructor(elementRef, cdr) {
|
15
|
+
super(elementRef, cdr);
|
16
|
+
}
|
17
|
+
focus() {
|
18
|
+
this.input.nativeElement.focus();
|
19
|
+
}
|
20
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTextareaComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
21
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXTextareaComponent, selector: "ax-textarea", inputs: { disabled: "disabled", tabIndex: "tabIndex", readonly: "readonly", value: "value", name: "name", checked: "checked", placeholder: "placeholder", maxLength: "maxLength", rows: "rows" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", onValueChanged: "onValueChanged" }, host: { classAttribute: "ax-editor-container" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<textarea #input [attr.name]=\"name\" type=\"text\" [rows]=\"rows\" [attr.placeholder]=\"placeholder\" [attr.maxlength]=\"maxLength\"\r\n [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\" [disabled]=\"disabled\"\r\n [readonly]=\"readonly\" [tabindex]=\"tabIndex\" [(ngModel)]=\"value\" (focus)=\"_emitOnFocusEvent($event)\"\r\n (blur)=\"_emitOnBlurEvent($event)\" [attr.autocomplete]=\"autoComplete\"></textarea>\r\n<ng-content select=\"ax-suffix\"></ng-content>\r\n<ng-content select=\"ax-validation-rule\">\r\n</ng-content>", styles: ["ax-textarea{position:relative;width:100%;height:auto!important;flex-direction:column;border-radius:var(--ax-rounded-border-default);border:1px solid;border:rgba(var(--ax-color-border-default));overflow:hidden}ax-textarea textarea{height:-moz-fit-content;height:fit-content;line-height:1.7;width:100%;font-size:.875rem;padding:.625rem;background-color:inherit}ax-textarea textarea:focus{outline-color:transparent}ax-textarea>ax-prefix,ax-textarea>ax-suffix{margin-bottom:.5rem;padding:.375rem}ax-textarea.ax-state-disabled{cursor:not-allowed;opacity:.5}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
22
|
+
}
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTextareaComponent, decorators: [{
|
24
|
+
type: Component,
|
25
|
+
args: [{ selector: 'ax-textarea', inputs: ['disabled', 'tabIndex', 'readonly', 'value', 'name', 'checked', 'placeholder', 'maxLength'], outputs: ['onBlur', 'onFocus', 'valueChange', 'onValueChanged'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'ax-editor-container' }, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<textarea #input [attr.name]=\"name\" type=\"text\" [rows]=\"rows\" [attr.placeholder]=\"placeholder\" [attr.maxlength]=\"maxLength\"\r\n [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\" [disabled]=\"disabled\"\r\n [readonly]=\"readonly\" [tabindex]=\"tabIndex\" [(ngModel)]=\"value\" (focus)=\"_emitOnFocusEvent($event)\"\r\n (blur)=\"_emitOnBlurEvent($event)\" [attr.autocomplete]=\"autoComplete\"></textarea>\r\n<ng-content select=\"ax-suffix\"></ng-content>\r\n<ng-content select=\"ax-validation-rule\">\r\n</ng-content>", styles: ["ax-textarea{position:relative;width:100%;height:auto!important;flex-direction:column;border-radius:var(--ax-rounded-border-default);border:1px solid;border:rgba(var(--ax-color-border-default));overflow:hidden}ax-textarea textarea{height:-moz-fit-content;height:fit-content;line-height:1.7;width:100%;font-size:.875rem;padding:.625rem;background-color:inherit}ax-textarea textarea:focus{outline-color:transparent}ax-textarea>ax-prefix,ax-textarea>ax-suffix{margin-bottom:.5rem;padding:.375rem}ax-textarea.ax-state-disabled{cursor:not-allowed;opacity:.5}\n"] }]
|
26
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { input: [{
|
27
|
+
type: ViewChild,
|
28
|
+
args: ['input']
|
29
|
+
}], rows: [{
|
30
|
+
type: Input
|
31
|
+
}] } });
|
32
|
+
|
33
|
+
class AXTextareaModule {
|
34
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTextareaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
35
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXTextareaModule, declarations: [AXTextareaComponent], imports: [CommonModule, FormsModule], exports: [AXTextareaComponent] });
|
36
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTextareaModule, imports: [CommonModule, FormsModule] });
|
37
|
+
}
|
38
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTextareaModule, decorators: [{
|
39
|
+
type: NgModule,
|
40
|
+
args: [{
|
41
|
+
declarations: [AXTextareaComponent],
|
42
|
+
imports: [CommonModule, FormsModule],
|
43
|
+
exports: [AXTextareaComponent],
|
44
|
+
}]
|
45
|
+
}] });
|
46
|
+
|
47
|
+
/**
|
48
|
+
* Generated bundle index. Do not edit.
|
49
|
+
*/
|
50
|
+
|
51
|
+
export { AXTextareaComponent, AXTextareaModule };
|
52
|
+
//# sourceMappingURL=acorex-components-textarea.mjs.map
|