@acorex/components 7.3.1 → 7.4.1
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/button/lib/button-group.component.d.ts +10 -73
- package/button/lib/button-item.class.d.ts +1 -3
- package/button/lib/button-item.component.d.ts +12 -75
- package/button/lib/button.component.d.ts +1 -1
- package/button-group/README.md +3 -0
- package/button-group/index.d.ts +2 -0
- package/button-group/lib/button-group.component.d.ts +21 -0
- package/button-group/lib/button-group.module.d.ts +8 -0
- package/calendar/lib/calendar-range.component.d.ts +2 -1
- package/calendar/lib/calendar.class.d.ts +9 -8
- package/calendar/lib/calendar.component.d.ts +2 -1
- package/check-box/lib/check-box.component.d.ts +3 -2
- package/color-box/README.md +3 -0
- package/color-box/index.d.ts +2 -0
- package/color-box/lib/color-box.component.d.ts +27 -0
- package/color-box/lib/color-box.module.d.ts +11 -0
- package/common/index.d.ts +6 -5
- package/common/lib/classes/styles.class.d.ts +0 -9
- package/common/lib/components/button-base-component.class.d.ts +0 -2
- package/common/lib/components/interactive-component.class.d.ts +7 -1
- package/common/lib/types/direction.d.ts +4 -0
- package/common/lib/types/orientation.d.ts +4 -0
- package/common/lib/types/placement.d.ts +30 -0
- package/common/lib/types/selection-mode.d.ts +4 -0
- package/data-pager/lib/data-pager.module.d.ts +5 -4
- package/data-table/lib/data-column.directive.d.ts +2 -2
- package/datetime-box/README.md +3 -0
- package/datetime-box/index.d.ts +2 -0
- package/datetime-box/lib/datetime-box.component.d.ts +34 -0
- package/datetime-box/lib/datetime-box.module.d.ts +13 -0
- package/datetime-input/README.md +3 -0
- package/datetime-input/index.d.ts +2 -0
- package/datetime-input/lib/datetime-input.component.d.ts +44 -0
- package/datetime-input/lib/datetime-input.module.d.ts +10 -0
- package/datetime-picker/README.md +3 -0
- package/datetime-picker/index.d.ts +2 -0
- package/datetime-picker/lib/datetime-picker.component.d.ts +42 -0
- package/datetime-picker/lib/datetime-picker.module.d.ts +14 -0
- package/decorators/index.d.ts +4 -4
- package/decorators/lib/decorators.module.d.ts +4 -4
- package/dropdown/index.d.ts +2 -0
- package/dropdown/lib/dropdown-box.class.d.ts +15 -0
- package/dropdown/lib/dropdown-box.component.d.ts +25 -0
- package/dropdown/lib/dropdown-panel.component.d.ts +31 -20
- package/dropdown/lib/dropdown.module.d.ts +9 -8
- package/esm2022/action-sheet/lib/action-sheet.class.mjs +1 -1
- package/esm2022/action-sheet/lib/action-sheet.component.mjs +3 -3
- package/esm2022/action-sheet/lib/action-sheet.module.mjs +4 -4
- package/esm2022/action-sheet/lib/action-sheet.service.mjs +3 -3
- package/esm2022/alert/lib/alert.component.mjs +3 -3
- package/esm2022/alert/lib/alert.module.mjs +4 -4
- package/esm2022/avatar/lib/avatar-group.component.mjs +3 -3
- package/esm2022/avatar/lib/avatar.component.mjs +3 -3
- package/esm2022/avatar/lib/avatar.module.mjs +4 -4
- package/esm2022/badge/lib/badge.component.mjs +3 -3
- package/esm2022/badge/lib/badge.module.mjs +4 -4
- package/esm2022/breadcrumbs/lib/breadcrumbs-item.component.mjs +3 -3
- package/esm2022/breadcrumbs/lib/breadcrumbs.component.mjs +3 -3
- package/esm2022/breadcrumbs/lib/breadcrumbs.module.mjs +4 -4
- package/esm2022/button/lib/button-group.component.mjs +36 -29
- package/esm2022/button/lib/button-item.class.mjs +1 -1
- package/esm2022/button/lib/button-item.component.mjs +46 -32
- package/esm2022/button/lib/button.component.mjs +14 -10
- package/esm2022/button/lib/button.module.mjs +4 -4
- package/esm2022/{color-picker/acorex-components-color-picker.mjs → button-group/acorex-components-button-group.mjs} +1 -1
- package/esm2022/button-group/index.mjs +3 -0
- package/esm2022/button-group/lib/button-group.component.mjs +97 -0
- package/esm2022/button-group/lib/button-group.module.mjs +21 -0
- package/esm2022/calendar/lib/calendar-range.component.mjs +14 -13
- package/esm2022/calendar/lib/calendar.class.mjs +19 -18
- package/esm2022/calendar/lib/calendar.component.mjs +80 -40
- package/esm2022/calendar/lib/calendar.module.mjs +4 -4
- package/esm2022/check-box/lib/check-box.component.mjs +9 -5
- package/esm2022/check-box/lib/check-box.module.mjs +4 -4
- package/esm2022/chips/lib/chips.component.mjs +3 -3
- package/esm2022/chips/lib/chips.module.mjs +4 -4
- package/esm2022/collapse/lib/collapse-group.component.mjs +3 -3
- package/esm2022/collapse/lib/collapse.component.mjs +3 -3
- package/esm2022/collapse/lib/collapse.module.mjs +4 -4
- package/esm2022/color-box/acorex-components-color-box.mjs +5 -0
- package/esm2022/color-box/index.mjs +3 -0
- package/esm2022/color-box/lib/color-box.component.mjs +91 -0
- package/esm2022/color-box/lib/color-box.module.mjs +24 -0
- package/esm2022/color-palette/lib/color-palette-input.component.mjs +3 -3
- package/esm2022/color-palette/lib/color-palette-picker.component.mjs +13 -13
- package/esm2022/color-palette/lib/color-palette-preview.component.mjs +3 -3
- package/esm2022/color-palette/lib/color-palette-swatches.component.mjs +3 -3
- package/esm2022/color-palette/lib/color-palette.class.mjs +6 -6
- package/esm2022/color-palette/lib/color-palette.component.mjs +5 -5
- package/esm2022/color-palette/lib/color-palette.module.mjs +4 -4
- package/esm2022/common/index.mjs +7 -6
- package/esm2022/common/lib/classes/components.class.mjs +22 -22
- package/esm2022/common/lib/classes/styles.class.mjs +1 -2
- package/esm2022/common/lib/common.module.mjs +4 -4
- package/esm2022/common/lib/components/base-component.class.mjs +3 -3
- package/esm2022/common/lib/components/button-base-component.class.mjs +4 -18
- package/esm2022/common/lib/components/input-base-value-component.class.mjs +3 -3
- package/esm2022/common/lib/components/interactive-component.class.mjs +14 -1
- package/esm2022/common/lib/components/value-component.class.mjs +6 -6
- package/esm2022/common/lib/directives/auto-focus.directive.mjs +3 -3
- package/esm2022/common/lib/directives/delayed-value-changed.directive.mjs +3 -3
- package/esm2022/common/lib/directives/hotkey.directive.mjs +3 -3
- package/esm2022/common/lib/directives/infinite-scroll.directive.mjs +3 -3
- package/esm2022/common/lib/directives/responsive.directive.mjs +3 -3
- package/esm2022/common/lib/services/dom.service.mjs +3 -3
- package/esm2022/common/lib/services/hotkey.service.mjs +3 -3
- package/esm2022/common/lib/types/direction.mjs +2 -0
- package/esm2022/common/lib/types/orientation.mjs +2 -0
- package/esm2022/common/lib/types/placement.mjs +160 -0
- package/esm2022/common/lib/types/range.mjs +2 -0
- package/esm2022/common/lib/types/selection-mode.mjs +5 -0
- package/esm2022/context-menu/lib/context-menu.component.mjs +3 -3
- package/esm2022/context-menu/lib/context-menu.module.mjs +4 -4
- package/esm2022/data-pager/lib/data-pager-base.component.mjs +6 -6
- package/esm2022/data-pager/lib/data-pager-info.component.mjs +3 -3
- package/esm2022/data-pager/lib/data-pager-input-selector.component.mjs +3 -3
- package/esm2022/data-pager/lib/data-pager-next-buttons.components.mjs +4 -4
- package/esm2022/data-pager/lib/data-pager-numeric-selector.component.mjs +15 -18
- package/esm2022/data-pager/lib/data-pager-pagesize-dropdown.component.mjs +7 -7
- package/esm2022/data-pager/lib/data-pager-prev-buttons.component.mjs +4 -4
- package/esm2022/data-pager/lib/data-pager.component.mjs +5 -5
- package/esm2022/data-pager/lib/data-pager.module.mjs +8 -7
- package/esm2022/data-table/lib/data-column.directive.mjs +6 -8
- package/esm2022/data-table/lib/data-table.component.mjs +3 -3
- package/esm2022/data-table/lib/data-table.module.mjs +4 -4
- package/esm2022/datetime-box/acorex-components-datetime-box.mjs +5 -0
- package/esm2022/datetime-box/index.mjs +3 -0
- package/esm2022/datetime-box/lib/datetime-box.component.mjs +109 -0
- package/esm2022/datetime-box/lib/datetime-box.module.mjs +38 -0
- package/esm2022/datetime-input/acorex-components-datetime-input.mjs +5 -0
- package/esm2022/datetime-input/index.mjs +3 -0
- package/esm2022/datetime-input/lib/datetime-input.component.mjs +522 -0
- package/esm2022/datetime-input/lib/datetime-input.module.mjs +23 -0
- package/esm2022/datetime-picker/acorex-components-datetime-picker.mjs +5 -0
- package/esm2022/datetime-picker/index.mjs +3 -0
- package/esm2022/datetime-picker/lib/datetime-picker.component.mjs +232 -0
- package/esm2022/datetime-picker/lib/datetime-picker.module.mjs +41 -0
- package/esm2022/decorators/index.mjs +5 -5
- package/esm2022/decorators/lib/components/clear-button.component.mjs +58 -0
- package/esm2022/decorators/lib/components/close-button.component.mjs +43 -0
- package/esm2022/decorators/lib/components/generic-content.component.mjs +17 -0
- package/esm2022/decorators/lib/components/icon.component.mjs +26 -0
- package/esm2022/decorators/lib/decorators.module.mjs +10 -10
- package/esm2022/dialog/lib/dialog.component.mjs +4 -4
- package/esm2022/dialog/lib/dialog.module.mjs +4 -4
- package/esm2022/dialog/lib/dialog.service.mjs +3 -3
- package/esm2022/drawer/lib/drawer-container.component.mjs +3 -3
- package/esm2022/drawer/lib/drawer.component.mjs +3 -3
- package/esm2022/drawer/lib/drawer.module.mjs +4 -4
- package/esm2022/dropdown/index.mjs +3 -1
- package/esm2022/dropdown/lib/dropdown-box.class.mjs +38 -0
- package/esm2022/dropdown/lib/dropdown-box.component.mjs +94 -0
- package/esm2022/dropdown/lib/dropdown-panel.component.mjs +88 -37
- package/esm2022/dropdown/lib/dropdown.module.mjs +8 -7
- package/esm2022/form/index.mjs +2 -1
- package/esm2022/form/lib/form-field.component.mjs +3 -3
- package/esm2022/form/lib/form.component.mjs +3 -3
- package/esm2022/form/lib/form.config.mjs +36 -0
- package/esm2022/form/lib/form.module.mjs +6 -28
- package/esm2022/form/lib/validation-rule.widget.mjs +8 -7
- package/esm2022/form/lib/validation-summary.component.mjs +4 -4
- package/esm2022/image/lib/image.component.mjs +3 -3
- package/esm2022/image/lib/image.module.mjs +4 -4
- package/esm2022/label/lib/label.component.mjs +3 -3
- package/esm2022/label/lib/label.module.mjs +4 -4
- package/esm2022/loading/lib/loading-spinner.component.mjs +3 -3
- package/esm2022/loading/lib/loading.component.mjs +6 -6
- package/esm2022/loading/lib/loading.directive.mjs +20 -51
- package/esm2022/loading/lib/loading.module.mjs +6 -6
- package/esm2022/loading/lib/loading.service.mjs +36 -28
- package/esm2022/menu/lib/menu.component.mjs +3 -3
- package/esm2022/menu/lib/menu.module.mjs +4 -4
- package/esm2022/mixin/index.mjs +1 -2
- package/esm2022/mixin/lib/base-components.class.mjs +3 -3
- package/esm2022/mixin/lib/selection-component.class.mjs +3 -3
- package/esm2022/mixin/lib/value-mixin.class.mjs +3 -3
- package/esm2022/notification/lib/notification.component.mjs +3 -3
- package/esm2022/notification/lib/notification.module.mjs +4 -4
- package/esm2022/notification/lib/notification.service.mjs +3 -3
- package/esm2022/number-box/lib/number-box.component.mjs +3 -3
- package/esm2022/number-box/lib/number-box.module.mjs +4 -4
- package/esm2022/otp/lib/otp.component.mjs +23 -11
- package/esm2022/otp/lib/otp.module.mjs +4 -4
- package/esm2022/page/lib/base-page.class.mjs +20 -21
- package/esm2022/page/lib/page.component.mjs +13 -13
- package/esm2022/page/lib/page.module.mjs +4 -4
- package/esm2022/password-box/lib/password-box.component.mjs +3 -3
- package/esm2022/password-box/lib/password-box.module.mjs +4 -4
- package/esm2022/picker/acorex-components-picker.mjs +5 -0
- package/esm2022/picker/index.mjs +4 -0
- package/esm2022/picker/lib/picker-column.directive.mjs +73 -0
- package/esm2022/picker/lib/picker.component.mjs +148 -0
- package/esm2022/picker/lib/picker.module.mjs +22 -0
- package/esm2022/popover/index.mjs +1 -2
- package/esm2022/popover/lib/popover.component.mjs +270 -166
- package/esm2022/popover/lib/popover.module.mjs +4 -4
- package/esm2022/popup/lib/popup.component.mjs +40 -15
- package/esm2022/popup/lib/popup.module.mjs +6 -6
- package/esm2022/popup/lib/popup.service.mjs +9 -6
- package/esm2022/progress-bar/lib/progress-bar.component.mjs +9 -13
- package/esm2022/progress-bar/lib/progress-bar.module.mjs +4 -4
- package/esm2022/radio/lib/radio.component.mjs +36 -21
- package/esm2022/radio/lib/radio.module.mjs +4 -4
- package/esm2022/range-slider/lib/range-slider.component.mjs +21 -34
- package/esm2022/range-slider/lib/range-slider.module.mjs +4 -4
- package/esm2022/result/lib/result.component.mjs +6 -6
- package/esm2022/result/lib/result.module.mjs +4 -4
- package/esm2022/scheduler/index.mjs +2 -1
- package/esm2022/scheduler/lib/scheduler-month-view.component.mjs +16 -9
- package/esm2022/scheduler/lib/scheduler-week-view.component.mjs +12 -0
- package/esm2022/scheduler/lib/scheduler.component.mjs +27 -14
- package/esm2022/scheduler/lib/scheduler.module.mjs +10 -9
- package/esm2022/search-box/lib/search-box.component.mjs +3 -3
- package/esm2022/search-box/lib/search-box.module.mjs +4 -4
- package/esm2022/select-box/lib/select-box.component.mjs +7 -7
- package/esm2022/select-box/lib/select-box.module.mjs +4 -4
- package/esm2022/selection-list/lib/selection-list.component.mjs +3 -3
- package/esm2022/selection-list/lib/selection-list.module.mjs +4 -4
- package/esm2022/switch/lib/switch-content.component.mjs +3 -3
- package/esm2022/switch/lib/switch.component.mjs +3 -3
- package/esm2022/switch/lib/switch.module.mjs +4 -4
- package/esm2022/tabs/lib/tab-content.directive.mjs +3 -3
- package/esm2022/tabs/lib/tab-item.component.mjs +23 -53
- package/esm2022/tabs/lib/tabs.class.mjs +1 -1
- package/esm2022/tabs/lib/tabs.component.mjs +19 -28
- package/esm2022/tabs/lib/tabs.module.mjs +4 -4
- package/esm2022/tag/lib/tag.component.mjs +8 -10
- package/esm2022/tag/lib/tag.module.mjs +4 -4
- package/esm2022/text-area/lib/text-area.component.mjs +3 -3
- package/esm2022/text-area/lib/text-area.module.mjs +4 -4
- package/esm2022/text-box/lib/mask-options.directive.mjs +3 -3
- package/esm2022/text-box/lib/text-box.component.mjs +3 -3
- package/esm2022/text-box/lib/text-box.module.mjs +4 -4
- package/esm2022/toast/lib/toast.component.mjs +3 -3
- package/esm2022/toast/lib/toast.config.mjs +9 -3
- package/esm2022/toast/lib/toast.module.mjs +10 -6
- package/esm2022/toast/lib/toast.service.mjs +3 -3
- package/esm2022/tooltip/lib/tooltip.component.mjs +9 -13
- package/esm2022/tooltip/lib/tooltip.directive.mjs +35 -143
- package/esm2022/tooltip/lib/tooltip.module.mjs +4 -4
- package/esm2022/uploader/index.mjs +4 -2
- package/esm2022/uploader/lib/uploader-drop-zone.component.mjs +13 -0
- package/esm2022/uploader/lib/uploader-list.component.mjs +14 -0
- package/esm2022/uploader/lib/uploader-overlay.component.mjs +12 -0
- package/esm2022/uploader/lib/uploader.module.mjs +14 -11
- package/fesm2022/acorex-components-action-sheet.mjs +10 -10
- package/fesm2022/acorex-components-alert.mjs +7 -7
- package/fesm2022/acorex-components-avatar.mjs +10 -10
- package/fesm2022/acorex-components-badge.mjs +7 -7
- package/fesm2022/acorex-components-breadcrumbs.mjs +10 -10
- package/fesm2022/acorex-components-button-group.mjs +122 -0
- package/fesm2022/acorex-components-button-group.mjs.map +1 -0
- package/fesm2022/acorex-components-button.mjs +138 -116
- package/fesm2022/acorex-components-button.mjs.map +1 -1
- package/fesm2022/acorex-components-calendar.mjs +110 -68
- package/fesm2022/acorex-components-calendar.mjs.map +1 -1
- package/fesm2022/acorex-components-check-box.mjs +12 -8
- package/fesm2022/acorex-components-check-box.mjs.map +1 -1
- package/fesm2022/acorex-components-chips.mjs +7 -7
- package/fesm2022/acorex-components-collapse.mjs +10 -10
- package/fesm2022/acorex-components-color-box.mjs +116 -0
- package/fesm2022/acorex-components-color-box.mjs.map +1 -0
- package/fesm2022/acorex-components-color-palette.mjs +36 -36
- package/fesm2022/acorex-components-color-palette.mjs.map +1 -1
- package/fesm2022/acorex-components-common.mjs +238 -301
- package/fesm2022/acorex-components-common.mjs.map +1 -1
- package/fesm2022/acorex-components-context-menu.mjs +7 -7
- package/fesm2022/acorex-components-data-pager.mjs +52 -54
- package/fesm2022/acorex-components-data-pager.mjs.map +1 -1
- package/fesm2022/acorex-components-data-table.mjs +12 -14
- package/fesm2022/acorex-components-data-table.mjs.map +1 -1
- package/fesm2022/acorex-components-datetime-box.mjs +146 -0
- package/fesm2022/acorex-components-datetime-box.mjs.map +1 -0
- package/fesm2022/acorex-components-datetime-input.mjs +547 -0
- package/fesm2022/acorex-components-datetime-input.mjs.map +1 -0
- package/fesm2022/acorex-components-datetime-picker.mjs +273 -0
- package/fesm2022/acorex-components-datetime-picker.mjs.map +1 -0
- package/fesm2022/acorex-components-decorators.mjs +50 -50
- package/fesm2022/acorex-components-decorators.mjs.map +1 -1
- package/fesm2022/acorex-components-dialog.mjs +11 -11
- package/fesm2022/acorex-components-dialog.mjs.map +1 -1
- package/fesm2022/acorex-components-drawer.mjs +10 -10
- package/fesm2022/acorex-components-dropdown.mjs +217 -44
- package/fesm2022/acorex-components-dropdown.mjs.map +1 -1
- package/fesm2022/acorex-components-form.mjs +58 -44
- package/fesm2022/acorex-components-form.mjs.map +1 -1
- package/fesm2022/acorex-components-image.mjs +7 -7
- package/fesm2022/acorex-components-label.mjs +7 -7
- package/fesm2022/acorex-components-loading.mjs +93 -116
- package/fesm2022/acorex-components-loading.mjs.map +1 -1
- package/fesm2022/acorex-components-menu.mjs +7 -7
- package/fesm2022/acorex-components-mixin.mjs +7 -26
- package/fesm2022/acorex-components-mixin.mjs.map +1 -1
- package/fesm2022/acorex-components-notification.mjs +10 -10
- package/fesm2022/acorex-components-notification.mjs.map +1 -1
- package/fesm2022/acorex-components-number-box.mjs +7 -7
- package/fesm2022/acorex-components-otp.mjs +27 -15
- package/fesm2022/acorex-components-otp.mjs.map +1 -1
- package/fesm2022/acorex-components-page.mjs +55 -56
- package/fesm2022/acorex-components-page.mjs.map +1 -1
- package/fesm2022/acorex-components-password-box.mjs +7 -7
- package/fesm2022/acorex-components-picker.mjs +242 -0
- package/fesm2022/acorex-components-picker.mjs.map +1 -0
- package/fesm2022/acorex-components-popover.mjs +275 -241
- package/fesm2022/acorex-components-popover.mjs.map +1 -1
- package/fesm2022/acorex-components-popup.mjs +52 -24
- package/fesm2022/acorex-components-popup.mjs.map +1 -1
- package/fesm2022/acorex-components-progress-bar.mjs +12 -16
- package/fesm2022/acorex-components-progress-bar.mjs.map +1 -1
- package/fesm2022/acorex-components-radio.mjs +39 -25
- package/fesm2022/acorex-components-radio.mjs.map +1 -1
- package/fesm2022/acorex-components-range-slider.mjs +24 -37
- package/fesm2022/acorex-components-range-slider.mjs.map +1 -1
- package/fesm2022/acorex-components-result.mjs +9 -9
- package/fesm2022/acorex-components-result.mjs.map +1 -1
- package/fesm2022/acorex-components-scheduler.mjs +50 -25
- package/fesm2022/acorex-components-scheduler.mjs.map +1 -1
- package/fesm2022/acorex-components-search-box.mjs +7 -7
- package/fesm2022/acorex-components-select-box.mjs +10 -10
- package/fesm2022/acorex-components-select-box.mjs.map +1 -1
- package/fesm2022/acorex-components-selection-list.mjs +7 -7
- package/fesm2022/acorex-components-switch.mjs +10 -10
- package/fesm2022/acorex-components-tabs.mjs +45 -85
- package/fesm2022/acorex-components-tabs.mjs.map +1 -1
- package/fesm2022/acorex-components-tag.mjs +11 -13
- package/fesm2022/acorex-components-tag.mjs.map +1 -1
- package/fesm2022/acorex-components-text-area.mjs +7 -7
- package/fesm2022/acorex-components-text-box.mjs +10 -10
- package/fesm2022/acorex-components-toast.mjs +23 -13
- package/fesm2022/acorex-components-toast.mjs.map +1 -1
- package/fesm2022/acorex-components-tooltip.mjs +45 -157
- package/fesm2022/acorex-components-tooltip.mjs.map +1 -1
- package/fesm2022/acorex-components-uploader.mjs +38 -103
- package/fesm2022/acorex-components-uploader.mjs.map +1 -1
- package/form/index.d.ts +1 -0
- package/form/lib/form.config.d.ts +17 -0
- package/form/lib/form.module.d.ts +0 -1
- package/form/lib/validation-rule.widget.d.ts +1 -0
- package/loading/lib/loading.directive.d.ts +10 -17
- package/loading/lib/loading.module.d.ts +1 -1
- package/loading/lib/loading.service.d.ts +10 -15
- package/mixin/index.d.ts +0 -1
- package/mixin/lib/base-components.class.d.ts +2 -2
- package/mixin/lib/base-menu-mixin.class.d.ts +5 -5
- package/mixin/lib/button-mixin.class.d.ts +2 -2
- package/mixin/lib/clickable-mixin.class.d.ts +2 -2
- package/mixin/lib/color-look-mixing.class.d.ts +2 -2
- package/mixin/lib/datalist-component.class.d.ts +10 -10
- package/mixin/lib/dropdown-mixin.class.d.ts +2 -2
- package/mixin/lib/interactive-mixin.class.d.ts +4 -4
- package/mixin/lib/mixin.class.d.ts +61 -61
- package/mixin/lib/page-component.class.d.ts +2 -2
- package/mixin/lib/selection-component.class.d.ts +2 -2
- package/mixin/lib/sizable-mixin.class.d.ts +2 -2
- package/mixin/lib/textbox-mixin.class.d.ts +2 -2
- package/mixin/lib/value-mixin.class.d.ts +8 -8
- package/otp/lib/otp.component.d.ts +10 -6
- package/package.json +56 -41
- package/page/lib/base-page.class.d.ts +6 -10
- package/page/lib/page.component.d.ts +4 -4
- package/picker/README.md +3 -0
- package/picker/index.d.ts +3 -0
- package/picker/lib/picker-column.directive.d.ts +16 -0
- package/picker/lib/picker.component.d.ts +30 -0
- package/picker/lib/picker.module.d.ts +9 -0
- package/popover/index.d.ts +0 -1
- package/popover/lib/popover.component.d.ts +51 -27
- package/popup/lib/popup.component.d.ts +6 -6
- package/progress-bar/lib/progress-bar.component.d.ts +3 -8
- package/radio/lib/radio.component.d.ts +8 -10
- package/range-slider/lib/range-slider.component.d.ts +12 -12
- package/result/lib/result.component.d.ts +2 -2
- package/scheduler/index.d.ts +1 -0
- package/scheduler/lib/scheduler-month-view.component.d.ts +2 -1
- package/scheduler/lib/scheduler-week-view.component.d.ts +6 -0
- package/scheduler/lib/scheduler.component.d.ts +6 -0
- package/scheduler/lib/scheduler.module.d.ts +7 -6
- package/tabs/lib/tab-item.component.d.ts +7 -38
- package/tabs/lib/tabs.class.d.ts +2 -1
- package/tabs/lib/tabs.component.d.ts +7 -9
- package/tag/lib/tag.component.d.ts +2 -4
- package/tooltip/lib/tooltip.component.d.ts +3 -6
- package/tooltip/lib/tooltip.directive.d.ts +11 -17
- package/uploader/index.d.ts +3 -1
- package/uploader/lib/uploader-drop-zone.component.d.ts +6 -0
- package/uploader/lib/uploader-list.component.d.ts +6 -0
- package/uploader/lib/uploader-overlay.component.d.ts +6 -0
- package/uploader/lib/uploader.module.d.ts +7 -4
- package/color-picker/README.md +0 -3
- package/color-picker/index.d.ts +0 -2
- package/color-picker/lib/color-picker.component.d.ts +0 -191
- package/color-picker/lib/color-picker.module.d.ts +0 -18
- package/common/lib/classes/drawing.class.d.ts +0 -9
- package/common/lib/constant/positions.d.ts +0 -75
- package/common/lib/services/custom-cdk-overlay.service.d.ts +0 -19
- package/common/lib/services/overlay.service.d.ts +0 -34
- package/date-picker/README.md +0 -3
- package/date-picker/index.d.ts +0 -2
- package/date-picker/lib/datepicker.component.d.ts +0 -40
- package/date-picker/lib/datepicker.module.d.ts +0 -15
- package/esm2022/color-picker/index.mjs +0 -3
- package/esm2022/color-picker/lib/color-picker.component.mjs +0 -116
- package/esm2022/color-picker/lib/color-picker.module.mjs +0 -61
- package/esm2022/common/lib/classes/data.class.mjs +0 -2
- package/esm2022/common/lib/classes/drawing.class.mjs +0 -2
- package/esm2022/common/lib/constant/positions.mjs +0 -75
- package/esm2022/common/lib/services/custom-cdk-overlay.service.mjs +0 -49
- package/esm2022/common/lib/services/overlay.service.mjs +0 -113
- package/esm2022/date-picker/acorex-components-date-picker.mjs +0 -5
- package/esm2022/date-picker/index.mjs +0 -3
- package/esm2022/date-picker/lib/datepicker.component.mjs +0 -128
- package/esm2022/date-picker/lib/datepicker.module.mjs +0 -44
- package/esm2022/decorators/lib/clear-button.component.mjs +0 -58
- package/esm2022/decorators/lib/close-button.component.mjs +0 -43
- package/esm2022/decorators/lib/generic-content.component.mjs +0 -17
- package/esm2022/decorators/lib/icon.component.mjs +0 -26
- package/esm2022/mixin/lib/loading-mixin.class.mjs +0 -18
- package/esm2022/popover/lib/dropdown-component.class.mjs +0 -73
- package/esm2022/time-box/acorex-components-time-box.mjs +0 -5
- package/esm2022/time-box/index.mjs +0 -3
- package/esm2022/time-box/lib/time-box.component.mjs +0 -294
- package/esm2022/time-box/lib/time-box.module.mjs +0 -32
- package/esm2022/uploader/lib/uploader.component.mjs +0 -99
- package/fesm2022/acorex-components-color-picker.mjs +0 -178
- package/fesm2022/acorex-components-color-picker.mjs.map +0 -1
- package/fesm2022/acorex-components-date-picker.mjs +0 -173
- package/fesm2022/acorex-components-date-picker.mjs.map +0 -1
- package/fesm2022/acorex-components-time-box.mjs +0 -329
- package/fesm2022/acorex-components-time-box.mjs.map +0 -1
- package/mixin/lib/loading-mixin.class.d.ts +0 -40
- package/popover/lib/dropdown-component.class.d.ts +0 -17
- package/time-box/README.md +0 -3
- package/time-box/index.d.ts +0 -2
- package/time-box/lib/time-box.component.d.ts +0 -50
- package/time-box/lib/time-box.module.d.ts +0 -11
- package/uploader/lib/uploader.component.d.ts +0 -28
- /package/common/lib/{classes/data.class.d.ts → types/range.d.ts} +0 -0
- /package/decorators/lib/{clear-button.component.d.ts → components/clear-button.component.d.ts} +0 -0
- /package/decorators/lib/{close-button.component.d.ts → components/close-button.component.d.ts} +0 -0
- /package/decorators/lib/{generic-content.component.d.ts → components/generic-content.component.d.ts} +0 -0
- /package/decorators/lib/{icon.component.d.ts → components/icon.component.d.ts} +0 -0
@@ -1,32 +0,0 @@
|
|
1
|
-
import { NgModule } from '@angular/core';
|
2
|
-
import { CommonModule } from '@angular/common';
|
3
|
-
import { AXTimeBoxComponent } from './time-box.component';
|
4
|
-
import { FormsModule } from '@angular/forms';
|
5
|
-
import { IMaskModule } from 'angular-imask';
|
6
|
-
import { AXButtonModule } from '@acorex/components/button';
|
7
|
-
import * as i0 from "@angular/core";
|
8
|
-
const COMPONENT = [AXTimeBoxComponent];
|
9
|
-
const MODULES = [
|
10
|
-
CommonModule,
|
11
|
-
FormsModule,
|
12
|
-
AXButtonModule,
|
13
|
-
IMaskModule
|
14
|
-
];
|
15
|
-
export class AXTimeBoxModule {
|
16
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXTimeBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
17
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: AXTimeBoxModule, declarations: [AXTimeBoxComponent], imports: [CommonModule,
|
18
|
-
FormsModule,
|
19
|
-
AXButtonModule,
|
20
|
-
IMaskModule], exports: [AXTimeBoxComponent] }); }
|
21
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXTimeBoxModule, imports: [MODULES] }); }
|
22
|
-
}
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXTimeBoxModule, decorators: [{
|
24
|
-
type: NgModule,
|
25
|
-
args: [{
|
26
|
-
declarations: [...COMPONENT],
|
27
|
-
imports: [...MODULES],
|
28
|
-
exports: [...COMPONENT],
|
29
|
-
providers: [],
|
30
|
-
}]
|
31
|
-
}] });
|
32
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZS1ib3gubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3RpbWUtYm94L3NyYy9saWIvdGltZS1ib3gubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzFELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFFM0QsTUFBTSxTQUFTLEdBQUcsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO0FBQ3ZDLE1BQU0sT0FBTyxHQUFHO0lBQ1osWUFBWTtJQUNaLFdBQVc7SUFDWCxjQUFjO0lBQ2QsV0FBVztDQUNkLENBQUM7QUFRRixNQUFNLE9BQU8sZUFBZTs4R0FBZixlQUFlOytHQUFmLGVBQWUsaUJBZFQsa0JBQWtCLGFBRWpDLFlBQVk7WUFDWixXQUFXO1lBQ1gsY0FBYztZQUNkLFdBQVcsYUFMSSxrQkFBa0I7K0dBY3hCLGVBQWUsWUFKWCxPQUFPOzsyRkFJWCxlQUFlO2tCQU4zQixRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRSxDQUFDLEdBQUcsU0FBUyxDQUFDO29CQUM1QixPQUFPLEVBQUUsQ0FBQyxHQUFHLE9BQU8sQ0FBQztvQkFDckIsT0FBTyxFQUFFLENBQUMsR0FBRyxTQUFTLENBQUM7b0JBQ3ZCLFNBQVMsRUFBRSxFQUFFO2lCQUNoQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQVhUaW1lQm94Q29tcG9uZW50IH0gZnJvbSAnLi90aW1lLWJveC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBJTWFza01vZHVsZSB9IGZyb20gJ2FuZ3VsYXItaW1hc2snO1xuaW1wb3J0IHsgQVhCdXR0b25Nb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvYnV0dG9uJztcblxuY29uc3QgQ09NUE9ORU5UID0gW0FYVGltZUJveENvbXBvbmVudF07XG5jb25zdCBNT0RVTEVTID0gW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBBWEJ1dHRvbk1vZHVsZSxcbiAgICBJTWFza01vZHVsZVxuXTtcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFsuLi5DT01QT05FTlRdLFxuICAgIGltcG9ydHM6IFsuLi5NT0RVTEVTXSxcbiAgICBleHBvcnRzOiBbLi4uQ09NUE9ORU5UXSxcbiAgICBwcm92aWRlcnM6IFtdLFxufSlcbmV4cG9ydCBjbGFzcyBBWFRpbWVCb3hNb2R1bGUgeyB9XG4iXX0=
|
@@ -1,99 +0,0 @@
|
|
1
|
-
import { AXBaseComponentMixin } from '@acorex/components/mixin';
|
2
|
-
import { AXFileService } from '@acorex/core/file';
|
3
|
-
import { ChangeDetectorRef, Component, ElementRef, EventEmitter, HostBinding, HostListener, Input, Output, ViewChild, ViewEncapsulation, } from '@angular/core';
|
4
|
-
import * as i0 from "@angular/core";
|
5
|
-
import * as i1 from "@acorex/core/file";
|
6
|
-
import * as i2 from "@angular/common";
|
7
|
-
export class AXUploaderComponent extends AXBaseComponentMixin {
|
8
|
-
constructor(elementRef, cdr, _fileService) {
|
9
|
-
super(elementRef, cdr);
|
10
|
-
this._fileService = _fileService;
|
11
|
-
this.onValueChanged = new EventEmitter();
|
12
|
-
this.firstInit = true;
|
13
|
-
this._showText = true;
|
14
|
-
this.multiple = false;
|
15
|
-
this.accept = '*/*';
|
16
|
-
}
|
17
|
-
async _handleClick(e) {
|
18
|
-
const files = await this._fileService.choose({
|
19
|
-
accept: this.accept,
|
20
|
-
multiple: this.multiple,
|
21
|
-
});
|
22
|
-
this._handleFiles(files);
|
23
|
-
}
|
24
|
-
async _handleDrop(e) {
|
25
|
-
let dt = e.dataTransfer;
|
26
|
-
let files = dt.files;
|
27
|
-
this._handleFiles(Array.from(files));
|
28
|
-
e.preventDefault();
|
29
|
-
}
|
30
|
-
_handleFiles(files) {
|
31
|
-
this.onValueChanged.emit({
|
32
|
-
component: this,
|
33
|
-
isUserInteraction: true,
|
34
|
-
value: files,
|
35
|
-
htmlElement: this._getHostElement(),
|
36
|
-
});
|
37
|
-
}
|
38
|
-
onInit() {
|
39
|
-
this._dropArea = this._getHostElement();
|
40
|
-
['dragenter', 'dragover', 'dragleave', 'drop'].forEach((eventName) => {
|
41
|
-
this._dropArea.addEventListener(eventName, this.preventDefaults, false);
|
42
|
-
});
|
43
|
-
['dragenter', 'dragover'].forEach((eventName) => {
|
44
|
-
this._dropArea.addEventListener(eventName, this._handleHighlight.bind(this), false);
|
45
|
-
});
|
46
|
-
['dragleave', 'drop'].forEach((eventName) => {
|
47
|
-
this._dropArea.addEventListener(eventName, this._handleUnhighlight.bind(this), false);
|
48
|
-
});
|
49
|
-
}
|
50
|
-
ngDoCheck() {
|
51
|
-
this.checkIsBoxHasMinWidth();
|
52
|
-
}
|
53
|
-
checkIsBoxHasMinWidth() {
|
54
|
-
this.firstInit = false;
|
55
|
-
let boxWidth = this._getHostElement().getBoundingClientRect().width;
|
56
|
-
console.log(boxWidth);
|
57
|
-
if (boxWidth <= 176 && this.firstInit === false) {
|
58
|
-
this._showText = false;
|
59
|
-
}
|
60
|
-
}
|
61
|
-
preventDefaults(e) {
|
62
|
-
e.preventDefault();
|
63
|
-
e.stopPropagation();
|
64
|
-
}
|
65
|
-
_handleHighlight(e) {
|
66
|
-
this._dropArea.classList.add('ax-state-hover');
|
67
|
-
}
|
68
|
-
_handleUnhighlight(e) {
|
69
|
-
this._dropArea.classList.remove('ax-state-hover');
|
70
|
-
}
|
71
|
-
get __defaultClass() {
|
72
|
-
return !this._placeholder?.nativeElement.childNodes.length;
|
73
|
-
}
|
74
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXUploaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.AXFileService }], target: i0.ɵɵFactoryTarget.Component }); }
|
75
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: AXUploaderComponent, selector: "ax-uploader", inputs: { multiple: "multiple", accept: "accept" }, outputs: { onValueChanged: "onValueChanged" }, host: { listeners: { "click": "_handleClick($event)", "drop": "_handleDrop($event)" }, properties: { "class.ax-look-default": "this.__defaultClass" } }, viewQueries: [{ propertyName: "_placeholder", first: true, predicate: ["contentRef"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container>\n <div #contentRef><ng-content></ng-content></div>\n</ng-container>\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\n <i class=\"ax-icon ax-icon-upload upload-icon\"></i>\n <div class=\"ax-uploader-hint\" *ngIf=\"_showText\">Drag your file here or, <span class=\"ax-text-primary-500\">click to\n browse</span></div>\n</ng-container>", styles: ["ax-uploader.ax-look-default{position:relative;width:100%;color:rgba(var(--ax-color-text-default));border-radius:var(--ax-rounded-border-default);border-width:2px;border-style:dashed;border-color:rgba(var(--ax-color-border-default));display:flex;align-items:center;justify-content:center;cursor:pointer;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-position:center;background-size:cover}ax-uploader.ax-look-default:hover,ax-uploader.ax-look-default.ax-state-hover{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-uploader.ax-look-default:before{content:\"\";padding-bottom:100%}ax-uploader.ax-look-default .upload-icon{font-size:3rem}ax-uploader.ax-look-default .ax-uploader-hint{padding:1rem;text-align:center}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
76
|
-
}
|
77
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXUploaderComponent, decorators: [{
|
78
|
-
type: Component,
|
79
|
-
args: [{ selector: 'ax-uploader', encapsulation: ViewEncapsulation.None, template: "<ng-container>\n <div #contentRef><ng-content></ng-content></div>\n</ng-container>\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\n <i class=\"ax-icon ax-icon-upload upload-icon\"></i>\n <div class=\"ax-uploader-hint\" *ngIf=\"_showText\">Drag your file here or, <span class=\"ax-text-primary-500\">click to\n browse</span></div>\n</ng-container>", styles: ["ax-uploader.ax-look-default{position:relative;width:100%;color:rgba(var(--ax-color-text-default));border-radius:var(--ax-rounded-border-default);border-width:2px;border-style:dashed;border-color:rgba(var(--ax-color-border-default));display:flex;align-items:center;justify-content:center;cursor:pointer;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-position:center;background-size:cover}ax-uploader.ax-look-default:hover,ax-uploader.ax-look-default.ax-state-hover{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-uploader.ax-look-default:before{content:\"\";padding-bottom:100%}ax-uploader.ax-look-default .upload-icon{font-size:3rem}ax-uploader.ax-look-default .ax-uploader-hint{padding:1rem;text-align:center}\n"] }]
|
80
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.AXFileService }]; }, propDecorators: { onValueChanged: [{
|
81
|
-
type: Output
|
82
|
-
}], _placeholder: [{
|
83
|
-
type: ViewChild,
|
84
|
-
args: ['contentRef', { static: true }]
|
85
|
-
}], multiple: [{
|
86
|
-
type: Input
|
87
|
-
}], accept: [{
|
88
|
-
type: Input
|
89
|
-
}], _handleClick: [{
|
90
|
-
type: HostListener,
|
91
|
-
args: ['click', ['$event']]
|
92
|
-
}], _handleDrop: [{
|
93
|
-
type: HostListener,
|
94
|
-
args: ['drop', ['$event']]
|
95
|
-
}], __defaultClass: [{
|
96
|
-
type: HostBinding,
|
97
|
-
args: ['class.ax-look-default']
|
98
|
-
}] } });
|
99
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3VwbG9hZGVyL3NyYy9saWIvdXBsb2FkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3VwbG9hZGVyL3NyYy9saWIvdXBsb2FkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2xELE9BQU8sRUFDTCxpQkFBaUIsRUFDakIsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osV0FBVyxFQUNYLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFNBQVMsRUFDVCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7Ozs7QUFRdkIsTUFBTSxPQUFPLG1CQUFvQixTQUFRLG9CQUFvQjtJQVMzRCxZQUFZLFVBQXNCLEVBQUUsR0FBc0IsRUFBVSxZQUEyQjtRQUM3RixLQUFLLENBQUMsVUFBVSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBRDJDLGlCQUFZLEdBQVosWUFBWSxDQUFlO1FBUC9GLG1CQUFjLEdBQThDLElBQUksWUFBWSxFQUV6RSxDQUFDO1FBRUosY0FBUyxHQUFZLElBQUksQ0FBQztRQUMxQixjQUFTLEdBQVksSUFBSSxDQUFDO1FBVTFCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFHMUIsV0FBTSxHQUFXLEtBQUssQ0FBQztJQVR2QixDQUFDO0lBY0QsS0FBSyxDQUFDLFlBQVksQ0FBQyxDQUFhO1FBQzlCLE1BQU0sS0FBSyxHQUFHLE1BQU0sSUFBSSxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUM7WUFDM0MsTUFBTSxFQUFFLElBQUksQ0FBQyxNQUFNO1lBQ25CLFFBQVEsRUFB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LGFBQWEsQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDO0lBQzdELENBQUM7OEdBOUZVLG1CQUFtQjtrR0FBbkIsbUJBQW1CLGdjQ3RCaEMsNlhBT2U7OzJGRGVGLG1CQUFtQjtrQkFOL0IsU0FBUzsrQkFDRSxhQUFhLGlCQUdSLGlCQUFpQixDQUFDLElBQUk7NkpBSXJDLGNBQWM7c0JBRGIsTUFBTTtnQkFhUCxZQUFZO3NCQURYLFNBQVM7dUJBQUMsWUFBWSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFJekMsUUFBUTtzQkFEUCxLQUFLO2dCQUlOLE1BQU07c0JBREwsS0FBSztnQkFNQSxZQUFZO3NCQURqQixZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFVM0IsV0FBVztzQkFEaEIsWUFBWTt1QkFBQyxNQUFNLEVBQUUsQ0FBQyxRQUFRLENBQUM7Z0JBMkQ1QixjQUFjO3NCQURqQixXQUFXO3VCQUFDLHVCQUF1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYVmFsdWVDaGFuZ2VkRXZlbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvY29tbW9uJztcbmltcG9ydCB7IEFYQmFzZUNvbXBvbmVudE1peGluIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL21peGluJztcbmltcG9ydCB7IEFYRmlsZVNlcnZpY2UgfSBmcm9tICdAYWNvcmV4L2NvcmUvZmlsZSc7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBIb3N0TGlzdGVuZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFZpZXdDaGlsZCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC11cGxvYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi91cGxvYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3VwbG9hZGVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEFYVXBsb2FkZXJDb21wb25lbnQgZXh0ZW5kcyBBWEJhc2VDb21wb25lbnRNaXhpbiB7XG4gIEBPdXRwdXQoKVxuICBvblZhbHVlQ2hhbmdlZDogRXZlbnRFbWl0dGVyPEFYVmFsdWVDaGFuZ2VkRXZlbnQ8RmlsZVtdPj4gPSBuZXcgRXZlbnRFbWl0dGVyPFxuICAgIEFYVmFsdWVDaGFuZ2VkRXZlbnQ8RmlsZVtdPlxuICA+KCk7XG5cbiAgZmlyc3RJbml0OiBib29sZWFuID0gdHJ1ZTtcbiAgX3Nob3dUZXh0OiBib29sZWFuID0gdHJ1ZTtcblxuICBjb25zdHJ1Y3RvcihlbGVtZW50UmVmOiBFbGVtZW50UmVmLCBjZHI6IENoYW5nZURldGVjdG9yUmVmLCBwcml2YXRlIF9maWxlU2VydmljZTogQVhGaWxlU2VydmljZSkge1xuICAgIHN1cGVyKGVsZW1lbnRSZWYsIGNkcik7XG4gIH1cblxuICBAVmlld0NoaWxkKCdjb250ZW50UmVmJywgeyBzdGF0aWM6IHRydWUgfSlcbiAgX3BsYWNlaG9sZGVyOiBFbGVtZW50UmVmO1xuXG4gIEBJbnB1dCgpXG4gIG11bHRpcGxlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgYWNjZXB0OiBzdHJpbmcgPSAnKi8qJztcblxuICBwcml2YXRlIF9kcm9wQXJlYTogSFRNTERpdkVsZW1lbnQ7XG5cbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snLCBbJyRldmVudCddKVxuICBhc3luYyBfaGFuZGxlQ2xpY2soZTogTW91c2VFdmVudCkge1xuICAgIGNvbnN0IGZpbGVzID0gYXdhaXQgdGhpcy5fZmlsZVNlcnZpY2UuY2hvb3NlKHtcbiAgICAgIGFjY2VwdDogdGhpcy5hY2NlcHQsXG4gICAgICBtdWx0aXBsZTogdGhpcy5tdWx0aXBsZSxcbiAgICB9KTtcbiAgICB0aGlzLl9oYW5kbGVGaWxlcyhmaWxlcyk7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdkcm9wJywgWyckZXZlbnQnXSlcbiAgYXN5bmMgX2hhbmRsZURyb3AoZTogYW55KSB7XG4gICAgbGV0IGR0ID0gZS5kYXRhVHJhbnNmZXI7XG4gICAgbGV0IGZpbGVzID0gZHQuZmlsZXM7XG4gICAgdGhpcy5faGFuZGxlRmlsZXMoQXJyYXkuZnJvbShmaWxlcykpO1xuICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgfVxuXG4gIF9oYW5kbGVGaWxlcyhmaWxlczogRmlsZVtdKSB7XG4gICAgdGhpcy5vblZhbHVlQ2hhbmdlZC5lbWl0KHtcbiAgICAgIGNvbXBvbmVudDogdGhpcyxcbiAgICAgIGlzVXNlckludGVyYWN0aW9uOiB0cnVlLFxuICAgICAgdmFsdWU6IGZpbGVzLFxuICAgICAgaHRtbEVsZW1lbnQ6IHRoaXMuX2dldEhvc3RFbGVtZW50KCksXG4gICAgfSk7XG4gIH1cblxuICBvdmVycmlkZSBvbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5fZHJvcEFyZWEgPSB0aGlzLl9nZXRIb3N0RWxlbWVudCgpO1xuICAgIFsnZHJhZ2VudGVyJywgJ2RyYWdvdmVyJywgJ2RyYWdsZWF2ZScsICdkcm9wJ10uZm9yRWFjaCgoZXZlbnROYW1lKSA9PiB7XG4gICAgICB0aGlzLl9kcm9wQXJlYS5hZGRFdmVudExpc3RlbmVyKGV2ZW50TmFtZSwgdGhpcy5wcmV2ZW50RGVmYXVsdHMsIGZhbHNlKTtcbiAgICB9KTtcbiAgICBbJ2RyYWdlbnRlcicsICdkcmFnb3ZlciddLmZvckVhY2goKGV2ZW50TmFtZSkgPT4ge1xuICAgICAgdGhpcy5fZHJvcEFyZWEuYWRkRXZlbnRMaXN0ZW5lcihldmVudE5hbWUsIHRoaXMuX2hhbmRsZUhpZ2hsaWdodC5iaW5kKHRoaXMpLCBmYWxzZSk7XG4gICAgfSk7XG5cbiAgICBbJ2RyYWdsZWF2ZScsICdkcm9wJ10uZm9yRWFjaCgoZXZlbnROYW1lKSA9PiB7XG4gICAgICB0aGlzLl9kcm9wQXJlYS5hZGRFdmVudExpc3RlbmVyKGV2ZW50TmFtZSwgdGhpcy5faGFuZGxlVW5oaWdobGlnaHQuYmluZCh0aGlzKSwgZmFsc2UpO1xuICAgIH0pO1xuICB9XG5cbiAgbmdEb0NoZWNrKCkge1xuICAgIHRoaXMuY2hlY2tJc0JveEhhc01pbldpZHRoKCk7XG4gIH1cblxuICBjaGVja0lzQm94SGFzTWluV2lkdGgoKSB7XG4gICAgdGhpcy5maXJzdEluaXQgPSBmYWxzZTtcbiAgICBsZXQgYm94V2lkdGg6IG51bWJlciA9IHRoaXMuX2dldEhvc3RFbGVtZW50KCkuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGg7XG4gICAgY29uc29sZS5sb2coYm94V2lkdGgpO1xuXG4gICAgaWYgKGJveFdpZHRoIDw9IDE3NiAmJiB0aGlzLmZpcnN0SW5pdCA9PT0gZmFsc2UpIHtcbiAgICAgIHRoaXMuX3Nob3dUZXh0ID0gZmFsc2U7XG4gICAgfVxuICB9XG5cbiAgcHJldmVudERlZmF1bHRzKGU6IGFueSkge1xuICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICB9XG5cbiAgX2hhbmRsZUhpZ2hsaWdodChlKSB7XG4gICAgdGhpcy5fZHJvcEFyZWEuY2xhc3NMaXN0LmFkZCgnYXgtc3RhdGUtaG92ZXInKTtcbiAgfVxuXG4gIF9oYW5kbGVVbmhpZ2hsaWdodChlKSB7XG4gICAgdGhpcy5fZHJvcEFyZWEuY2xhc3NMaXN0LnJlbW92ZSgnYXgtc3RhdGUtaG92ZXInKTtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuYXgtbG9vay1kZWZhdWx0JylcbiAgZ2V0IF9fZGVmYXVsdENsYXNzKCkge1xuICAgIHJldHVybiAhdGhpcy5fcGxhY2Vob2xkZXI/Lm5hdGl2ZUVsZW1lbnQuY2hpbGROb2Rlcy5sZW5ndGg7XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXI+XG4gICAgPGRpdiAjY29udGVudFJlZj48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9kaXY+XG48L25nLWNvbnRhaW5lcj5cbjxuZy1jb250YWluZXIgKm5nSWY9XCJjb250ZW50UmVmLmNoaWxkTm9kZXMubGVuZ3RoID09IDBcIj5cbiAgICA8aSBjbGFzcz1cImF4LWljb24gYXgtaWNvbi11cGxvYWQgdXBsb2FkLWljb25cIj48L2k+XG4gICAgPGRpdiBjbGFzcz1cImF4LXVwbG9hZGVyLWhpbnRcIiAqbmdJZj1cIl9zaG93VGV4dFwiPkRyYWcgeW91ciBmaWxlIGhlcmUgb3IsIDxzcGFuIGNsYXNzPVwiYXgtdGV4dC1wcmltYXJ5LTUwMFwiPmNsaWNrIHRvXG4gICAgICAgICAgICBicm93c2U8L3NwYW4+PC9kaXY+XG48L25nLWNvbnRhaW5lcj4iXX0=
|
@@ -1,178 +0,0 @@
|
|
1
|
-
import { AXColorUtil } from '@acorex/core/utils';
|
2
|
-
import * as i1 from '@acorex/core/platform';
|
3
|
-
import * as i0 from '@angular/core';
|
4
|
-
import { Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, HostListener, NgModule } from '@angular/core';
|
5
|
-
import { AXClosbaleComponent, AXValuableComponent, AXCommonModule } from '@acorex/components/common';
|
6
|
-
import * as i3 from '@acorex/components/popover';
|
7
|
-
import { AXPopoverComponent, AXPopoverModule } from '@acorex/components/popover';
|
8
|
-
import { _InteractiveComponenetMixin, _DropdownComponenetMixin, _ValueComponenetMixin, _TextboxComponenetMixin, AXBaseComponent } from '@acorex/components/mixin';
|
9
|
-
import * as i2 from '@angular/common';
|
10
|
-
import { CommonModule } from '@angular/common';
|
11
|
-
import * as i4 from '@angular/cdk/a11y';
|
12
|
-
import { A11yModule } from '@angular/cdk/a11y';
|
13
|
-
import * as i5 from '@acorex/components/color-palette';
|
14
|
-
import { AXColorPaletteModule } from '@acorex/components/color-palette';
|
15
|
-
import { FormsModule } from '@angular/forms';
|
16
|
-
import { AXTranslationModule } from '@acorex/core/translation';
|
17
|
-
import { AXButtonModule } from '@acorex/components/button';
|
18
|
-
import { AXDecoratorModule } from '@acorex/components/decorators';
|
19
|
-
import { AXTextBoxModule } from '@acorex/components/text-box';
|
20
|
-
import { AXLoadingModule } from '@acorex/components/loading';
|
21
|
-
|
22
|
-
const AXBaseColorPickerMixin = _InteractiveComponenetMixin(_DropdownComponenetMixin(_ValueComponenetMixin(_TextboxComponenetMixin(AXBaseComponent))));
|
23
|
-
/**
|
24
|
-
* The Button is a component which detects user interaction and triggers a corresponding event
|
25
|
-
*
|
26
|
-
* @category Components
|
27
|
-
*/
|
28
|
-
class AXColorPickerComponent extends AXBaseColorPickerMixin {
|
29
|
-
/**
|
30
|
-
* @ignore
|
31
|
-
*/
|
32
|
-
constructor(_elementRef, _cdr, _zone, _platform) {
|
33
|
-
super(_elementRef, _cdr);
|
34
|
-
this._elementRef = _elementRef;
|
35
|
-
this._zone = _zone;
|
36
|
-
this._platform = _platform;
|
37
|
-
this.popover = null;
|
38
|
-
this._mode = 'hex';
|
39
|
-
this._isMobile = false;
|
40
|
-
this._isMobile = this._platform.is('Mobile');
|
41
|
-
this._platform.resize.subscribe(() => {
|
42
|
-
this._isMobile = this._platform.is('Mobile');
|
43
|
-
this.popover.dispose();
|
44
|
-
});
|
45
|
-
}
|
46
|
-
_handleArrowClickEvent(e) {
|
47
|
-
e.stopPropagation();
|
48
|
-
this.toggle();
|
49
|
-
}
|
50
|
-
_handleInputClickEvent(e) {
|
51
|
-
e.stopPropagation();
|
52
|
-
this.toggle();
|
53
|
-
}
|
54
|
-
_handleClearClickEvent() {
|
55
|
-
this.setUserInteraction();
|
56
|
-
this.clear();
|
57
|
-
}
|
58
|
-
onInit() {
|
59
|
-
super.onInit();
|
60
|
-
this._target = this._elementRef.nativeElement;
|
61
|
-
}
|
62
|
-
onViewInit() {
|
63
|
-
super.onViewInit();
|
64
|
-
}
|
65
|
-
_onValueChanged(oldValue, newValue) {
|
66
|
-
super._onValueChanged(oldValue, newValue);
|
67
|
-
if (newValue != null)
|
68
|
-
this._colorCode = AXColorUtil.toString(newValue);
|
69
|
-
else
|
70
|
-
this._colorCode = '';
|
71
|
-
}
|
72
|
-
_handleValueChangedEvent(e) {
|
73
|
-
if (e.isUserInteraction)
|
74
|
-
this._setUserInteraction();
|
75
|
-
this.value = e.value;
|
76
|
-
}
|
77
|
-
async _handlePopupOnOpened(e) { }
|
78
|
-
_handlePopupOnClosed(e) {
|
79
|
-
this.focus();
|
80
|
-
}
|
81
|
-
_handleKeydown(e) {
|
82
|
-
if (e.ctrlKey || e.code === 'Space') {
|
83
|
-
this.open();
|
84
|
-
}
|
85
|
-
e.preventDefault();
|
86
|
-
}
|
87
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXColorPickerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i1.AXPlatform }], target: i0.ɵɵFactoryTarget.Component }); }
|
88
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: AXColorPickerComponent, selector: "ax-color-picker", inputs: { isOpen: "isOpen", fitParent: "fitParent", dropdownWidth: "dropdownWidth", position: "position", disabled: "disabled", tabIndex: "tabIndex", readonly: "readonly", value: "value", name: "name", checked: "checked", placeholder: "placeholder", maxLength: "maxLength", type: "type", autoComplete: "autoComplete" }, outputs: { onOpened: "onOpened", onClosed: "onClosed", onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", onValueChanged: "onValueChanged" }, host: { listeners: { "keydown": "_handleKeydown($event)" }, classAttribute: "ax-editor-container ax-drop-down" }, providers: [
|
89
|
-
{ provide: AXClosbaleComponent, useExisting: AXColorPickerComponent },
|
90
|
-
{ provide: AXValuableComponent, useExisting: AXColorPickerComponent },
|
91
|
-
], viewQueries: [{ propertyName: "popover", first: true, predicate: AXPopoverComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"> </ng-content>\n<div class=\"ax-dropdown-content\" [class.ax-state-disabled]=\"disabled\" (click)=\"_handleInputClickEvent($event)\">\n <div *ngIf=\"value\" class=\"color-badge\" [ngStyle]=\"{ 'background-color': value }\"></div>\n <div class=\"color-value\">{{ _colorCode }}</div>\n</div>\n\n<button type=\"button\" class=\"ax-general-button ax-button-icon\" [tabIndex]=\"-1\" [disabled]=\"disabled\"\n (click)=\"_handleArrowClickEvent($event)\">\n <span class=\"ax-icon ax-icon-color-palette\"></span>\n</button>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<ng-content select=\"ax-suffix\"> </ng-content>\n<ax-popover [target]=\"_target\" [position]=\"position\" [openTrigger]=\"'manual'\" [closeTrigger]=\"'clickout'\"\n [adaptivityEnabled]=\"true\" (onOpened)=\"_handlePopupOnOpened($event)\" (onClosed)=\"_handlePopupOnClosed($event)\">\n <div class=\"ax-overlay-pane\" [class.ax-w-full]=\"_isMobile\" tabindex=\"0\" aria-modal=\"true\" cdkTrapFocus\n [class.ax-overlay-actionsheet]=\"_isMobile\">\n <ax-color-palette [value]=\"value\" (onValueChanged)=\"_handleValueChangedEvent($event)\"> </ax-color-palette>\n </div>\n</ax-popover>", styles: ["ax-color-picker .ax-dropdown-content{margin:0 .5rem;display:flex;align-items:center}ax-color-picker .ax-dropdown-content .color-badge{display:block;border-radius:99rem;width:1rem;min-width:1rem;height:1rem;margin-inline-end:.5rem;border:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-color-picker .ax-dropdown-content .color-value{text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax-overlay-pane ax-color-palette{border:none}@media (max-width: 599px){.ax-overlay-pane ax-color-palette{width:100%}.ax-overlay-pane ax-color-palette .palette-items{max-height:30vh}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.AXPopoverComponent, selector: "ax-popover", inputs: ["target", "position", "openTrigger", "closeTrigger", "hasBackdrop", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "directive", type: i4.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: i5.AXColorPalleteComponent, selector: "ax-color-palette", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "checked"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
92
|
-
}
|
93
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXColorPickerComponent, decorators: [{
|
94
|
-
type: Component,
|
95
|
-
args: [{ selector: 'ax-color-picker', inputs: [
|
96
|
-
'isOpen',
|
97
|
-
'fitParent',
|
98
|
-
'dropdownWidth',
|
99
|
-
'position',
|
100
|
-
'disabled',
|
101
|
-
'tabIndex',
|
102
|
-
'readonly',
|
103
|
-
'value',
|
104
|
-
'name',
|
105
|
-
'checked',
|
106
|
-
'placeholder',
|
107
|
-
'maxLength',
|
108
|
-
'type',
|
109
|
-
'autoComplete',
|
110
|
-
'readonly',
|
111
|
-
'value',
|
112
|
-
'name',
|
113
|
-
'checked',
|
114
|
-
], outputs: ['onOpened', 'onClosed', 'onBlur', 'onFocus', 'valueChange', 'onValueChanged'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
115
|
-
{ provide: AXClosbaleComponent, useExisting: AXColorPickerComponent },
|
116
|
-
{ provide: AXValuableComponent, useExisting: AXColorPickerComponent },
|
117
|
-
], host: { class: 'ax-editor-container ax-drop-down' }, template: "<ng-content select=\"ax-prefix\"> </ng-content>\n<div class=\"ax-dropdown-content\" [class.ax-state-disabled]=\"disabled\" (click)=\"_handleInputClickEvent($event)\">\n <div *ngIf=\"value\" class=\"color-badge\" [ngStyle]=\"{ 'background-color': value }\"></div>\n <div class=\"color-value\">{{ _colorCode }}</div>\n</div>\n\n<button type=\"button\" class=\"ax-general-button ax-button-icon\" [tabIndex]=\"-1\" [disabled]=\"disabled\"\n (click)=\"_handleArrowClickEvent($event)\">\n <span class=\"ax-icon ax-icon-color-palette\"></span>\n</button>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<ng-content select=\"ax-suffix\"> </ng-content>\n<ax-popover [target]=\"_target\" [position]=\"position\" [openTrigger]=\"'manual'\" [closeTrigger]=\"'clickout'\"\n [adaptivityEnabled]=\"true\" (onOpened)=\"_handlePopupOnOpened($event)\" (onClosed)=\"_handlePopupOnClosed($event)\">\n <div class=\"ax-overlay-pane\" [class.ax-w-full]=\"_isMobile\" tabindex=\"0\" aria-modal=\"true\" cdkTrapFocus\n [class.ax-overlay-actionsheet]=\"_isMobile\">\n <ax-color-palette [value]=\"value\" (onValueChanged)=\"_handleValueChangedEvent($event)\"> </ax-color-palette>\n </div>\n</ax-popover>", styles: ["ax-color-picker .ax-dropdown-content{margin:0 .5rem;display:flex;align-items:center}ax-color-picker .ax-dropdown-content .color-badge{display:block;border-radius:99rem;width:1rem;min-width:1rem;height:1rem;margin-inline-end:.5rem;border:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-color-picker .ax-dropdown-content .color-value{text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax-overlay-pane ax-color-palette{border:none}@media (max-width: 599px){.ax-overlay-pane ax-color-palette{width:100%}.ax-overlay-pane ax-color-palette .palette-items{max-height:30vh}}\n"] }]
|
118
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i1.AXPlatform }]; }, propDecorators: { popover: [{
|
119
|
-
type: ViewChild,
|
120
|
-
args: [AXPopoverComponent, { static: true }]
|
121
|
-
}], _handleKeydown: [{
|
122
|
-
type: HostListener,
|
123
|
-
args: ['keydown', ['$event']]
|
124
|
-
}] } });
|
125
|
-
|
126
|
-
class AXColorPickerModule {
|
127
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXColorPickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
128
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: AXColorPickerModule, declarations: [AXColorPickerComponent], imports: [CommonModule,
|
129
|
-
AXCommonModule,
|
130
|
-
FormsModule,
|
131
|
-
AXDecoratorModule,
|
132
|
-
AXPopoverModule,
|
133
|
-
AXButtonModule,
|
134
|
-
A11yModule,
|
135
|
-
AXLoadingModule,
|
136
|
-
AXTranslationModule,
|
137
|
-
AXTextBoxModule,
|
138
|
-
AXColorPaletteModule], exports: [AXColorPickerComponent] }); }
|
139
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXColorPickerModule, imports: [CommonModule,
|
140
|
-
AXCommonModule,
|
141
|
-
FormsModule,
|
142
|
-
AXDecoratorModule,
|
143
|
-
AXPopoverModule,
|
144
|
-
AXButtonModule,
|
145
|
-
A11yModule,
|
146
|
-
AXLoadingModule,
|
147
|
-
AXTranslationModule,
|
148
|
-
AXTextBoxModule,
|
149
|
-
AXColorPaletteModule] }); }
|
150
|
-
}
|
151
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXColorPickerModule, decorators: [{
|
152
|
-
type: NgModule,
|
153
|
-
args: [{
|
154
|
-
imports: [
|
155
|
-
CommonModule,
|
156
|
-
AXCommonModule,
|
157
|
-
FormsModule,
|
158
|
-
AXDecoratorModule,
|
159
|
-
AXPopoverModule,
|
160
|
-
AXButtonModule,
|
161
|
-
A11yModule,
|
162
|
-
AXLoadingModule,
|
163
|
-
AXTranslationModule,
|
164
|
-
AXTextBoxModule,
|
165
|
-
AXColorPaletteModule
|
166
|
-
],
|
167
|
-
exports: [AXColorPickerComponent],
|
168
|
-
declarations: [AXColorPickerComponent],
|
169
|
-
providers: [],
|
170
|
-
}]
|
171
|
-
}] });
|
172
|
-
|
173
|
-
/**
|
174
|
-
* Generated bundle index. Do not edit.
|
175
|
-
*/
|
176
|
-
|
177
|
-
export { AXBaseColorPickerMixin, AXColorPickerComponent, AXColorPickerModule };
|
178
|
-
//# sourceMappingURL=acorex-components-color-picker.mjs.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"acorex-components-color-picker.mjs","sources":["../../../../libs/components/color-picker/src/lib/color-picker.component.ts","../../../../libs/components/color-picker/src/lib/color-picker.component.html","../../../../libs/components/color-picker/src/lib/color-picker.module.ts","../../../../libs/components/color-picker/src/acorex-components-color-picker.ts"],"sourcesContent":["import { AXColorMode, AXColorUtil } from '@acorex/core/utils';\nimport { AXPlatform } from '@acorex/core/platform';\n\nimport {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n HostListener,\n NgZone,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\n\nimport { AXClosbaleComponent, AXValuableComponent, AXValueChangedEvent } from '@acorex/components/common';\nimport { AXPopoverComponent } from '@acorex/components/popover';\nimport {\n _InteractiveComponenetMixin,\n _DropdownComponenetMixin,\n _ValueComponenetMixin,\n _TextboxComponenetMixin,\n AXBaseComponent,\n} from '@acorex/components/mixin';\n\nexport const AXBaseColorPickerMixin = _InteractiveComponenetMixin(\n _DropdownComponenetMixin(_ValueComponenetMixin(_TextboxComponenetMixin(AXBaseComponent)))\n);\n\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n@Component({\n selector: 'ax-color-picker',\n templateUrl: './color-picker.component.html',\n styleUrls: ['./color-picker.component.scss'],\n inputs: [\n 'isOpen',\n 'fitParent',\n 'dropdownWidth',\n 'position',\n 'disabled',\n 'tabIndex',\n 'readonly',\n 'value',\n 'name',\n 'checked',\n 'placeholder',\n 'maxLength',\n 'type',\n 'autoComplete',\n 'readonly',\n 'value',\n 'name',\n 'checked',\n ],\n outputs: ['onOpened', 'onClosed', 'onBlur', 'onFocus', 'valueChange', 'onValueChanged'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n { provide: AXClosbaleComponent, useExisting: AXColorPickerComponent },\n { provide: AXValuableComponent, useExisting: AXColorPickerComponent },\n ],\n host: { class: 'ax-editor-container ax-drop-down' },\n})\nexport class AXColorPickerComponent extends AXBaseColorPickerMixin {\n @ViewChild(AXPopoverComponent, { static: true })\n override popover: AXPopoverComponent = null;\n\n _target: HTMLDivElement;\n _popoverTitle: string;\n _popoverWidth: number;\n _colorCode: string;\n _mode: AXColorMode = 'hex';\n\n _isMobile: boolean = false;\n /**\n * @ignore\n */\n constructor(\n protected _elementRef: ElementRef<HTMLDivElement>,\n _cdr: ChangeDetectorRef,\n private _zone: NgZone,\n private _platform: AXPlatform\n ) {\n super(_elementRef, _cdr);\n this._isMobile = this._platform.is('Mobile');\n this._platform.resize.subscribe(() => {\n this._isMobile = this._platform.is('Mobile');\n this.popover.dispose();\n });\n }\n\n _handleArrowClickEvent(e: MouseEvent) {\n e.stopPropagation();\n this.toggle();\n }\n\n _handleInputClickEvent(e: MouseEvent) {\n e.stopPropagation();\n this.toggle();\n }\n\n _handleClearClickEvent() {\n this.setUserInteraction();\n this.clear();\n }\n\n override onInit() {\n super.onInit();\n this._target = this._elementRef.nativeElement;\n }\n\n override onViewInit() {\n super.onViewInit();\n }\n\n override _onValueChanged(oldValue: any, newValue: any) {\n super._onValueChanged(oldValue, newValue);\n if (newValue != null) this._colorCode = AXColorUtil.toString(newValue);\n else this._colorCode = '';\n }\n\n _handleValueChangedEvent(e: AXValueChangedEvent<any>) {\n if (e.isUserInteraction) this._setUserInteraction();\n this.value = e.value;\n }\n\n async _handlePopupOnOpened(e) { }\n\n _handlePopupOnClosed(e) {\n this.focus();\n }\n\n @HostListener('keydown', ['$event'])\n _handleKeydown(e: KeyboardEvent) {\n if (e.ctrlKey || e.code === 'Space') {\n this.open();\n }\n e.preventDefault();\n }\n}\n","<ng-content select=\"ax-prefix\"> </ng-content>\n<div class=\"ax-dropdown-content\" [class.ax-state-disabled]=\"disabled\" (click)=\"_handleInputClickEvent($event)\">\n <div *ngIf=\"value\" class=\"color-badge\" [ngStyle]=\"{ 'background-color': value }\"></div>\n <div class=\"color-value\">{{ _colorCode }}</div>\n</div>\n\n<button type=\"button\" class=\"ax-general-button ax-button-icon\" [tabIndex]=\"-1\" [disabled]=\"disabled\"\n (click)=\"_handleArrowClickEvent($event)\">\n <span class=\"ax-icon ax-icon-color-palette\"></span>\n</button>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<ng-content select=\"ax-suffix\"> </ng-content>\n<ax-popover [target]=\"_target\" [position]=\"position\" [openTrigger]=\"'manual'\" [closeTrigger]=\"'clickout'\"\n [adaptivityEnabled]=\"true\" (onOpened)=\"_handlePopupOnOpened($event)\" (onClosed)=\"_handlePopupOnClosed($event)\">\n <div class=\"ax-overlay-pane\" [class.ax-w-full]=\"_isMobile\" tabindex=\"0\" aria-modal=\"true\" cdkTrapFocus\n [class.ax-overlay-actionsheet]=\"_isMobile\">\n <ax-color-palette [value]=\"value\" (onValueChanged)=\"_handleValueChangedEvent($event)\"> </ax-color-palette>\n </div>\n</ax-popover>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXPopoverModule } from '@acorex/components/popover';\nimport { AXCommonModule } from '@acorex/components/common';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXColorPaletteModule } from '@acorex/components/color-palette';\n\nimport { AXColorPickerComponent } from './color-picker.component';\n\n@NgModule({\n imports: [\n CommonModule,\n AXCommonModule,\n FormsModule,\n AXDecoratorModule,\n AXPopoverModule,\n AXButtonModule,\n A11yModule,\n AXLoadingModule,\n AXTranslationModule,\n AXTextBoxModule,\n AXColorPaletteModule\n ],\n exports: [AXColorPickerComponent],\n declarations: [AXColorPickerComponent],\n providers: [],\n})\nexport class AXColorPickerModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
@@ -1,173 +0,0 @@
|
|
1
|
-
import * as i2 from '@acorex/components/calendar';
|
2
|
-
import { MXCalendarBaseComponent, AXCalendarComponent, AXCalendarModule } from '@acorex/components/calendar';
|
3
|
-
import { MXValueComponent, MXInteractiveComponent, AXClosbaleComponent } from '@acorex/components/common';
|
4
|
-
import * as i3 from '@acorex/components/popover';
|
5
|
-
import { MXDropDownComponent, AXPopoverComponent, AXPopoverModule } from '@acorex/components/popover';
|
6
|
-
import { AXDateTime, AXDateTimeModule } from '@acorex/core/dateTime';
|
7
|
-
import { AXPlatform } from '@acorex/core/platform';
|
8
|
-
import { AXTranslator } from '@acorex/core/translation';
|
9
|
-
import * as i0 from '@angular/core';
|
10
|
-
import { EventEmitter, inject, Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, Output, Input, HostBinding, NgModule } from '@angular/core';
|
11
|
-
import { classes } from 'polytype';
|
12
|
-
import * as i1 from '@angular/common';
|
13
|
-
import { CommonModule } from '@angular/common';
|
14
|
-
import * as i4 from '@acorex/components/decorators';
|
15
|
-
import { AXDecoratorModule } from '@acorex/components/decorators';
|
16
|
-
import * as i5 from '@angular/forms';
|
17
|
-
import { FormsModule } from '@angular/forms';
|
18
|
-
import { AXButtonModule } from '@acorex/components/button';
|
19
|
-
import { AXTextBoxModule } from '@acorex/components/text-box';
|
20
|
-
|
21
|
-
class AXDatePickerComponent extends classes((MXValueComponent), MXInteractiveComponent, MXCalendarBaseComponent, MXDropDownComponent) {
|
22
|
-
constructor() {
|
23
|
-
super(...arguments);
|
24
|
-
this.popover = null;
|
25
|
-
this._cursorPos = 0;
|
26
|
-
this._isMobile = false;
|
27
|
-
this.formatChange = new EventEmitter();
|
28
|
-
this._format = 'YYYY-MM-dd';
|
29
|
-
this.interface = 'calendar';
|
30
|
-
this._platform = inject(AXPlatform);
|
31
|
-
}
|
32
|
-
get format() {
|
33
|
-
return this._format;
|
34
|
-
}
|
35
|
-
set format(v) {
|
36
|
-
this.setOption({
|
37
|
-
name: 'format',
|
38
|
-
value: v,
|
39
|
-
});
|
40
|
-
}
|
41
|
-
ngOnInit() {
|
42
|
-
super.ngOnInit();
|
43
|
-
super.initPopOverPositions();
|
44
|
-
this._target = this.getHostElement();
|
45
|
-
this._isMobile = this._platform.is('Mobile') || this._platform.is('SM');
|
46
|
-
this._platform.resize.subscribe(() => {
|
47
|
-
this._isMobile = this._platform.is('Mobile') || this._platform.is('SM');
|
48
|
-
this.popover.dispose();
|
49
|
-
});
|
50
|
-
this._popoverTitle = this.placeholder || AXTranslator.get('datepicker.popover.title');
|
51
|
-
this.onOptionChanged.subscribe(this._handleOnOptionChanged.bind(this));
|
52
|
-
this.onValueChanged.subscribe(this._handleOnValueChanged.bind(this));
|
53
|
-
}
|
54
|
-
_updateDisplayText() {
|
55
|
-
this.displayText = this.value ? AXDateTime.convert(this.value, this.type).format(this._format) : '';
|
56
|
-
}
|
57
|
-
_handlePopoverOpened() {
|
58
|
-
this._calendar?.navTo(this.value || new AXDateTime(new Date(), this.type));
|
59
|
-
}
|
60
|
-
_handleArrowClickEvent() {
|
61
|
-
this.toggle();
|
62
|
-
}
|
63
|
-
_handleOnValueChanged() {
|
64
|
-
this._updateDisplayText();
|
65
|
-
this.close();
|
66
|
-
}
|
67
|
-
_handleOnOptionChanged(e) {
|
68
|
-
if (e.name == 'type') {
|
69
|
-
this._updateDisplayText();
|
70
|
-
}
|
71
|
-
}
|
72
|
-
_handleOnInputClickEvent(e) {
|
73
|
-
e.preventDefault();
|
74
|
-
e.stopPropagation();
|
75
|
-
}
|
76
|
-
_handleOnNavigate(e) {
|
77
|
-
this.onNavigate.emit(e);
|
78
|
-
}
|
79
|
-
get __hostClass() {
|
80
|
-
return `ax-editor-container ax-drop-down`;
|
81
|
-
}
|
82
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDatePickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
83
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: AXDatePickerComponent, selector: "ax-date-picker", inputs: { rtl: "rtl", readonly: "readonly", value: "value", name: "name", disabled: "disabled", depth: "depth", activeView: "activeView", min: "min", max: "max", disabledDates: "disabledDates", holidayDates: "holidayDates", type: "type", cellTemplate: "cellTemplate", cellClass: "cellClass", format: "format", placeholder: "placeholder", interface: "interface" }, outputs: { onOptionChanged: "onOptionChanged", valueChange: "valueChange", onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus", depthChange: "depthChange", typeChange: "typeChange", activeViewChange: "activeViewChange", disabledDatesChange: "disabledDatesChange", holidayDatesChange: "holidayDatesChange", onNavigate: "onNavigate", onSlotClick: "onSlotClick", formatChange: "formatChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXDatePickerComponent }], viewQueries: [{ propertyName: "popover", first: true, predicate: AXPopoverComponent, descendants: true, static: true }, { propertyName: "_calendar", first: true, predicate: AXCalendarComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"> </ng-content>\n<div class=\"ax-dropdown-content ax-cursor-pointer\" (click)=\"toggle()\">\n <input class=\"ax-input\" type=\"text\" [attr.placeholder]=\"placeholder\" [class.ax-state-disabled]=\"disabled\"\n [class.ax-state-readonly]=\"readonly\" [disabled]=\"disabled\" [readonly]=\"true\"\n [attr.tabindex]=\"_isMobile ? -1 : tabIndex\" [ngModel]=\"displayText\" (focus)=\"emitOnFocusEvent($event)\"\n (mouseup)=\"_handleOnInputClickEvent($event)\" (blur)=\"emitOnBlurEvent($event)\" />\n</div>\n<ng-content select=\"ax-clear-button\"></ng-content>\n<button type=\"button\" [disabled]=\"disabled\" [tabIndex]=\"-1\" class=\"ax-general-button ax-button-icon\"\n (click)=\"_handleArrowClickEvent()\">\n <span class=\"ax-icon ax-icon-calendar\"></span>\n</button>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<ng-content select=\"ax-suffix\"> </ng-content>\n<ax-popover [target]=\"_target\" [position]=\"popOverPositions\" [openTrigger]=\"'manual'\" [closeTrigger]=\"'clickout'\"\n [adaptivityEnabled]=\"true\" (onOpened)=\"_handlePopoverOpened()\">\n <div class=\"ax-overlay-pane\" [class.ax-w-full]=\"_isMobile\">\n <ax-header *ngIf=\"_isMobile\">\n <ax-title>\n {{ placeholder || 'Choose a date' }}\n </ax-title>\n <ax-close-button></ax-close-button>\n </ax-header>\n <ng-container *ngIf=\"interface === 'calendar'; then calendarTemplate; else pickerTemplate\"></ng-container>\n <ng-template #calendarTemplate>\n <ax-calendar #calendar [disabled]=\"disabled\" [readonly]=\"readonly\" [(value)]=\"value\" [min]=\"min\" [max]=\"max\"\n [rtl]=\"rtl\" [disabledDates]=\"disabledDates\" [holidayDates]=\"holidayDates\" [depth]=\"depth\"\n (onNavigate)=\"_handleOnNavigate($event)\" [type]=\"type\">\n </ax-calendar>\n </ng-template>\n <ng-template #pickerTemplate> </ng-template>\n </div>\n</ax-popover>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXCalendarComponent, selector: "ax-calendar", inputs: ["rtl", "readonly", "value", "name", "disabled", "depth", "activeView", "min", "max", "disabledDates", "holidayDates", "type", "cellTemplate", "cellClass", "showNavigation", "count", "id"], outputs: ["onOptionChanged", "valueChange", "onValueChanged", "onBlur", "onFocus", "depthChange", "typeChange", "activeViewChange", "disabledDatesChange", "holidayDatesChange", "onNavigate", "onSlotClick", "countChange"] }, { kind: "component", type: i3.AXPopoverComponent, selector: "ax-popover", inputs: ["target", "position", "openTrigger", "closeTrigger", "hasBackdrop", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: i4.AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title , ax-sub-title" }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
84
|
-
}
|
85
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDatePickerComponent, decorators: [{
|
86
|
-
type: Component,
|
87
|
-
args: [{ selector: 'ax-date-picker', inputs: [
|
88
|
-
'rtl',
|
89
|
-
'readonly',
|
90
|
-
'value',
|
91
|
-
'name',
|
92
|
-
'disabled',
|
93
|
-
'depth',
|
94
|
-
'activeView',
|
95
|
-
'min',
|
96
|
-
'max',
|
97
|
-
'disabledDates',
|
98
|
-
'holidayDates',
|
99
|
-
'type',
|
100
|
-
'cellTemplate',
|
101
|
-
'cellClass',
|
102
|
-
], outputs: [
|
103
|
-
'onOptionChanged',
|
104
|
-
'valueChange',
|
105
|
-
'onValueChanged',
|
106
|
-
'onBlur',
|
107
|
-
'onFocus',
|
108
|
-
'depthChange',
|
109
|
-
'typeChange',
|
110
|
-
'activeViewChange',
|
111
|
-
'disabledDatesChange',
|
112
|
-
'holidayDatesChange',
|
113
|
-
'onNavigate',
|
114
|
-
'onSlotClick',
|
115
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXDatePickerComponent }], template: "<ng-content select=\"ax-prefix\"> </ng-content>\n<div class=\"ax-dropdown-content ax-cursor-pointer\" (click)=\"toggle()\">\n <input class=\"ax-input\" type=\"text\" [attr.placeholder]=\"placeholder\" [class.ax-state-disabled]=\"disabled\"\n [class.ax-state-readonly]=\"readonly\" [disabled]=\"disabled\" [readonly]=\"true\"\n [attr.tabindex]=\"_isMobile ? -1 : tabIndex\" [ngModel]=\"displayText\" (focus)=\"emitOnFocusEvent($event)\"\n (mouseup)=\"_handleOnInputClickEvent($event)\" (blur)=\"emitOnBlurEvent($event)\" />\n</div>\n<ng-content select=\"ax-clear-button\"></ng-content>\n<button type=\"button\" [disabled]=\"disabled\" [tabIndex]=\"-1\" class=\"ax-general-button ax-button-icon\"\n (click)=\"_handleArrowClickEvent()\">\n <span class=\"ax-icon ax-icon-calendar\"></span>\n</button>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<ng-content select=\"ax-suffix\"> </ng-content>\n<ax-popover [target]=\"_target\" [position]=\"popOverPositions\" [openTrigger]=\"'manual'\" [closeTrigger]=\"'clickout'\"\n [adaptivityEnabled]=\"true\" (onOpened)=\"_handlePopoverOpened()\">\n <div class=\"ax-overlay-pane\" [class.ax-w-full]=\"_isMobile\">\n <ax-header *ngIf=\"_isMobile\">\n <ax-title>\n {{ placeholder || 'Choose a date' }}\n </ax-title>\n <ax-close-button></ax-close-button>\n </ax-header>\n <ng-container *ngIf=\"interface === 'calendar'; then calendarTemplate; else pickerTemplate\"></ng-container>\n <ng-template #calendarTemplate>\n <ax-calendar #calendar [disabled]=\"disabled\" [readonly]=\"readonly\" [(value)]=\"value\" [min]=\"min\" [max]=\"max\"\n [rtl]=\"rtl\" [disabledDates]=\"disabledDates\" [holidayDates]=\"holidayDates\" [depth]=\"depth\"\n (onNavigate)=\"_handleOnNavigate($event)\" [type]=\"type\">\n </ax-calendar>\n </ng-template>\n <ng-template #pickerTemplate> </ng-template>\n </div>\n</ax-popover>" }]
|
116
|
-
}], propDecorators: { popover: [{
|
117
|
-
type: ViewChild,
|
118
|
-
args: [AXPopoverComponent, { static: true }]
|
119
|
-
}], _calendar: [{
|
120
|
-
type: ViewChild,
|
121
|
-
args: [AXCalendarComponent, { static: true }]
|
122
|
-
}], formatChange: [{
|
123
|
-
type: Output
|
124
|
-
}], format: [{
|
125
|
-
type: Input
|
126
|
-
}], placeholder: [{
|
127
|
-
type: Input
|
128
|
-
}], interface: [{
|
129
|
-
type: Input
|
130
|
-
}], __hostClass: [{
|
131
|
-
type: HostBinding,
|
132
|
-
args: ['class']
|
133
|
-
}] } });
|
134
|
-
|
135
|
-
const COMPONENT = [AXDatePickerComponent];
|
136
|
-
const MODULES = [
|
137
|
-
CommonModule,
|
138
|
-
AXCalendarModule,
|
139
|
-
AXTextBoxModule,
|
140
|
-
AXButtonModule,
|
141
|
-
AXPopoverModule,
|
142
|
-
AXDecoratorModule,
|
143
|
-
AXDateTimeModule,
|
144
|
-
FormsModule,
|
145
|
-
];
|
146
|
-
class AXDatepickerModule {
|
147
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
148
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: AXDatepickerModule, declarations: [AXDatePickerComponent], imports: [CommonModule,
|
149
|
-
AXCalendarModule,
|
150
|
-
AXTextBoxModule,
|
151
|
-
AXButtonModule,
|
152
|
-
AXPopoverModule,
|
153
|
-
AXDecoratorModule,
|
154
|
-
AXDateTimeModule,
|
155
|
-
FormsModule], exports: [AXDatePickerComponent] }); }
|
156
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDatepickerModule, imports: [MODULES] }); }
|
157
|
-
}
|
158
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDatepickerModule, decorators: [{
|
159
|
-
type: NgModule,
|
160
|
-
args: [{
|
161
|
-
declarations: [...COMPONENT],
|
162
|
-
imports: [...MODULES],
|
163
|
-
exports: [...COMPONENT],
|
164
|
-
providers: [],
|
165
|
-
}]
|
166
|
-
}] });
|
167
|
-
|
168
|
-
/**
|
169
|
-
* Generated bundle index. Do not edit.
|
170
|
-
*/
|
171
|
-
|
172
|
-
export { AXDatePickerComponent, AXDatepickerModule };
|
173
|
-
//# sourceMappingURL=acorex-components-date-picker.mjs.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"acorex-components-date-picker.mjs","sources":["../../../../libs/components/date-picker/src/lib/datepicker.component.ts","../../../../libs/components/date-picker/src/lib/datepicker.component.html","../../../../libs/components/date-picker/src/lib/datepicker.module.ts","../../../../libs/components/date-picker/src/acorex-components-date-picker.ts"],"sourcesContent":["import {\n AXCalendarComponent,\n AXCalendarNavigateEvent,\n MXCalendarBaseComponent,\n} from '@acorex/components/calendar';\nimport {\n AXClosbaleComponent,\n AXOptionChangedEvent,\n MXInteractiveComponent,\n MXValueComponent,\n} from '@acorex/components/common';\nimport { AXPopoverComponent, MXDropDownComponent } from '@acorex/components/popover';\nimport { AXDateTime } from '@acorex/core/dateTime';\nimport { AXPlatform } from '@acorex/core/platform';\nimport { AXTranslator } from '@acorex/core/translation';\nimport {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n HostBinding,\n Input,\n OnInit,\n Output,\n ViewChild,\n ViewEncapsulation,\n inject,\n} from '@angular/core';\nimport { classes } from 'polytype';\n\n@Component({\n selector: 'ax-date-picker',\n templateUrl: './datepicker.component.html',\n inputs: [\n 'rtl',\n 'readonly',\n 'value',\n 'name',\n 'disabled',\n 'depth',\n 'activeView',\n 'min',\n 'max',\n 'disabledDates',\n 'holidayDates',\n 'type',\n 'cellTemplate',\n 'cellClass',\n ],\n outputs: [\n 'onOptionChanged',\n 'valueChange',\n 'onValueChanged',\n 'onBlur',\n 'onFocus',\n 'depthChange',\n 'typeChange',\n 'activeViewChange',\n 'disabledDatesChange',\n 'holidayDatesChange',\n 'onNavigate',\n 'onSlotClick',\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [{ provide: AXClosbaleComponent, useExisting: AXDatePickerComponent }],\n})\nexport class AXDatePickerComponent\n extends classes(\n MXValueComponent<Date>,\n MXInteractiveComponent,\n MXCalendarBaseComponent,\n MXDropDownComponent,\n )\n implements OnInit\n{\n @ViewChild(AXPopoverComponent, { static: true })\n protected popover: AXPopoverComponent = null;\n\n @ViewChild(AXCalendarComponent, { static: true })\n private _calendar: AXCalendarComponent;\n\n protected _target: HTMLDivElement;\n displayText: string;\n protected _calendarValue: Date;\n protected _cursorPos = 0;\n protected _isMobile = false;\n protected _popoverTitle: string;\n protected _popoverWidth: number;\n\n @Output()\n formatChange = new EventEmitter<string>();\n\n private _format = 'YYYY-MM-dd';\n @Input()\n public get format(): string {\n return this._format;\n }\n public set format(v: string) {\n this.setOption({\n name: 'format',\n value: v,\n });\n }\n\n @Input()\n placeholder: string;\n\n @Input()\n interface: 'calendar' | 'picker' = 'calendar';\n\n private _platform = inject(AXPlatform);\n\n ngOnInit(): void {\n super.ngOnInit();\n super.initPopOverPositions();\n this._target = this.getHostElement();\n this._isMobile = this._platform.is('Mobile') || this._platform.is('SM');\n this._platform.resize.subscribe(() => {\n this._isMobile = this._platform.is('Mobile') || this._platform.is('SM');\n this.popover.dispose();\n });\n this._popoverTitle = this.placeholder || AXTranslator.get('datepicker.popover.title');\n this.onOptionChanged.subscribe(this._handleOnOptionChanged.bind(this));\n this.onValueChanged.subscribe(this._handleOnValueChanged.bind(this));\n }\n\n private _updateDisplayText() {\n this.displayText = this.value ? AXDateTime.convert(this.value, this.type).format(this._format) : '';\n }\n\n protected _handlePopoverOpened() {\n this._calendar?.navTo(this.value || new AXDateTime(new Date(), this.type));\n }\n\n protected _handleArrowClickEvent() {\n this.toggle();\n }\n\n _handleOnValueChanged() {\n this._updateDisplayText();\n this.close();\n }\n\n _handleOnOptionChanged(e: AXOptionChangedEvent): void {\n if (e.name == 'type') {\n this._updateDisplayText();\n }\n }\n\n protected _handleOnInputClickEvent(e: MouseEvent): void {\n e.preventDefault();\n e.stopPropagation();\n }\n\n protected _handleOnNavigate(e: AXCalendarNavigateEvent) {\n this.onNavigate.emit(e);\n }\n\n @HostBinding('class')\n private get __hostClass(): string {\n return `ax-editor-container ax-drop-down`;\n }\n}\n","<ng-content select=\"ax-prefix\"> </ng-content>\n<div class=\"ax-dropdown-content ax-cursor-pointer\" (click)=\"toggle()\">\n <input class=\"ax-input\" type=\"text\" [attr.placeholder]=\"placeholder\" [class.ax-state-disabled]=\"disabled\"\n [class.ax-state-readonly]=\"readonly\" [disabled]=\"disabled\" [readonly]=\"true\"\n [attr.tabindex]=\"_isMobile ? -1 : tabIndex\" [ngModel]=\"displayText\" (focus)=\"emitOnFocusEvent($event)\"\n (mouseup)=\"_handleOnInputClickEvent($event)\" (blur)=\"emitOnBlurEvent($event)\" />\n</div>\n<ng-content select=\"ax-clear-button\"></ng-content>\n<button type=\"button\" [disabled]=\"disabled\" [tabIndex]=\"-1\" class=\"ax-general-button ax-button-icon\"\n (click)=\"_handleArrowClickEvent()\">\n <span class=\"ax-icon ax-icon-calendar\"></span>\n</button>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<ng-content select=\"ax-suffix\"> </ng-content>\n<ax-popover [target]=\"_target\" [position]=\"popOverPositions\" [openTrigger]=\"'manual'\" [closeTrigger]=\"'clickout'\"\n [adaptivityEnabled]=\"true\" (onOpened)=\"_handlePopoverOpened()\">\n <div class=\"ax-overlay-pane\" [class.ax-w-full]=\"_isMobile\">\n <ax-header *ngIf=\"_isMobile\">\n <ax-title>\n {{ placeholder || 'Choose a date' }}\n </ax-title>\n <ax-close-button></ax-close-button>\n </ax-header>\n <ng-container *ngIf=\"interface === 'calendar'; then calendarTemplate; else pickerTemplate\"></ng-container>\n <ng-template #calendarTemplate>\n <ax-calendar #calendar [disabled]=\"disabled\" [readonly]=\"readonly\" [(value)]=\"value\" [min]=\"min\" [max]=\"max\"\n [rtl]=\"rtl\" [disabledDates]=\"disabledDates\" [holidayDates]=\"holidayDates\" [depth]=\"depth\"\n (onNavigate)=\"_handleOnNavigate($event)\" [type]=\"type\">\n </ax-calendar>\n </ng-template>\n <ng-template #pickerTemplate> </ng-template>\n </div>\n</ax-popover>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AXDateTimeModule } from '@acorex/core/dateTime';\n\nimport { AXDatePickerComponent } from './datepicker.component';\nimport { AXCalendarModule } from '@acorex/components/calendar';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXPopoverModule } from '@acorex/components/popover';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { FormsModule } from '@angular/forms';\n\nconst COMPONENT = [AXDatePickerComponent];\nconst MODULES = [\n CommonModule,\n AXCalendarModule,\n AXTextBoxModule,\n AXButtonModule,\n AXPopoverModule,\n AXDecoratorModule,\n AXDateTimeModule,\n FormsModule,\n];\n\n@NgModule({\n declarations: [...COMPONENT],\n imports: [...MODULES],\n exports: [...COMPONENT],\n providers: [],\n})\nexport class AXDatepickerModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|