@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,50 +0,0 @@
|
|
1
|
-
import { AXBaseComponent } from '@acorex/components/mixin';
|
2
|
-
import { ChangeDetectionStrategy, Component, ContentChildren, Input, ViewEncapsulation } from '@angular/core';
|
3
|
-
import { AXCollapseComponent } from './collapse.component';
|
4
|
-
import * as i0 from "@angular/core";
|
5
|
-
export class AXCollapseGroupComponent extends AXBaseComponent {
|
6
|
-
constructor(elementRef, cdr) {
|
7
|
-
super(elementRef, cdr);
|
8
|
-
this.cdr = cdr;
|
9
|
-
this.accordion = false;
|
10
|
-
this.nonCollapsedIndex = 0;
|
11
|
-
this._subs = [];
|
12
|
-
}
|
13
|
-
onViewInit() {
|
14
|
-
if (this.accordion) {
|
15
|
-
this._items.forEach(c => c.isCollapsed = true);
|
16
|
-
this._items.get(this.nonCollapsedIndex).isCollapsed = false;
|
17
|
-
console.log(this._items[this.nonCollapsedIndex]);
|
18
|
-
this._items.forEach((c1) => {
|
19
|
-
this._subs.push(c1.isCollapsedChange.subscribe(e => {
|
20
|
-
if (!e)
|
21
|
-
this._items.toArray().filter(c2 => c2 != c1).forEach(c => c.isCollapsed = true);
|
22
|
-
}));
|
23
|
-
});
|
24
|
-
}
|
25
|
-
}
|
26
|
-
onDestroy() {
|
27
|
-
this._subs.forEach(s => s.unsubscribe());
|
28
|
-
this._subs = [];
|
29
|
-
}
|
30
|
-
}
|
31
|
-
AXCollapseGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXCollapseGroupComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
32
|
-
AXCollapseGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXCollapseGroupComponent, selector: "ax-collapse-group", inputs: { accordion: "accordion", nonCollapsedIndex: "nonCollapsedIndex" }, host: { classAttribute: "ax-collapse-group" }, queries: [{ propertyName: "_items", predicate: AXCollapseComponent }], usesInheritance: true, ngImport: i0, template: `<ng-content select="ax-collapse"></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXCollapseGroupComponent, decorators: [{
|
34
|
-
type: Component,
|
35
|
-
args: [{
|
36
|
-
selector: 'ax-collapse-group',
|
37
|
-
template: `<ng-content select="ax-collapse"></ng-content>`,
|
38
|
-
host: { class: 'ax-collapse-group' },
|
39
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
40
|
-
encapsulation: ViewEncapsulation.None,
|
41
|
-
}]
|
42
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { accordion: [{
|
43
|
-
type: Input
|
44
|
-
}], nonCollapsedIndex: [{
|
45
|
-
type: Input
|
46
|
-
}], _items: [{
|
47
|
-
type: ContentChildren,
|
48
|
-
args: [AXCollapseComponent]
|
49
|
-
}] } });
|
50
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2UtZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvY29sbGFwc2Uvc3JjL2NvbGxhcHNlLWdyb3VwLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLHVCQUF1QixFQUFxQixTQUFTLEVBQUUsZUFBZSxFQUFjLEtBQUssRUFBYSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV4SixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7QUFTM0QsTUFBTSxPQUFPLHdCQUF5QixTQUFRLGVBQWU7SUFZekQsWUFBWSxVQUFzQixFQUFVLEdBQXNCO1FBQzlELEtBQUssQ0FBQyxVQUFVLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFEaUIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFWekQsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUVsQixzQkFBaUIsR0FBRyxDQUFDLENBQUM7UUFNdkIsVUFBSyxHQUFtQixFQUFFLENBQUM7SUFJbkMsQ0FBQztJQUdELFVBQVU7UUFDTixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDaEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxDQUFDO1lBQy9DLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7WUFDNUQsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUM7WUFDakQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxFQUF1QixFQUFFLEVBQUU7Z0JBQzVDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUU7b0JBQy9DLElBQUksQ0FBQyxDQUFDO3dCQUNGLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLENBQUM7Z0JBQ3hGLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDUixDQUFDLENBQUMsQ0FBQTtTQUNMO0lBQ0wsQ0FBQztJQUVELFNBQVM7UUFDTCxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDO1FBQ3pDLElBQUksQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDO0lBQ3BCLENBQUM7O3FIQWxDUSx3QkFBd0I7eUdBQXhCLHdCQUF3QiwyTUFNaEIsbUJBQW1CLG9EQVgxQixnREFBZ0Q7MkZBS2pELHdCQUF3QjtrQkFQcEMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsbUJBQW1CO29CQUM3QixRQUFRLEVBQUUsZ0RBQWdEO29CQUMxRCxJQUFJLEVBQUUsRUFBRSxLQUFLLEVBQUUsbUJBQW1CLEVBQUU7b0JBQ3BDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtpQkFDeEM7aUlBR1ksU0FBUztzQkFBakIsS0FBSztnQkFFRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBR0UsTUFBTTtzQkFEYixlQUFlO3VCQUFDLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYQmFzZUNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9taXhpbic7XHJcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGRyZW4sIEVsZW1lbnRSZWYsIElucHV0LCBRdWVyeUxpc3QsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBBWENvbGxhcHNlQ29tcG9uZW50IH0gZnJvbSAnLi9jb2xsYXBzZS5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2F4LWNvbGxhcHNlLWdyb3VwJyxcclxuICAgIHRlbXBsYXRlOiBgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtY29sbGFwc2VcIj48L25nLWNvbnRlbnQ+YCxcclxuICAgIGhvc3Q6IHsgY2xhc3M6ICdheC1jb2xsYXBzZS1ncm91cCcgfSxcclxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFYQ29sbGFwc2VHcm91cENvbXBvbmVudCBleHRlbmRzIEFYQmFzZUNvbXBvbmVudCB7XHJcblxyXG4gICAgQElucHV0KCkgYWNjb3JkaW9uID0gZmFsc2U7XHJcblxyXG4gICAgQElucHV0KCkgbm9uQ29sbGFwc2VkSW5kZXggPSAwO1xyXG5cclxuICAgIEBDb250ZW50Q2hpbGRyZW4oQVhDb2xsYXBzZUNvbXBvbmVudClcclxuICAgIHByaXZhdGUgX2l0ZW1zOiBRdWVyeUxpc3Q8QVhDb2xsYXBzZUNvbXBvbmVudD47XHJcblxyXG5cclxuICAgIHByaXZhdGUgX3N1YnM6IFN1YnNjcmlwdGlvbltdID0gW107XHJcblxyXG4gICAgY29uc3RydWN0b3IoZWxlbWVudFJlZjogRWxlbWVudFJlZiwgcHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XHJcbiAgICAgICAgc3VwZXIoZWxlbWVudFJlZiwgY2RyKTtcclxuICAgIH1cclxuXHJcblxyXG4gICAgb25WaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgICAgICBpZiAodGhpcy5hY2NvcmRpb24pIHtcclxuICAgICAgICAgICAgdGhpcy5faXRlbXMuZm9yRWFjaChjID0+IGMuaXNDb2xsYXBzZWQgPSB0cnVlKTtcclxuICAgICAgICAgICAgdGhpcy5faXRlbXMuZ2V0KHRoaXMubm9uQ29sbGFwc2VkSW5kZXgpLmlzQ29sbGFwc2VkID0gZmFsc2U7XHJcbiAgICAgICAgICAgIGNvbnNvbGUubG9nKHRoaXMuX2l0ZW1zW3RoaXMubm9uQ29sbGFwc2VkSW5kZXhdKTtcclxuICAgICAgICAgICAgdGhpcy5faXRlbXMuZm9yRWFjaCgoYzE6IEFYQ29sbGFwc2VDb21wb25lbnQpID0+IHtcclxuICAgICAgICAgICAgICAgIHRoaXMuX3N1YnMucHVzaChjMS5pc0NvbGxhcHNlZENoYW5nZS5zdWJzY3JpYmUoZSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgaWYgKCFlKVxyXG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLl9pdGVtcy50b0FycmF5KCkuZmlsdGVyKGMyID0+IGMyICE9IGMxKS5mb3JFYWNoKGMgPT4gYy5pc0NvbGxhcHNlZCA9IHRydWUpO1xyXG4gICAgICAgICAgICAgICAgfSkpO1xyXG4gICAgICAgICAgICB9KVxyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBvbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5fc3Vicy5mb3JFYWNoKHMgPT4gcy51bnN1YnNjcmliZSgpKTtcclxuICAgICAgICB0aGlzLl9zdWJzID0gW107XHJcbiAgICB9XHJcblxyXG5cclxufVxyXG4iXX0=
|
@@ -1,45 +0,0 @@
|
|
1
|
-
import { AXBaseComponent } from '@acorex/components/mixin';
|
2
|
-
import { ChangeDetectionStrategy, Component, ContentChild, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
|
3
|
-
import * as i0 from "@angular/core";
|
4
|
-
import * as i1 from "@angular/common";
|
5
|
-
export class AXCollapseComponent extends AXBaseComponent {
|
6
|
-
constructor(elementRef, cdr) {
|
7
|
-
super(elementRef, cdr);
|
8
|
-
this.cdr = cdr;
|
9
|
-
this.isCollapsedChange = new EventEmitter();
|
10
|
-
this._isCollapsed = false;
|
11
|
-
this.caption = '';
|
12
|
-
this.icon = '';
|
13
|
-
}
|
14
|
-
get isCollapsed() {
|
15
|
-
return this._isCollapsed;
|
16
|
-
}
|
17
|
-
set isCollapsed(v) {
|
18
|
-
if (v != this._isCollapsed) {
|
19
|
-
this._isCollapsed = v;
|
20
|
-
this.isCollapsedChange.emit(v);
|
21
|
-
this._cdr.detectChanges();
|
22
|
-
}
|
23
|
-
}
|
24
|
-
handleHeaderClick() {
|
25
|
-
this.isCollapsed = !this.isCollapsed;
|
26
|
-
}
|
27
|
-
}
|
28
|
-
AXCollapseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXCollapseComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
29
|
-
AXCollapseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXCollapseComponent, selector: "ax-collapse", inputs: { isCollapsed: "isCollapsed", caption: "caption", icon: "icon" }, outputs: { isCollapsedChange: "isCollapsedChange" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["collapseHeader"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\" (click)=\"handleHeaderClick()\">\r\n <ng-container *ngIf=\"headerTemplate; else collapseHeader\">\r\n <div class=\"ax-collapse-custom-header-container\">\r\n <ng-container [ngTemplateOutlet]=\"headerTemplate\" [ngTemplateOutletContext]=\"{ $implicit: { caption, isCollapsed } }\"></ng-container>\r\n </div>\r\n </ng-container>\r\n <ng-template #collapseHeader>\r\n <div class=\"ax-collapse-header-container\">\r\n <div class=\"ax-collapse-header-start\">\r\n <span class=\"ax-collapse-header-icon\" [class]=\"icon\"> </span>\r\n <span>\r\n {{ caption }}\r\n </span>\r\n </div>\r\n <!-- <span class=\"ax-icon ax-icon-chevron-down ax-collapse-arrow\"\r\n [ngClass]=\"{'ax-icon-chevron-up': !isCollapsed,'ax-icon-chevrop-down': isCollapsed}\"></span> -->\r\n\r\n <span\r\n class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow ax-transition-all\"\r\n [ngClass]=\"{ '-ax-rotation-90': isCollapsed, 'ax-rotation-90': !isCollapsed }\"></span>\r\n </div>\r\n </ng-template>\r\n</div>\r\n\r\n<div class=\"ax-collapse-body\" *ngIf=\"!isCollapsed\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: ["ax-collapse,ax-collapse-group{display:block;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);overflow:hidden;font-size:1rem}ax-collapse .ax-collapse-header,ax-collapse .ax-collapse-body{color:rgba(var(--ax-color-text-default));padding:.75rem}ax-collapse .ax-collapse-header{background-color:rgba(var(--ax-color-on-surface));cursor:pointer;-webkit-user-select:none;user-select:none}ax-collapse .ax-collapse-header .ax-collapse-header-container{display:flex;justify-content:space-between}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start{display:flex;align-items:center}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start .ax-collapse-header-icon{font-size:1.25rem;padding-inline-end:.5rem}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow{font-size:1.5rem}ax-collapse .ax-collapse-body{background-color:rgba(var(--ax-color-surface))}ax-collapse-group ax-collapse{border:0!important;border-radius:0!important}ax-collapse-group ax-collapse:not(ax-collapse-group ax-collapse:last-child){border-bottom:1px solid!important;border-color:rgba(var(--ax-color-border-default))!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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 });
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXCollapseComponent, decorators: [{
|
31
|
-
type: Component,
|
32
|
-
args: [{ selector: 'ax-collapse', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\" (click)=\"handleHeaderClick()\">\r\n <ng-container *ngIf=\"headerTemplate; else collapseHeader\">\r\n <div class=\"ax-collapse-custom-header-container\">\r\n <ng-container [ngTemplateOutlet]=\"headerTemplate\" [ngTemplateOutletContext]=\"{ $implicit: { caption, isCollapsed } }\"></ng-container>\r\n </div>\r\n </ng-container>\r\n <ng-template #collapseHeader>\r\n <div class=\"ax-collapse-header-container\">\r\n <div class=\"ax-collapse-header-start\">\r\n <span class=\"ax-collapse-header-icon\" [class]=\"icon\"> </span>\r\n <span>\r\n {{ caption }}\r\n </span>\r\n </div>\r\n <!-- <span class=\"ax-icon ax-icon-chevron-down ax-collapse-arrow\"\r\n [ngClass]=\"{'ax-icon-chevron-up': !isCollapsed,'ax-icon-chevrop-down': isCollapsed}\"></span> -->\r\n\r\n <span\r\n class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow ax-transition-all\"\r\n [ngClass]=\"{ '-ax-rotation-90': isCollapsed, 'ax-rotation-90': !isCollapsed }\"></span>\r\n </div>\r\n </ng-template>\r\n</div>\r\n\r\n<div class=\"ax-collapse-body\" *ngIf=\"!isCollapsed\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: ["ax-collapse,ax-collapse-group{display:block;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);overflow:hidden;font-size:1rem}ax-collapse .ax-collapse-header,ax-collapse .ax-collapse-body{color:rgba(var(--ax-color-text-default));padding:.75rem}ax-collapse .ax-collapse-header{background-color:rgba(var(--ax-color-on-surface));cursor:pointer;-webkit-user-select:none;user-select:none}ax-collapse .ax-collapse-header .ax-collapse-header-container{display:flex;justify-content:space-between}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start{display:flex;align-items:center}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start .ax-collapse-header-icon{font-size:1.25rem;padding-inline-end:.5rem}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow{font-size:1.5rem}ax-collapse .ax-collapse-body{background-color:rgba(var(--ax-color-surface))}ax-collapse-group ax-collapse{border:0!important;border-radius:0!important}ax-collapse-group ax-collapse:not(ax-collapse-group ax-collapse:last-child){border-bottom:1px solid!important;border-color:rgba(var(--ax-color-border-default))!important}\n"] }]
|
33
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { isCollapsedChange: [{
|
34
|
-
type: Output
|
35
|
-
}], isCollapsed: [{
|
36
|
-
type: Input
|
37
|
-
}], caption: [{
|
38
|
-
type: Input
|
39
|
-
}], icon: [{
|
40
|
-
type: Input
|
41
|
-
}], headerTemplate: [{
|
42
|
-
type: ContentChild,
|
43
|
-
args: ['collapseHeader', { static: true }]
|
44
|
-
}] } });
|
45
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvY29sbGFwc2Uvc3JjL2NvbGxhcHNlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL2NvbGxhcHNlL3NyYy9jb2xsYXBzZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUNMLHVCQUF1QixFQUV2QixTQUFTLEVBQ1QsWUFBWSxFQUVaLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUVOLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQzs7O0FBU3ZCLE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxlQUFlO0lBQ3RELFlBQVksVUFBc0IsRUFBVSxHQUFzQjtRQUNoRSxLQUFLLENBQUMsVUFBVSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBRG1CLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBS2xFLHNCQUFpQixHQUFzQixJQUFJLFlBQVksRUFBTyxDQUFDO1FBRXZELGlCQUFZLEdBQVksS0FBSyxDQUFDO1FBY3RDLFlBQU8sR0FBVyxFQUFFLENBQUM7UUFHckIsU0FBSSxHQUFXLEVBQUUsQ0FBQztJQXRCbEIsQ0FBQztJQU1ELElBQ1csV0FBVztRQUNwQixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDM0IsQ0FBQztJQUNELElBQVcsV0FBVyxDQUFDLENBQVU7UUFDL0IsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRTtZQUMxQixJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsQ0FBQztZQUN0QixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQy9CLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7U0FDM0I7SUFDSCxDQUFDO0lBV0QsaUJBQWlCO1FBQ2YsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDdkMsQ0FBQzs7Z0hBaENVLG1CQUFtQjtvR0FBbkIsbUJBQW1CLHFVQ3JCaEMsZ3ZDQTJCQTsyRkROYSxtQkFBbUI7a0JBUC9CLFNBQVM7K0JBQ0UsYUFBYSxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJO2lJQVFyQyxpQkFBaUI7c0JBRGhCLE1BQU07Z0JBS0ksV0FBVztzQkFEckIsS0FBSztnQkFhTixPQUFPO3NCQUROLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUlOLGNBQWM7c0JBRGIsWUFBWTt1QkFBQyxnQkFBZ0IsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWEJhc2VDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvbWl4aW4nO1xyXG5pbXBvcnQge1xyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIENvbXBvbmVudCxcclxuICBDb250ZW50Q2hpbGQsXHJcbiAgRWxlbWVudFJlZixcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgSW5wdXQsXHJcbiAgT3V0cHV0LFxyXG4gIFRlbXBsYXRlUmVmLFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdheC1jb2xsYXBzZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbGxhcHNlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jb2xsYXBzZS5jb21wb25lbnQuc2NzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBWENvbGxhcHNlQ29tcG9uZW50IGV4dGVuZHMgQVhCYXNlQ29tcG9uZW50IHtcclxuICBjb25zdHJ1Y3RvcihlbGVtZW50UmVmOiBFbGVtZW50UmVmLCBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcclxuICAgIHN1cGVyKGVsZW1lbnRSZWYsIGNkcik7XHJcbiAgfVxyXG5cclxuICBAT3V0cHV0KClcclxuICBpc0NvbGxhcHNlZENoYW5nZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuXHJcbiAgcHJpdmF0ZSBfaXNDb2xsYXBzZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBnZXQgaXNDb2xsYXBzZWQoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy5faXNDb2xsYXBzZWQ7XHJcbiAgfVxyXG4gIHB1YmxpYyBzZXQgaXNDb2xsYXBzZWQodjogYm9vbGVhbikge1xyXG4gICAgaWYgKHYgIT0gdGhpcy5faXNDb2xsYXBzZWQpIHtcclxuICAgICAgdGhpcy5faXNDb2xsYXBzZWQgPSB2O1xyXG4gICAgICB0aGlzLmlzQ29sbGFwc2VkQ2hhbmdlLmVtaXQodik7XHJcbiAgICAgIHRoaXMuX2Nkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKVxyXG4gIGNhcHRpb246IHN0cmluZyA9ICcnO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGljb246IHN0cmluZyA9ICcnO1xyXG5cclxuICBAQ29udGVudENoaWxkKCdjb2xsYXBzZUhlYWRlcicsIHsgc3RhdGljOiB0cnVlIH0pXHJcbiAgaGVhZGVyVGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XHJcblxyXG4gIGhhbmRsZUhlYWRlckNsaWNrKCkge1xyXG4gICAgdGhpcy5pc0NvbGxhcHNlZCA9ICF0aGlzLmlzQ29sbGFwc2VkO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiYXgtY29sbGFwc2UtaGVhZGVyXCIgW2NsYXNzLmF4LXN0YXRlLWNvbGxhcHNlZF09XCJpc0NvbGxhcHNlZFwiIChjbGljayk9XCJoYW5kbGVIZWFkZXJDbGljaygpXCI+XHJcbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImhlYWRlclRlbXBsYXRlOyBlbHNlIGNvbGxhcHNlSGVhZGVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYXgtY29sbGFwc2UtY3VzdG9tLWhlYWRlci1jb250YWluZXJcIj5cclxuICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJoZWFkZXJUZW1wbGF0ZVwiIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ICRpbXBsaWNpdDogeyBjYXB0aW9uLCBpc0NvbGxhcHNlZCB9IH1cIj48L25nLWNvbnRhaW5lcj5cclxuICAgIDwvZGl2PlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG4gIDxuZy10ZW1wbGF0ZSAjY29sbGFwc2VIZWFkZXI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYXgtY29sbGFwc2UtaGVhZGVyLWNvbnRhaW5lclwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiYXgtY29sbGFwc2UtaGVhZGVyLXN0YXJ0XCI+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJheC1jb2xsYXBzZS1oZWFkZXItaWNvblwiIFtjbGFzc109XCJpY29uXCI+IDwvc3Bhbj5cclxuICAgICAgICA8c3Bhbj5cclxuICAgICAgICAgIHt7IGNhcHRpb24gfX1cclxuICAgICAgICA8L3NwYW4+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8IS0tIDxzcGFuIGNsYXNzPVwiYXgtaWNvbiBheC1pY29uLWNoZXZyb24tZG93biBheC1jb2xsYXBzZS1hcnJvd1wiXHJcbiAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7J2F4LWljb24tY2hldnJvbi11cCc6ICFpc0NvbGxhcHNlZCwnYXgtaWNvbi1jaGV2cm9wLWRvd24nOiBpc0NvbGxhcHNlZH1cIj48L3NwYW4+IC0tPlxyXG5cclxuICAgICAgPHNwYW5cclxuICAgICAgICBjbGFzcz1cImF4LWljb24gYXgtaWNvbi1jaGV2cm9uLWxlZnQgYXgtY29sbGFwc2UtYXJyb3cgYXgtdHJhbnNpdGlvbi1hbGxcIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cInsgJy1heC1yb3RhdGlvbi05MCc6IGlzQ29sbGFwc2VkLCAnYXgtcm90YXRpb24tOTAnOiAhaXNDb2xsYXBzZWQgfVwiPjwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gIDwvbmctdGVtcGxhdGU+XHJcbjwvZGl2PlxyXG5cclxuPGRpdiBjbGFzcz1cImF4LWNvbGxhcHNlLWJvZHlcIiAqbmdJZj1cIiFpc0NvbGxhcHNlZFwiPlxyXG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuPC9kaXY+XHJcbiJdfQ==
|
@@ -1,129 +0,0 @@
|
|
1
|
-
import { AXColorUtil } from '@acorex/core/utils';
|
2
|
-
import { ChangeDetectionStrategy, Component, Inject, Optional, ViewEncapsulation, } from '@angular/core';
|
3
|
-
import { distinctUntilChanged } from 'rxjs/operators';
|
4
|
-
import { AXColorComponent, AXColorPaletteChildComponent, } from './color-palette.class';
|
5
|
-
import { AXBaseComponent } from '@acorex/components/mixin';
|
6
|
-
import * as i0 from "@angular/core";
|
7
|
-
import * as i1 from "@angular/common";
|
8
|
-
import * as i2 from "@acorex/components/textbox";
|
9
|
-
import * as i3 from "@acorex/components/number-box";
|
10
|
-
import * as i4 from "./color-palette.class";
|
11
|
-
export class AXColorPaletteInputComponent extends AXBaseComponent {
|
12
|
-
constructor(_elementRef, _cdr, _parent) {
|
13
|
-
super(_elementRef, _cdr);
|
14
|
-
this._parent = _parent;
|
15
|
-
this._isTouched = false;
|
16
|
-
this.isValid = true;
|
17
|
-
this._rgba = {
|
18
|
-
r: 0,
|
19
|
-
g: 0,
|
20
|
-
b: 0,
|
21
|
-
a: 0,
|
22
|
-
};
|
23
|
-
this._hex = '';
|
24
|
-
this._colorMode = "hex";
|
25
|
-
this._hexMaskOptions = {
|
26
|
-
mask: /^#[0-9a-f]{0,6}[0-9a-f]{0,2}$/i,
|
27
|
-
prepare: (str, m, a) => {
|
28
|
-
return m.typedValue?.startsWith('#') || str == '#' ? str.trim() : '#' + str.trim();
|
29
|
-
},
|
30
|
-
};
|
31
|
-
_parent._onInternalColorChanged$
|
32
|
-
.pipe(distinctUntilChanged())
|
33
|
-
.subscribe((e) => {
|
34
|
-
if (!e.color) {
|
35
|
-
this._hex = '';
|
36
|
-
this._rgba = {
|
37
|
-
r: null,
|
38
|
-
g: null,
|
39
|
-
b: null,
|
40
|
-
a: null,
|
41
|
-
};
|
42
|
-
}
|
43
|
-
else {
|
44
|
-
Object.assign(this._rgba, AXColorUtil.to(e.color, 'rgba'));
|
45
|
-
if (this._colorMode != 'hex' || !this._hex)
|
46
|
-
this._hex = AXColorUtil.toString(e.color, 'hex');
|
47
|
-
if (this._colorMode == 'hex')
|
48
|
-
this._hex = e.color;
|
49
|
-
if (this._rgba.a != 1 && !this._isTouched) {
|
50
|
-
this._colorMode = 'rgba';
|
51
|
-
}
|
52
|
-
}
|
53
|
-
this.checkValid();
|
54
|
-
_cdr.detectChanges();
|
55
|
-
});
|
56
|
-
}
|
57
|
-
_handleChangeInputMode() {
|
58
|
-
this._isTouched = true;
|
59
|
-
switch (this._colorMode) {
|
60
|
-
case 'rgba':
|
61
|
-
this._colorMode = 'hex';
|
62
|
-
break;
|
63
|
-
default:
|
64
|
-
this._colorMode = 'rgba';
|
65
|
-
break;
|
66
|
-
}
|
67
|
-
}
|
68
|
-
_handleRGBAValueChanged(e) {
|
69
|
-
if (e.value == null || (e.value == 0 && !e.oldValue))
|
70
|
-
return;
|
71
|
-
const { r, g, b, a } = this._rgba;
|
72
|
-
const _color = `rgba(${r},${g},${b},${a})`;
|
73
|
-
if (e.isUserInteraction) {
|
74
|
-
this._parent._setUserInteraction();
|
75
|
-
this._isTouched = true;
|
76
|
-
}
|
77
|
-
this._parent._onInternalColorChanged$.next({
|
78
|
-
color: AXColorUtil.toString(_color, 'rgba'),
|
79
|
-
sender: this,
|
80
|
-
});
|
81
|
-
}
|
82
|
-
_handleHEXAValueChanged(e) {
|
83
|
-
if (!e.value && !e.oldValue)
|
84
|
-
return;
|
85
|
-
//
|
86
|
-
if (e.isUserInteraction) {
|
87
|
-
this._parent._setUserInteraction();
|
88
|
-
this._isTouched = true;
|
89
|
-
}
|
90
|
-
//
|
91
|
-
if (!e.value && e.oldValue) {
|
92
|
-
this._parent._onInternalColorChanged$.next({
|
93
|
-
color: null,
|
94
|
-
sender: this
|
95
|
-
});
|
96
|
-
}
|
97
|
-
else {
|
98
|
-
this._parent._onInternalColorChanged$.next({
|
99
|
-
color: e.value,
|
100
|
-
sender: this
|
101
|
-
});
|
102
|
-
}
|
103
|
-
}
|
104
|
-
checkValid() {
|
105
|
-
this.isValid = AXColorUtil.isValid(this._hex);
|
106
|
-
}
|
107
|
-
}
|
108
|
-
AXColorPaletteInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXColorPaletteInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXColorComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
109
|
-
AXColorPaletteInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXColorPaletteInputComponent, selector: "ax-color-palette-input", host: { classAttribute: "ax-color-palette-input" }, providers: [
|
110
|
-
{
|
111
|
-
provide: AXColorPaletteChildComponent,
|
112
|
-
useExisting: AXColorPaletteInputComponent,
|
113
|
-
},
|
114
|
-
], usesInheritance: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"this._colorMode\">\r\n <div class=\"palette-inputs\">\r\n <ng-container *ngSwitchCase=\"'hex'\">\r\n <div>\r\n <ax-text-box\r\n class=\"ax-sm\"\r\n [value]=\"_hex\"\r\n [disabled]=\"_parent.disabled\"\r\n [readonly]=\"_parent.readonly\"\r\n [state]=\"isValid?'clear':'error'\"\r\n (onValueChanged)=\"_handleHEXAValueChanged($event)\" [mask-options]=\"_hexMaskOptions\">\r\n </ax-text-box>\r\n <label>HEX</label>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'rgba'\">\r\n <div>\r\n <ax-number-box\r\n class=\"ax-sm\"\r\n [minValue]=\"0\"\r\n [maxValue]=\"255\"\r\n [(value)]=\"_rgba.r\"\r\n [showSpinButtons]=\"false\"\r\n [disabled]=\"_parent.disabled\"\r\n [readonly]=\"_parent.readonly\"\r\n (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n </ax-number-box>\r\n <label>R</label>\r\n </div>\r\n <div>\r\n <ax-number-box\r\n class=\"ax-sm\"\r\n [minValue]=\"0\"\r\n [maxValue]=\"255\"\r\n [(value)]=\"_rgba.g\"\r\n [showSpinButtons]=\"false\"\r\n [disabled]=\"_parent.disabled\"\r\n [readonly]=\"_parent.readonly\"\r\n (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n </ax-number-box>\r\n <label>G</label>\r\n </div>\r\n <div>\r\n <ax-number-box\r\n class=\"ax-sm\"\r\n [minValue]=\"0\"\r\n [maxValue]=\"255\"\r\n [(value)]=\"_rgba.b\"\r\n [showSpinButtons]=\"false\"\r\n [disabled]=\"_parent.disabled\"\r\n [readonly]=\"_parent.readonly\"\r\n (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n </ax-number-box>\r\n <label>B</label>\r\n </div>\r\n <div>\r\n <ax-number-box\r\n class=\"ax-sm\"\r\n [minValue]=\"0\"\r\n [maxValue]=\"1\"\r\n [(value)]=\"_rgba.a\"\r\n [decimals]=\"2\"\r\n [step]=\"0.1\"\r\n [disabled]=\"_parent.disabled\"\r\n [readonly]=\"_parent.readonly\"\r\n [showSpinButtons]=\"false\"\r\n (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n </ax-number-box>\r\n <label>A</label>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <button\r\n class=\"ax-general-button ax-button-icon ax-sm\"\r\n (click)=\"_handleChangeInputMode()\"\r\n [disabled]=\"_parent.disabled\">\r\n <span class=\"ax-icon ax-icon-unfold-more\"></span>\r\n </button>\r\n</ng-container>\r\n", dependencies: [{ kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "mask-options"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged"] }, { kind: "component", type: i3.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "size", "value", "state", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "name", "checked", "thousandsSeparator", "padDecimalZeros", "step", "decimals", "decimalStep", "showSpinButtons", "minValue", "maxValue"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
115
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXColorPaletteInputComponent, decorators: [{
|
116
|
-
type: Component,
|
117
|
-
args: [{ selector: 'ax-color-palette-input', host: { class: 'ax-color-palette-input' }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
118
|
-
{
|
119
|
-
provide: AXColorPaletteChildComponent,
|
120
|
-
useExisting: AXColorPaletteInputComponent,
|
121
|
-
},
|
122
|
-
], template: "<ng-container [ngSwitch]=\"this._colorMode\">\r\n <div class=\"palette-inputs\">\r\n <ng-container *ngSwitchCase=\"'hex'\">\r\n <div>\r\n <ax-text-box\r\n class=\"ax-sm\"\r\n [value]=\"_hex\"\r\n [disabled]=\"_parent.disabled\"\r\n [readonly]=\"_parent.readonly\"\r\n [state]=\"isValid?'clear':'error'\"\r\n (onValueChanged)=\"_handleHEXAValueChanged($event)\" [mask-options]=\"_hexMaskOptions\">\r\n </ax-text-box>\r\n <label>HEX</label>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'rgba'\">\r\n <div>\r\n <ax-number-box\r\n class=\"ax-sm\"\r\n [minValue]=\"0\"\r\n [maxValue]=\"255\"\r\n [(value)]=\"_rgba.r\"\r\n [showSpinButtons]=\"false\"\r\n [disabled]=\"_parent.disabled\"\r\n [readonly]=\"_parent.readonly\"\r\n (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n </ax-number-box>\r\n <label>R</label>\r\n </div>\r\n <div>\r\n <ax-number-box\r\n class=\"ax-sm\"\r\n [minValue]=\"0\"\r\n [maxValue]=\"255\"\r\n [(value)]=\"_rgba.g\"\r\n [showSpinButtons]=\"false\"\r\n [disabled]=\"_parent.disabled\"\r\n [readonly]=\"_parent.readonly\"\r\n (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n </ax-number-box>\r\n <label>G</label>\r\n </div>\r\n <div>\r\n <ax-number-box\r\n class=\"ax-sm\"\r\n [minValue]=\"0\"\r\n [maxValue]=\"255\"\r\n [(value)]=\"_rgba.b\"\r\n [showSpinButtons]=\"false\"\r\n [disabled]=\"_parent.disabled\"\r\n [readonly]=\"_parent.readonly\"\r\n (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n </ax-number-box>\r\n <label>B</label>\r\n </div>\r\n <div>\r\n <ax-number-box\r\n class=\"ax-sm\"\r\n [minValue]=\"0\"\r\n [maxValue]=\"1\"\r\n [(value)]=\"_rgba.a\"\r\n [decimals]=\"2\"\r\n [step]=\"0.1\"\r\n [disabled]=\"_parent.disabled\"\r\n [readonly]=\"_parent.readonly\"\r\n [showSpinButtons]=\"false\"\r\n (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n </ax-number-box>\r\n <label>A</label>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <button\r\n class=\"ax-general-button ax-button-icon ax-sm\"\r\n (click)=\"_handleChangeInputMode()\"\r\n [disabled]=\"_parent.disabled\">\r\n <span class=\"ax-icon ax-icon-unfold-more\"></span>\r\n </button>\r\n</ng-container>\r\n" }]
|
123
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i4.AXColorComponent, decorators: [{
|
124
|
-
type: Optional
|
125
|
-
}, {
|
126
|
-
type: Inject,
|
127
|
-
args: [AXColorComponent]
|
128
|
-
}] }]; } });
|
129
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGFsZXR0ZS1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9jb2xvci1wYWxldHRlL3NyYy9jb2xvci1wYWxldHRlLWlucHV0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL2NvbG9yLXBhbGV0dGUvc3JjL2NvbG9yLXBhbGV0dGUtaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ2pELE9BQU8sRUFDTCx1QkFBdUIsRUFFdkIsU0FBUyxFQUVULE1BQU0sRUFDTixRQUFRLEVBQ1IsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRXRELE9BQU8sRUFDTCxnQkFBZ0IsRUFDaEIsNEJBQTRCLEdBQzdCLE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7QUFpQjNELE1BQU0sT0FBTyw0QkFBNkIsU0FBUSxlQUFlO0lBdUIvRCxZQUNFLFdBQXVCLEVBQ3ZCLElBQXVCLEVBR2hCLE9BQXlCO1FBRWhDLEtBQUssQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFGbEIsWUFBTyxHQUFQLE9BQU8sQ0FBa0I7UUEzQmxDLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFDbkIsWUFBTyxHQUFHLElBQUksQ0FBQztRQUVmLFVBQUssR0FBUTtZQUNYLENBQUMsRUFBRSxDQUFDO1lBQ0osQ0FBQyxFQUFFLENBQUM7WUFDSixDQUFDLEVBQUUsQ0FBQztZQUNKLENBQUMsRUFBRSxDQUFDO1NBQ0wsQ0FBQztRQUVGLFNBQUksR0FB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RSx3QkFBd0IsUUFFNUIsRUFBRSxLQUFLLEVBQUUsd0JBQXdCLEVBQUUsaUJBQzFCLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLDRCQUE0Qjs0QkFDckMsV0FBVyw4QkFBOEI7eUJBQzFDO3FCQUNGOzswQkE0QkUsUUFBUTs7MEJBQ1IsTUFBTTsyQkFBQyxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWENvbG9yVXRpbCB9IGZyb20gJ0BhY29yZXgvY29yZS91dGlscyc7XHJcbmltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ29tcG9uZW50LFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgSW5qZWN0LFxyXG4gIE9wdGlvbmFsLFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBkaXN0aW5jdFVudGlsQ2hhbmdlZCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcclxuaW1wb3J0IHsgQVhWYWx1ZUNoYW5nZWRFdmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9jb21tb24nO1xyXG5pbXBvcnQge1xyXG4gIEFYQ29sb3JDb21wb25lbnQsXHJcbiAgQVhDb2xvclBhbGV0dGVDaGlsZENvbXBvbmVudCxcclxufSBmcm9tICcuL2NvbG9yLXBhbGV0dGUuY2xhc3MnO1xyXG5pbXBvcnQgeyBBWEJhc2VDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvbWl4aW4nO1xyXG5pbXBvcnQgeyBBWE1hc2tPcHRpb25zIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL3RleHRib3gnO1xyXG5cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXgtY29sb3ItcGFsZXR0ZS1pbnB1dCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbG9yLXBhbGV0dGUtaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIGhvc3Q6IHsgY2xhc3M6ICdheC1jb2xvci1wYWxldHRlLWlucHV0JyB9LFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICB7XHJcbiAgICAgIHByb3ZpZGU6IEFYQ29sb3JQYWxldHRlQ2hpbGRDb21wb25lbnQsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBBWENvbG9yUGFsZXR0ZUlucHV0Q29tcG9uZW50LFxyXG4gICAgfSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhDb2xvclBhbGV0dGVJbnB1dENvbXBvbmVudCBleHRlbmRzIEFYQmFzZUNvbXBvbmVudCB7XHJcbiAgX2lzVG91Y2hlZCA9IGZhbHNlO1xyXG4gIGlzVmFsaWQgPSB0cnVlO1xyXG5cclxuICBfcmdiYTogYW55ID0ge1xyXG4gICAgcjogMCxcclxuICAgIGc6IDAsXHJcbiAgICBiOiAwLFxyXG4gICAgYTogMCxcclxuICB9O1xyXG5cclxuICBfaGV4OiBzdHJpbmcgPSAnJztcclxuXHJcbiAgcHJvdGVjdGVkIF9jb2xvck1vZGU6IFwiaGV4XCIgfCBcInJnYmFcIiA9IFwiaGV4XCI7XHJcblxyXG5cclxuICBwcm90ZWN0ZWQgX2hleE1hc2tPcHRpb25zOiBBWE1hc2tPcHRpb25zID0ge1xyXG4gICAgbWFzazogL14jWzAtOWEtZl17MCw2fVswLTlhLWZdezAsMn0kL2ksXHJcbiAgICBwcmVwYXJlOiAoc3RyLCBtLCBhKSA9PiB7XHJcbiAgICAgIHJldHVybiBtLnR5cGVkVmFsdWU/LnN0YXJ0c1dpdGgoJyMnKSB8fCBzdHIgPT0gJyMnID8gc3RyLnRyaW0oKSA6ICcjJyArIHN0ci50cmltKCk7XHJcbiAgICB9LFxyXG4gIH1cclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBfZWxlbWVudFJlZjogRWxlbWVudFJlZixcclxuICAgIF9jZHI6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgQE9wdGlvbmFsKClcclxuICAgIEBJbmplY3QoQVhDb2xvckNvbXBvbmVudClcclxuICAgIHB1YmxpYyBfcGFyZW50OiBBWENvbG9yQ29tcG9uZW50XHJcbiAgKSB7XHJcbiAgICBzdXBlcihfZWxlbWVudFJlZiwgX2Nkcik7XHJcbiAgICBfcGFyZW50Ll9vbkludGVybmFsQ29sb3JDaGFuZ2VkJFxyXG4gICAgICAucGlwZShkaXN0aW5jdFVudGlsQ2hhbmdlZCgpKVxyXG4gICAgICAuc3Vic2NyaWJlKChlKSA9PiB7XHJcbiAgICAgICAgaWYgKCFlLmNvbG9yKSB7XHJcbiAgICAgICAgICB0aGlzLl9oZXggPSAnJztcclxuICAgICAgICAgIHRoaXMuX3JnYmEgPSB7XHJcbiAgICAgICAgICAgIHI6IG51bGwsXHJcbiAgICAgICAgICAgIGc6IG51bGwsXHJcbiAgICAgICAgICAgIGI6IG51bGwsXHJcbiAgICAgICAgICAgIGE6IG51bGwsXHJcbiAgICAgICAgICB9O1xyXG4gICAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgICBPYmplY3QuYXNzaWduKHRoaXMuX3JnYmEsIEFYQ29sb3JVdGlsLnRvKGUuY29sb3IsICdyZ2JhJykpO1xyXG4gICAgICAgICAgaWYgKHRoaXMuX2NvbG9yTW9kZSAhPSAnaGV4JyB8fCAhdGhpcy5faGV4KVxyXG4gICAgICAgICAgICB0aGlzLl9oZXggPSBBWENvbG9yVXRpbC50b1N0cmluZyhlLmNvbG9yLCAnaGV4Jyk7XHJcbiAgICAgICAgICBpZiAodGhpcy5fY29sb3JNb2RlID09ICdoZXgnKVxyXG4gICAgICAgICAgICB0aGlzLl9oZXggPSBlLmNvbG9yO1xyXG4gICAgICAgICAgaWYgKHRoaXMuX3JnYmEuYSAhPSAxICYmICF0aGlzLl9pc1RvdWNoZWQpIHtcclxuICAgICAgICAgICAgdGhpcy5fY29sb3JNb2RlID0gJ3JnYmEnO1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICB0aGlzLmNoZWNrVmFsaWQoKTtcclxuICAgICAgICBfY2RyLmRldGVjdENoYW5nZXMoKTtcclxuICAgICAgfSk7XHJcbiAgfVxyXG5cclxuICBfaGFuZGxlQ2hhbmdlSW5wdXRNb2RlKCkge1xyXG4gICAgdGhpcy5faXNUb3VjaGVkID0gdHJ1ZVxyXG4gICAgc3dpdGNoICh0aGlzLl9jb2xvck1vZGUpIHtcclxuICAgICAgY2FzZSAncmdiYSc6XHJcbiAgICAgICAgdGhpcy5fY29sb3JNb2RlID0gJ2hleCc7XHJcbiAgICAgICAgYnJlYWs7XHJcbiAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgdGhpcy5fY29sb3JNb2RlID0gJ3JnYmEnO1xyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgX2hhbmRsZVJHQkFWYWx1ZUNoYW5nZWQoZTogQVhWYWx1ZUNoYW5nZWRFdmVudDxudW1iZXI+KSB7XHJcbiAgICBpZiAoZS52YWx1ZSA9PSBudWxsIHx8IChlLnZhbHVlID09IDAgJiYgIWUub2xkVmFsdWUpKSByZXR1cm47XHJcbiAgICBjb25zdCB7IHIsIGcsIGIsIGEgfSA9IHRoaXMuX3JnYmE7XHJcbiAgICBjb25zdCBfY29sb3IgPSBgcmdiYSgke3J9LCR7Z30sJHtifSwke2F9KWA7XHJcbiAgICBpZiAoZS5pc1VzZXJJbnRlcmFjdGlvbikge1xyXG4gICAgICB0aGlzLl9wYXJlbnQuX3NldFVzZXJJbnRlcmFjdGlvbigpO1xyXG4gICAgICB0aGlzLl9pc1RvdWNoZWQgPSB0cnVlO1xyXG4gICAgfVxyXG4gICAgdGhpcy5fcGFyZW50Ll9vbkludGVybmFsQ29sb3JDaGFuZ2VkJC5uZXh0KHtcclxuICAgICAgY29sb3I6IEFYQ29sb3JVdGlsLnRvU3RyaW5nKF9jb2xvciwgJ3JnYmEnKSxcclxuICAgICAgc2VuZGVyOiB0aGlzLFxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBfaGFuZGxlSEVYQVZhbHVlQ2hhbmdlZChlOiBBWFZhbHVlQ2hhbmdlZEV2ZW50PHN0cmluZz4pIHtcclxuICAgIGlmICghZS52YWx1ZSAmJiAhZS5vbGRWYWx1ZSkgcmV0dXJuO1xyXG4gICAgLy9cclxuICAgIGlmIChlLmlzVXNlckludGVyYWN0aW9uKSB7XHJcbiAgICAgIHRoaXMuX3BhcmVudC5fc2V0VXNlckludGVyYWN0aW9uKCk7XHJcbiAgICAgIHRoaXMuX2lzVG91Y2hlZCA9IHRydWU7XHJcbiAgICB9XHJcbiAgICAvL1xyXG4gICAgaWYgKCFlLnZhbHVlICYmIGUub2xkVmFsdWUpIHtcclxuICAgICAgdGhpcy5fcGFyZW50Ll9vbkludGVybmFsQ29sb3JDaGFuZ2VkJC5uZXh0KHtcclxuICAgICAgICBjb2xvcjogbnVsbCxcclxuICAgICAgICBzZW5kZXI6IHRoaXNcclxuICAgICAgfSk7XHJcbiAgICB9XHJcbiAgICBlbHNlIHtcclxuICAgICAgdGhpcy5fcGFyZW50Ll9vbkludGVybmFsQ29sb3JDaGFuZ2VkJC5uZXh0KHtcclxuICAgICAgICBjb2xvcjogZS52YWx1ZSxcclxuICAgICAgICBzZW5kZXI6IHRoaXNcclxuICAgICAgfSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuXHJcbiAgcHJpdmF0ZSBjaGVja1ZhbGlkKCkge1xyXG4gICAgdGhpcy5pc1ZhbGlkID0gQVhDb2xvclV0aWwuaXNWYWxpZCh0aGlzLl9oZXgpO1xyXG4gIH1cclxufVxyXG4iLCI8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJ0aGlzLl9jb2xvck1vZGVcIj5cclxuICA8ZGl2IGNsYXNzPVwicGFsZXR0ZS1pbnB1dHNcIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidoZXgnXCI+XHJcbiAgICAgIDxkaXY+XHJcbiAgICAgICAgPGF4LXRleHQtYm94XHJcbiAgICAgICAgICBjbGFzcz1cImF4LXNtXCJcclxuICAgICAgICAgIFt2YWx1ZV09XCJfaGV4XCJcclxuICAgICAgICAgIFtkaXNhYmxlZF09XCJfcGFyZW50LmRpc2FibGVkXCJcclxuICAgICAgICAgIFtyZWFkb25seV09XCJfcGFyZW50LnJlYWRvbmx5XCJcclxuICAgICAgICAgIFtzdGF0ZV09XCJpc1ZhbGlkPydjbGVhcic6J2Vycm9yJ1wiXHJcbiAgICAgICAgICAob25WYWx1ZUNoYW5nZWQpPVwiX2hhbmRsZUhFWEFWYWx1ZUNoYW5nZWQoJGV2ZW50KVwiIFttYXNrLW9wdGlvbnNdPVwiX2hleE1hc2tPcHRpb25zXCI+XHJcbiAgICAgICAgPC9heC10ZXh0LWJveD5cclxuICAgICAgICA8bGFiZWw+SEVYPC9sYWJlbD5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidyZ2JhJ1wiPlxyXG4gICAgICA8ZGl2PlxyXG4gICAgICAgIDxheC1udW1iZXItYm94XHJcbiAgICAgICAgICBjbGFzcz1cImF4LXNtXCJcclxuICAgICAgICAgIFttaW5WYWx1ZV09XCIwXCJcclxuICAgICAgICAgIFttYXhWYWx1ZV09XCIyNTVcIlxyXG4gICAgICAgICAgWyh2YWx1ZSldPVwiX3JnYmEuclwiXHJcbiAgICAgICAgICBbc2hvd1NwaW5CdXR0b25zXT1cImZhbHNlXCJcclxuICAgICAgICAgIFtkaXNhYmxlZF09XCJfcGFyZW50LmRpc2FibGVkXCJcclxuICAgICAgICAgIFtyZWFkb25seV09XCJfcGFyZW50LnJlYWRvbmx5XCJcclxuICAgICAgICAgIChvblZhbHVlQ2hhbmdlZCk9XCJfaGFuZGxlUkdCQVZhbHVlQ2hhbmdlZCgkZXZlbnQpXCI+XHJcbiAgICAgICAgPC9heC1udW1iZXItYm94PlxyXG4gICAgICAgIDxsYWJlbD5SPC9sYWJlbD5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXY+XHJcbiAgICAgICAgPGF4LW51bWJlci1ib3hcclxuICAgICAgICAgIGNsYXNzPVwiYXgtc21cIlxyXG4gICAgICAgICAgW21pblZhbHVlXT1cIjBcIlxyXG4gICAgICAgICAgW21heFZhbHVlXT1cIjI1NVwiXHJcbiAgICAgICAgICBbKHZhbHVlKV09XCJfcmdiYS5nXCJcclxuICAgICAgICAgIFtzaG93U3BpbkJ1dHRvbnNdPVwiZmFsc2VcIlxyXG4gICAgICAgICAgW2Rpc2FibGVkXT1cIl9wYXJlbnQuZGlzYWJsZWRcIlxyXG4gICAgICAgICAgW3JlYWRvbmx5XT1cIl9wYXJlbnQucmVhZG9ubHlcIlxyXG4gICAgICAgICAgKG9uVmFsdWVDaGFuZ2VkKT1cIl9oYW5kbGVSR0JBVmFsdWVDaGFuZ2VkKCRldmVudClcIj5cclxuICAgICAgICA8L2F4LW51bWJlci1ib3g+XHJcbiAgICAgICAgPGxhYmVsPkc8L2xhYmVsPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdj5cclxuICAgICAgICA8YXgtbnVtYmVyLWJveFxyXG4gICAgICAgICAgY2xhc3M9XCJheC1zbVwiXHJcbiAgICAgICAgICBbbWluVmFsdWVdPVwiMFwiXHJcbiAgICAgICAgICBbbWF4VmFsdWVdPVwiMjU1XCJcclxuICAgICAgICAgIFsodmFsdWUpXT1cIl9yZ2JhLmJcIlxyXG4gICAgICAgICAgW3Nob3dTcGluQnV0dG9uc109XCJmYWxzZVwiXHJcbiAgICAgICAgICBbZGlzYWJsZWRdPVwiX3BhcmVudC5kaXNhYmxlZFwiXHJcbiAgICAgICAgICBbcmVhZG9ubHldPVwiX3BhcmVudC5yZWFkb25seVwiXHJcbiAgICAgICAgICAob25WYWx1ZUNoYW5nZWQpPVwiX2hhbmRsZVJHQkFWYWx1ZUNoYW5nZWQoJGV2ZW50KVwiPlxyXG4gICAgICAgIDwvYXgtbnVtYmVyLWJveD5cclxuICAgICAgICA8bGFiZWw+QjwvbGFiZWw+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2PlxyXG4gICAgICAgIDxheC1udW1iZXItYm94XHJcbiAgICAgICAgICBjbGFzcz1cImF4LXNtXCJcclxuICAgICAgICAgIFttaW5WYWx1ZV09XCIwXCJcclxuICAgICAgICAgIFttYXhWYWx1ZV09XCIxXCJcclxuICAgICAgICAgIFsodmFsdWUpXT1cIl9yZ2JhLmFcIlxyXG4gICAgICAgICAgW2RlY2ltYWxzXT1cIjJcIlxyXG4gICAgICAgICAgW3N0ZXBdPVwiMC4xXCJcclxuICAgICAgICAgIFtkaXNhYmxlZF09XCJfcGFyZW50LmRpc2FibGVkXCJcclxuICAgICAgICAgIFtyZWFkb25seV09XCJfcGFyZW50LnJlYWRvbmx5XCJcclxuICAgICAgICAgIFtzaG93U3BpbkJ1dHRvbnNdPVwiZmFsc2VcIlxyXG4gICAgICAgICAgKG9uVmFsdWVDaGFuZ2VkKT1cIl9oYW5kbGVSR0JBVmFsdWVDaGFuZ2VkKCRldmVudClcIj5cclxuICAgICAgICA8L2F4LW51bWJlci1ib3g+XHJcbiAgICAgICAgPGxhYmVsPkE8L2xhYmVsPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gIDwvZGl2PlxyXG4gIDxidXR0b25cclxuICAgIGNsYXNzPVwiYXgtZ2VuZXJhbC1idXR0b24gYXgtYnV0dG9uLWljb24gYXgtc21cIlxyXG4gICAgKGNsaWNrKT1cIl9oYW5kbGVDaGFuZ2VJbnB1dE1vZGUoKVwiXHJcbiAgICBbZGlzYWJsZWRdPVwiX3BhcmVudC5kaXNhYmxlZFwiPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJheC1pY29uIGF4LWljb24tdW5mb2xkLW1vcmVcIj48L3NwYW4+XHJcbiAgPC9idXR0b24+XHJcbjwvbmctY29udGFpbmVyPlxyXG4iXX0=
|
@@ -1,158 +0,0 @@
|
|
1
|
-
import { AXColorUtil } from '@acorex/core/utils';
|
2
|
-
import { Inject, Optional } from '@angular/core';
|
3
|
-
import { ChangeDetectionStrategy, Component, ViewEncapsulation, } from '@angular/core';
|
4
|
-
import { distinctUntilChanged } from 'rxjs/operators';
|
5
|
-
import { AXColorComponent, AXColorPaletteChildComponent, } from './color-palette.class';
|
6
|
-
import { AXBaseComponent } from '@acorex/components/mixin';
|
7
|
-
import * as i0 from "@angular/core";
|
8
|
-
import * as i1 from "@acorex/components/range-slider";
|
9
|
-
import * as i2 from "@angular/cdk/drag-drop";
|
10
|
-
import * as i3 from "./color-palette.class";
|
11
|
-
export class AXColorPalettePickerComponent extends AXBaseComponent {
|
12
|
-
constructor(_elementRef, _cdr, _parent) {
|
13
|
-
super(_elementRef, _cdr);
|
14
|
-
this._parent = _parent;
|
15
|
-
this._rgba = {
|
16
|
-
r: 0,
|
17
|
-
g: 0,
|
18
|
-
b: 0,
|
19
|
-
a: 0,
|
20
|
-
};
|
21
|
-
this._gradient = 0;
|
22
|
-
this._bgColor = '#F00';
|
23
|
-
this._gradientColors = [
|
24
|
-
{ color: 'rgb(255, 0, 0)', pos: 0 },
|
25
|
-
{ color: 'rgb(255, 255, 0)', pos: 0.17 },
|
26
|
-
{ color: 'rgb(0, 255, 0)', pos: 0.33 },
|
27
|
-
{ color: 'rgb(0, 255, 255)', pos: 0.5 },
|
28
|
-
{ color: 'rgb(0, 0, 255)', pos: 0.67 },
|
29
|
-
{ color: 'rgb(255, 0, 255)', pos: 0.83 },
|
30
|
-
{ color: 'rgb(255, 0, 0)', pos: 1 },
|
31
|
-
];
|
32
|
-
this.dragPosition = { x: 0, y: 0 };
|
33
|
-
_parent._onInternalColorChanged$
|
34
|
-
.pipe(distinctUntilChanged())
|
35
|
-
.subscribe((e) => {
|
36
|
-
if (!e.color) {
|
37
|
-
this._rgba = {
|
38
|
-
r: 0,
|
39
|
-
g: 0,
|
40
|
-
b: 0,
|
41
|
-
a: 0,
|
42
|
-
};
|
43
|
-
}
|
44
|
-
else {
|
45
|
-
if (!AXColorUtil.equal(e.color, this._rgba)) {
|
46
|
-
Object.assign(this._rgba, AXColorUtil.to(e.color, 'rgba'));
|
47
|
-
}
|
48
|
-
}
|
49
|
-
this.setHSV();
|
50
|
-
_cdr.detectChanges();
|
51
|
-
});
|
52
|
-
}
|
53
|
-
setHSV() {
|
54
|
-
const hsv = AXColorUtil.to(this._rgba, 'hsva');
|
55
|
-
this._bgColor = AXColorUtil.toString({ h: hsv.h, s: 1, v: 1, a: this._rgba.a }, 'rgba');
|
56
|
-
this.setPointerByPercent(hsv.s * 100, hsv.v * 100);
|
57
|
-
}
|
58
|
-
_handleAlphaChanged(e) {
|
59
|
-
if (e.value != null && e.value != this._rgba.a) {
|
60
|
-
const { r, g, b } = this._rgba;
|
61
|
-
const _color = `rgba(${r},${g},${b},${e.value})`;
|
62
|
-
this._parent._setUserInteraction();
|
63
|
-
this._parent._onInternalColorChanged$.next({
|
64
|
-
color: AXColorUtil.toString(_color, 'rgba'),
|
65
|
-
sender: this,
|
66
|
-
});
|
67
|
-
}
|
68
|
-
}
|
69
|
-
_handleGradientChanged(e) {
|
70
|
-
if (e.value != null && e.value != this._gradient) {
|
71
|
-
const gradient = AXColorUtil.gradient(this._gradientColors);
|
72
|
-
const colors = gradient.rgb(100);
|
73
|
-
const { s, v } = AXColorUtil.to(this._rgba, "hsva");
|
74
|
-
const { h } = colors[e.value].toHsv();
|
75
|
-
this._parent._setUserInteraction();
|
76
|
-
this._parent._onInternalColorChanged$.next({
|
77
|
-
color: AXColorUtil.toString({ h, s, v, a: this._rgba.a }, 'rgba'),
|
78
|
-
sender: this,
|
79
|
-
});
|
80
|
-
}
|
81
|
-
}
|
82
|
-
_handleSurfaceClick(e) {
|
83
|
-
const surface = this._getHostElement().querySelector(".ax-color-picker-overlay");
|
84
|
-
const sb = surface.getBoundingClientRect();
|
85
|
-
const pointer = this._getHostElement().querySelector(".ax-color-picker-pointer");
|
86
|
-
const pb = pointer.getBoundingClientRect();
|
87
|
-
let x = e.offsetX;
|
88
|
-
let y = e.offsetY;
|
89
|
-
this.setColorByXY(x, y);
|
90
|
-
}
|
91
|
-
_handleDrag() {
|
92
|
-
const surface = this._getHostElement().querySelector(".ax-color-picker-overlay");
|
93
|
-
const sb = surface.getBoundingClientRect();
|
94
|
-
const pointer = this._getHostElement().querySelector(".ax-color-picker-pointer");
|
95
|
-
const pb = pointer.getBoundingClientRect();
|
96
|
-
const w = (pb.width / 2);
|
97
|
-
let x = (pb.left - sb.left) + w;
|
98
|
-
let y = (pb.top - sb.top) + w;
|
99
|
-
//
|
100
|
-
x = x < 0 ? 0 : x;
|
101
|
-
x = x > sb.width ? sb.width : x;
|
102
|
-
//
|
103
|
-
y = y < 0 ? 0 : y;
|
104
|
-
y = y > sb.height ? sb.height : y;
|
105
|
-
//
|
106
|
-
this.setColorByXY(x, y);
|
107
|
-
}
|
108
|
-
setColorByXY(x, y) {
|
109
|
-
const surface = this._getHostElement().querySelector(".ax-color-picker-overlay");
|
110
|
-
const sb = surface.getBoundingClientRect();
|
111
|
-
//
|
112
|
-
const { h } = AXColorUtil.to(this._bgColor, "hsva");
|
113
|
-
const hsv = {
|
114
|
-
h,
|
115
|
-
s: (x / sb.width),
|
116
|
-
v: ((sb.height - y) / sb.height)
|
117
|
-
};
|
118
|
-
this._parent._onInternalColorChanged$.next({
|
119
|
-
color: AXColorUtil.toString(hsv, 'rgba'),
|
120
|
-
sender: this,
|
121
|
-
});
|
122
|
-
}
|
123
|
-
setPointerByPercent(x, y) {
|
124
|
-
const surface = this._getHostElement().querySelector(".ax-color-picker-overlay");
|
125
|
-
const sb = surface.getBoundingClientRect();
|
126
|
-
const pointer = this._getHostElement().querySelector(".ax-color-picker-pointer");
|
127
|
-
const pb = pointer.getBoundingClientRect();
|
128
|
-
const w = (pb.width / 2);
|
129
|
-
const width = sb.width; //+ pb.width
|
130
|
-
const height = sb.height; // + pb.width
|
131
|
-
this.dragPosition = {
|
132
|
-
x: ((x * width) / 100) - w,
|
133
|
-
y: (height - (((y * height)) / 100)) - w
|
134
|
-
};
|
135
|
-
}
|
136
|
-
}
|
137
|
-
AXColorPalettePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXColorPalettePickerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXColorComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
138
|
-
AXColorPalettePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXColorPalettePickerComponent, selector: "ax-color-palette-picker", host: { classAttribute: "ax-color-palette-picker" }, providers: [
|
139
|
-
{
|
140
|
-
provide: AXColorPaletteChildComponent,
|
141
|
-
useExisting: AXColorPalettePickerComponent,
|
142
|
-
},
|
143
|
-
], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-color-picker-overlay-trans\">\r\n <div class=\"ax-color-picker-overlay\" [style.background-color]=\"_bgColor\">\r\n <div class=\"ax-color-picker-overlay-g1\"></div>\r\n <div class=\"ax-color-picker-overlay-g2\" (click)=\"_handleSurfaceClick($event)\"></div>\r\n <div class=\"ax-color-picker-pointer\" cdkDrag cdkDragBoundary=\".ax-color-picker-overlay\" [cdkDragFreeDragPosition]=\"dragPosition\" (cdkDragEnded)=\"_handleDrag()\"></div>\r\n </div>\r\n</div>\r\n<ax-range-slider class=\"ax-color-picker-gradient\" [minValue]=\"0\" [maxValue]=\"99\" [step]=\"1\" [value]=\"_gradient\" \r\n (onValueChanged)=\"_handleGradientChanged($event)\">\r\n</ax-range-slider>\r\n<ax-range-slider class=\"ax-color-picker-transparent\" [minValue]=\"0\" [maxValue]=\"1\" [step]=\"0.01\" [value]=\"_rgba.a\"\r\n (onValueChanged)=\"_handleAlphaChanged($event)\">\r\n</ax-range-slider>", dependencies: [{ kind: "component", type: i1.AXRangeSliderComponent, selector: "ax-range-slider", inputs: ["readonly", "allowNull", "value", "name", "checked", "minValue", "maxValue", "step", "color", "oriantaion"], outputs: ["valueChange", "onValueChanged", "colorChange"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
144
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXColorPalettePickerComponent, decorators: [{
|
145
|
-
type: Component,
|
146
|
-
args: [{ selector: 'ax-color-palette-picker', host: { class: 'ax-color-palette-picker' }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
147
|
-
{
|
148
|
-
provide: AXColorPaletteChildComponent,
|
149
|
-
useExisting: AXColorPalettePickerComponent,
|
150
|
-
},
|
151
|
-
], template: "<div class=\"ax-color-picker-overlay-trans\">\r\n <div class=\"ax-color-picker-overlay\" [style.background-color]=\"_bgColor\">\r\n <div class=\"ax-color-picker-overlay-g1\"></div>\r\n <div class=\"ax-color-picker-overlay-g2\" (click)=\"_handleSurfaceClick($event)\"></div>\r\n <div class=\"ax-color-picker-pointer\" cdkDrag cdkDragBoundary=\".ax-color-picker-overlay\" [cdkDragFreeDragPosition]=\"dragPosition\" (cdkDragEnded)=\"_handleDrag()\"></div>\r\n </div>\r\n</div>\r\n<ax-range-slider class=\"ax-color-picker-gradient\" [minValue]=\"0\" [maxValue]=\"99\" [step]=\"1\" [value]=\"_gradient\" \r\n (onValueChanged)=\"_handleGradientChanged($event)\">\r\n</ax-range-slider>\r\n<ax-range-slider class=\"ax-color-picker-transparent\" [minValue]=\"0\" [maxValue]=\"1\" [step]=\"0.01\" [value]=\"_rgba.a\"\r\n (onValueChanged)=\"_handleAlphaChanged($event)\">\r\n</ax-range-slider>" }]
|
152
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i3.AXColorComponent, decorators: [{
|
153
|
-
type: Optional
|
154
|
-
}, {
|
155
|
-
type: Inject,
|
156
|
-
args: [AXColorComponent]
|
157
|
-
}] }]; } });
|
158
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGFsZXR0ZS1waWNrZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvY29sb3ItcGFsZXR0ZS9zcmMvY29sb3ItcGFsZXR0ZS1waWNrZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvY29sb3ItcGFsZXR0ZS9zcmMvY29sb3ItcGFsZXR0ZS1waWNrZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ2pELE9BQU8sRUFBYyxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTdELE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUV0RCxPQUFPLEVBQ0wsZ0JBQWdCLEVBQ2hCLDRCQUE0QixHQUM3QixNQUFNLHVCQUF1QixDQUFDO0FBQy9CLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7QUFlM0QsTUFBTSxPQUFPLDZCQUE4QixTQUFRLGVBQWU7SUF3QmhFLFlBQ0UsV0FBdUIsRUFDdkIsSUFBdUIsRUFHaEIsT0FBeUI7UUFFaEMsS0FBSyxDQUFDLFdBQVcsRUFBRSxJQUFJLENBQUMsQ0FBQztRQUZsQixZQUFPLEdBQVAsT0FBTyxDQUFrQjtRQTVCbEMsVUFBSyxHQUFtRDtZQUN0RCxDQUFDLEVBQUUsQ0FBQztZQUNKLENBQUMsRUFBRSxDQUFDO1lBQ0osQ0FBQyxFQUFFLENBQUM7WUFDSixDQUFDLEVBQUUsQ0FBQztTQUNMLENBQUM7UUFFUSxjQUFTLEdBQVcsQ0FBQyxDQUFDO1FBRXRC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QzNDO3FCQUNGOzswQkE2QkUsUUFBUTs7MEJBQ1IsTUFBTTsyQkFBQyxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWENvbG9yVXRpbCB9IGZyb20gJ0BhY29yZXgvY29yZS91dGlscyc7XHJcbmltcG9ydCB7IEVsZW1lbnRSZWYsIEluamVjdCwgT3B0aW9uYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDb21wb25lbnQsXHJcbiAgVmlld0VuY2Fwc3VsYXRpb24sXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IGRpc3RpbmN0VW50aWxDaGFuZ2VkIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xyXG5pbXBvcnQgeyBBWFZhbHVlQ2hhbmdlZEV2ZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbW1vbic7XHJcbmltcG9ydCB7XHJcbiAgQVhDb2xvckNvbXBvbmVudCxcclxuICBBWENvbG9yUGFsZXR0ZUNoaWxkQ29tcG9uZW50LFxyXG59IGZyb20gJy4vY29sb3ItcGFsZXR0ZS5jbGFzcyc7XHJcbmltcG9ydCB7IEFYQmFzZUNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9taXhpbic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2F4LWNvbG9yLXBhbGV0dGUtcGlja2VyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29sb3ItcGFsZXR0ZS1waWNrZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIGhvc3Q6IHsgY2xhc3M6ICdheC1jb2xvci1wYWxldHRlLXBpY2tlcicgfSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBBWENvbG9yUGFsZXR0ZUNoaWxkQ29tcG9uZW50LFxyXG4gICAgICB1c2VFeGlzdGluZzogQVhDb2xvclBhbGV0dGVQaWNrZXJDb21wb25lbnQsXHJcbiAgICB9LFxyXG4gIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBWENvbG9yUGFsZXR0ZVBpY2tlckNvbXBvbmVudCBleHRlbmRzIEFYQmFzZUNvbXBvbmVudCB7XHJcbiAgX3JnYmE6IHsgcjogbnVtYmVyOyBnOiBudW1iZXI7IGI6IG51bWJlcjsgYTogbnVtYmVyIH0gPSB7XHJcbiAgICByOiAwLFxyXG4gICAgZzogMCxcclxuICAgIGI6IDAsXHJcbiAgICBhOiAwLFxyXG4gIH07XHJcblxyXG4gIHByb3RlY3RlZCBfZ3JhZGllbnQ6IG51bWJlciA9IDA7XHJcblxyXG4gIHByb3RlY3RlZCBfYmdDb2xvcjogc3RyaW5nID0gJyNGMDAnO1xyXG5cclxuICBwcml2YXRlIF9ncmFkaWVudENvbG9yczogYW55W10gPSBbXHJcbiAgICB7IGNvbG9yOiAncmdiKDI1NSwgMCwgMCknLCBwb3M6IDAgfSxcclxuICAgIHsgY29sb3I6ICdyZ2IoMjU1LCAyNTUsIDApJywgcG9zOiAwLjE3IH0sXHJcbiAgICB7IGNvbG9yOiAncmdiKDAsIDI1NSwgMCknLCBwb3M6IDAuMzMgfSxcclxuICAgIHsgY29sb3I6ICdyZ2IoMCwgMjU1LCAyNTUpJywgcG9zOiAwLjUgfSxcclxuICAgIHsgY29sb3I6ICdyZ2IoMCwgMCwgMjU1KScsIHBvczogMC42NyB9LFxyXG4gICAgeyBjb2xvcjogJ3JnYigyNTUsIDAsIDI1NSknLCBwb3M6IDAuODMgfSxcclxuICAgIHsgY29sb3I6ICdyZ2IoMjU1LCAwLCAwKScsIHBvczogMSB9LFxyXG4gIF07XHJcblxyXG4gIHByb3RlY3RlZCBkcmFnUG9zaXRpb24gPSB7IHg6IDAsIHk6IDAgfTtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBfZWxlbWVudFJlZjogRWxlbWVudFJlZixcclxuICAgIF9jZHI6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgQE9wdGlvbmFsKClcclxuICAgIEBJbmplY3QoQVhDb2xvckNvbXBvbmVudClcclxuICAgIHB1YmxpYyBfcGFyZW50OiBBWENvbG9yQ29tcG9uZW50XHJcbiAgKSB7XHJcbiAgICBzdXBlcihfZWxlbWVudFJlZiwgX2Nkcik7XHJcbiAgICBfcGFyZW50Ll9vbkludGVybmFsQ29sb3JDaGFuZ2VkJFxyXG4gICAgICAucGlwZShkaXN0aW5jdFVudGlsQ2hhbmdlZCgpKVxyXG4gICAgICAuc3Vic2NyaWJlKChlKSA9PiB7XHJcbiAgICAgICAgaWYgKCFlLmNvbG9yKSB7XHJcbiAgICAgICAgICB0aGlzLl9yZ2JhID0ge1xyXG4gICAgICAgICAgICByOiAwLFxyXG4gICAgICAgICAgICBnOiAwLFxyXG4gICAgICAgICAgICBiOiAwLFxyXG4gICAgICAgICAgICBhOiAwLFxyXG4gICAgICAgICAgfTtcclxuICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgaWYgKCFBWENvbG9yVXRpbC5lcXVhbChlLmNvbG9yLCB0aGlzLl9yZ2JhKSkge1xyXG4gICAgICAgICAgICBPYmplY3QuYXNzaWduKHRoaXMuX3JnYmEsIEFYQ29sb3JVdGlsLnRvKGUuY29sb3IsICdyZ2JhJykpO1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICB0aGlzLnNldEhTVigpXHJcbiAgICAgICAgX2Nkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBzZXRIU1YoKSB7XHJcbiAgICBjb25zdCBoc3YgPSBBWENvbG9yVXRpbC50byh0aGlzLl9yZ2JhLCAnaHN2YScpIGFzIGFueTtcclxuICAgIHRoaXMuX2JnQ29sb3IgPSBBWENvbG9yVXRpbC50b1N0cmluZyh7IGg6IGhzdi5oLCBzOiAxLCB2OiAxLCBhOiB0aGlzLl9yZ2JhLmEgfSwgJ3JnYmEnKTtcclxuICAgIHRoaXMuc2V0UG9pbnRlckJ5UGVyY2VudChoc3YucyAqIDEwMCwgaHN2LnYgKiAxMDApO1xyXG4gIH1cclxuXHJcblxyXG4gIHByb3RlY3RlZCBfaGFuZGxlQWxwaGFDaGFuZ2VkKGU6IEFYVmFsdWVDaGFuZ2VkRXZlbnQ8bnVtYmVyPikge1xyXG4gICAgaWYgKGUudmFsdWUgIT0gbnVsbCAmJiBlLnZhbHVlICE9IHRoaXMuX3JnYmEuYSkge1xyXG4gICAgICBjb25zdCB7IHIsIGcsIGIgfSA9IHRoaXMuX3JnYmE7XHJcbiAgICAgIGNvbnN0IF9jb2xvciA9IGByZ2JhKCR7cn0sJHtnfSwke2J9LCR7ZS52YWx1ZX0pYDtcclxuICAgICAgdGhpcy5fcGFyZW50Ll9zZXRVc2VySW50ZXJhY3Rpb24oKTtcclxuICAgICAgdGhpcy5fcGFyZW50Ll9vbkludGVybmFsQ29sb3JDaGFuZ2VkJC5uZXh0KHtcclxuICAgICAgICBjb2xvcjogQVhDb2xvclV0aWwudG9TdHJpbmcoX2NvbG9yLCAncmdiYScpLFxyXG4gICAgICAgIHNlbmRlcjogdGhpcyxcclxuICAgICAgfSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcm90ZWN0ZWQgX2hhbmRsZUdyYWRpZW50Q2hhbmdlZChlOiBBWFZhbHVlQ2hhbmdlZEV2ZW50PG51bWJlcj4pIHtcclxuICAgIGlmIChlLnZhbHVlICE9IG51bGwgJiYgZS52YWx1ZSAhPSB0aGlzLl9ncmFkaWVudCkge1xyXG4gICAgICBjb25zdCBncmFkaWVudCA9IEFYQ29sb3JVdGlsLmdyYWRpZW50KHRoaXMuX2dyYWRpZW50Q29sb3JzKTtcclxuICAgICAgY29uc3QgY29sb3JzID0gZ3JhZGllbnQucmdiKDEwMCk7XHJcbiAgICAgIGNvbnN0IHsgcywgdiB9ID0gQVhDb2xvclV0aWwudG8odGhpcy5fcmdiYSwgXCJoc3ZhXCIpIGFzIGFueTtcclxuICAgICAgY29uc3QgeyBoIH0gPSBjb2xvcnNbZS52YWx1ZV0udG9Ic3YoKTtcclxuICAgICAgdGhpcy5fcGFyZW50Ll9zZXRVc2VySW50ZXJhY3Rpb24oKTtcclxuICAgICAgdGhpcy5fcGFyZW50Ll9vbkludGVybmFsQ29sb3JDaGFuZ2VkJC5uZXh0KHtcclxuICAgICAgICBjb2xvcjogQVhDb2xvclV0aWwudG9TdHJpbmcoeyBoLCBzLCB2LCBhOiB0aGlzLl9yZ2JhLmEgfSwgJ3JnYmEnKSxcclxuICAgICAgICBzZW5kZXI6IHRoaXMsXHJcbiAgICAgIH0pO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJvdGVjdGVkIF9oYW5kbGVTdXJmYWNlQ2xpY2soZTogTW91c2VFdmVudCkge1xyXG4gICAgY29uc3Qgc3VyZmFjZSA9IHRoaXMuX2dldEhvc3RFbGVtZW50KCkucXVlcnlTZWxlY3RvcjxIVE1MRGl2RWxlbWVudD4oXCIuYXgtY29sb3ItcGlja2VyLW92ZXJsYXlcIik7XHJcbiAgICBjb25zdCBzYiA9IHN1cmZhY2UuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XHJcbiAgICBjb25zdCBwb2ludGVyID0gdGhpcy5fZ2V0SG9zdEVsZW1lbnQoKS5xdWVyeVNlbGVjdG9yPEhUTUxEaXZFbGVtZW50PihcIi5heC1jb2xvci1waWNrZXItcG9pbnRlclwiKTtcclxuICAgIGNvbnN0IHBiID0gcG9pbnRlci5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcclxuICAgIGxldCB4ID0gZS5vZmZzZXRYO1xyXG4gICAgbGV0IHkgPSBlLm9mZnNldFk7XHJcbiAgICB0aGlzLnNldENvbG9yQnlYWSh4LCB5KTtcclxuICB9XHJcblxyXG4gIHByb3RlY3RlZCBfaGFuZGxlRHJhZygpIHtcclxuICAgIGNvbnN0IHN1cmZhY2UgPSB0aGlzLl9nZXRIb3N0RWxlbWVudCgpLnF1ZXJ5U2VsZWN0b3I8SFRNTERpdkVsZW1lbnQ+KFwiLmF4LWNvbG9yLXBpY2tlci1vdmVybGF5XCIpO1xyXG4gICAgY29uc3Qgc2IgPSBzdXJmYWNlLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xyXG4gICAgY29uc3QgcG9pbnRlciA9IHRoaXMuX2dldEhvc3RFbGVtZW50KCkucXVlcnlTZWxlY3RvcjxIVE1MRGl2RWxlbWVudD4oXCIuYXgtY29sb3ItcGlja2VyLXBvaW50ZXJcIik7XHJcbiAgICBjb25zdCBwYiA9IHBvaW50ZXIuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XHJcbiAgICBjb25zdCB3ID0gKHBiLndpZHRoIC8gMik7XHJcbiAgICBsZXQgeCA9IChwYi5sZWZ0IC0gc2IubGVmdCkgKyB3O1xyXG4gICAgbGV0IHkgPSAocGIudG9wIC0gc2IudG9wKSArIHc7XHJcbiAgICAvL1xyXG4gICAgeCA9IHggPCAwID8gMCA6IHg7XHJcbiAgICB4ID0geCA+IHNiLndpZHRoID8gc2Iud2lkdGggOiB4O1xyXG4gICAgLy9cclxuICAgIHkgPSB5IDwgMCA/IDAgOiB5O1xyXG4gICAgeSA9IHkgPiBzYi5oZWlnaHQgPyBzYi5oZWlnaHQgOiB5O1xyXG4gICAgLy9cclxuICAgIHRoaXMuc2V0Q29sb3JCeVhZKHgsIHkpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBzZXRDb2xvckJ5WFkoeDogbnVtYmVyLCB5OiBudW1iZXIpIHtcclxuICAgIGNvbnN0IHN1cmZhY2UgPSB0aGlzLl9nZXRIb3N0RWxlbWVudCgpLnF1ZXJ5U2VsZWN0b3I8SFRNTERpdkVsZW1lbnQ+KFwiLmF4LWNvbG9yLXBpY2tlci1vdmVybGF5XCIpO1xyXG4gICAgY29uc3Qgc2IgPSBzdXJmYWNlLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xyXG4gICAgLy9cclxuICAgIGNvbnN0IHsgaCB9ID0gQVhDb2xvclV0aWwudG8odGhpcy5fYmdDb2xvciwgXCJoc3ZhXCIpIGFzIGFueTtcclxuICAgIGNvbnN0IGhzdiA9IHtcclxuICAgICAgaCxcclxuICAgICAgczogKHggLyBzYi53aWR0aCksXHJcbiAgICAgIHY6ICgoc2IuaGVpZ2h0IC0geSkgLyBzYi5oZWlnaHQpXHJcbiAgICB9XHJcbiAgICB0aGlzLl9wYXJlbnQuX29uSW50ZXJuYWxDb2xvckNoYW5nZWQkLm5leHQoe1xyXG4gICAgICBjb2xvcjogQVhDb2xvclV0aWwudG9TdHJpbmcoaHN2LCAncmdiYScpLFxyXG4gICAgICBzZW5kZXI6IHRoaXMsXHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgc2V0UG9pbnRlckJ5UGVyY2VudCh4OiBudW1iZXIsIHk6IG51bWJlcikge1xyXG4gICAgY29uc3Qgc3VyZmFjZSA9IHRoaXMuX2dldEhvc3RFbGVtZW50KCkucXVlcnlTZWxlY3RvcjxIVE1MRGl2RWxlbWVudD4oXCIuYXgtY29sb3ItcGlja2VyLW92ZXJsYXlcIik7XHJcbiAgICBjb25zdCBzYiA9IHN1cmZhY2UuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XHJcbiAgICBjb25zdCBwb2ludGVyID0gdGhpcy5fZ2V0SG9zdEVsZW1lbnQoKS5xdWVyeVNlbGVjdG9yPEhUTUxEaXZFbGVtZW50PihcIi5heC1jb2xvci1waWNrZXItcG9pbnRlclwiKTtcclxuICAgIGNvbnN0IHBiID0gcG9pbnRlci5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcclxuICAgIGNvbnN0IHcgPSAocGIud2lkdGggLyAyKTtcclxuICAgIGNvbnN0IHdpZHRoID0gc2Iud2lkdGg7Ly8rIHBiLndpZHRoXHJcbiAgICBjb25zdCBoZWlnaHQgPSBzYi5oZWlnaHQ7Ly8gKyBwYi53aWR0aFxyXG4gICAgdGhpcy5kcmFnUG9zaXRpb24gPSB7XHJcbiAgICAgIHg6ICgoeCAqIHdpZHRoKSAvIDEwMCkgLSB3LFxyXG4gICAgICB5OiAoaGVpZ2h0IC0gKCgoeSAqIGhlaWdodCkpIC8gMTAwKSkgLSB3XHJcbiAgICB9O1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiYXgtY29sb3ItcGlja2VyLW92ZXJsYXktdHJhbnNcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJheC1jb2xvci1waWNrZXItb3ZlcmxheVwiIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cIl9iZ0NvbG9yXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImF4LWNvbG9yLXBpY2tlci1vdmVybGF5LWcxXCI+PC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImF4LWNvbG9yLXBpY2tlci1vdmVybGF5LWcyXCIgKGNsaWNrKT1cIl9oYW5kbGVTdXJmYWNlQ2xpY2soJGV2ZW50KVwiPjwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJheC1jb2xvci1waWNrZXItcG9pbnRlclwiIGNka0RyYWcgY2RrRHJhZ0JvdW5kYXJ5PVwiLmF4LWNvbG9yLXBpY2tlci1vdmVybGF5XCIgW2Nka0RyYWdGcmVlRHJhZ1Bvc2l0aW9uXT1cImRyYWdQb3NpdGlvblwiIChjZGtEcmFnRW5kZWQpPVwiX2hhbmRsZURyYWcoKVwiPjwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PlxyXG48YXgtcmFuZ2Utc2xpZGVyIGNsYXNzPVwiYXgtY29sb3ItcGlja2VyLWdyYWRpZW50XCIgW21pblZhbHVlXT1cIjBcIiBbbWF4VmFsdWVdPVwiOTlcIiBbc3RlcF09XCIxXCIgW3ZhbHVlXT1cIl9ncmFkaWVudFwiIFxyXG4gICAgKG9uVmFsdWVDaGFuZ2VkKT1cIl9oYW5kbGVHcmFkaWVudENoYW5nZWQoJGV2ZW50KVwiPlxyXG48L2F4LXJhbmdlLXNsaWRlcj5cclxuPGF4LXJhbmdlLXNsaWRlciBjbGFzcz1cImF4LWNvbG9yLXBpY2tlci10cmFuc3BhcmVudFwiIFttaW5WYWx1ZV09XCIwXCIgW21heFZhbHVlXT1cIjFcIiBbc3RlcF09XCIwLjAxXCIgW3ZhbHVlXT1cIl9yZ2JhLmFcIlxyXG4gICAgKG9uVmFsdWVDaGFuZ2VkKT1cIl9oYW5kbGVBbHBoYUNoYW5nZWQoJGV2ZW50KVwiPlxyXG48L2F4LXJhbmdlLXNsaWRlcj4iXX0=
|
@@ -1,60 +0,0 @@
|
|
1
|
-
import { AXBaseComponent } from '@acorex/components/mixin';
|
2
|
-
import { AXColorUtil } from '@acorex/core/utils';
|
3
|
-
import { ChangeDetectionStrategy, Component, Inject, Optional, ViewEncapsulation, } from '@angular/core';
|
4
|
-
import { distinctUntilChanged } from 'rxjs/operators';
|
5
|
-
import { AXColorComponent, AXColorPaletteChildComponent, } from './color-palette.class';
|
6
|
-
import * as i0 from "@angular/core";
|
7
|
-
import * as i1 from "./color-palette.class";
|
8
|
-
export class AXColorPalettePreviewComponent extends AXBaseComponent {
|
9
|
-
constructor(_elementRef, _cdr, _parent, _zone) {
|
10
|
-
super(_elementRef, _cdr);
|
11
|
-
this._parent = _parent;
|
12
|
-
this._zone = _zone;
|
13
|
-
_parent._onInternalColorChanged$
|
14
|
-
.pipe(distinctUntilChanged())
|
15
|
-
.subscribe((e) => {
|
16
|
-
_zone.runOutsideAngular(() => {
|
17
|
-
this._getInnerElement().style.backgroundColor = e.color;
|
18
|
-
this._getInnerElement().innerText = AXColorUtil.toString(e.color);
|
19
|
-
const color = AXColorUtil.toString(e.color, 'hex');
|
20
|
-
const ratio = AXColorUtil.contrastToWhite(color);
|
21
|
-
this._getHostElement().style.color = !(ratio > 2.0) ? '#000' : '#fff';
|
22
|
-
});
|
23
|
-
});
|
24
|
-
}
|
25
|
-
}
|
26
|
-
AXColorPalettePreviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXColorPalettePreviewComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXColorComponent, optional: true }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
27
|
-
AXColorPalettePreviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXColorPalettePreviewComponent, selector: "ax-color-palette-preview", host: { classAttribute: "ax-color-palette-preview" }, providers: [
|
28
|
-
{
|
29
|
-
provide: AXColorPaletteChildComponent,
|
30
|
-
useExisting: AXColorPalettePreviewComponent,
|
31
|
-
},
|
32
|
-
], usesInheritance: true, ngImport: i0, template: `<div
|
33
|
-
class="palette-preview-overlay"
|
34
|
-
[class.ax-state-disabled]="_parent.disabled"
|
35
|
-
></div>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXColorPalettePreviewComponent, decorators: [{
|
37
|
-
type: Component,
|
38
|
-
args: [{
|
39
|
-
selector: 'ax-color-palette-preview',
|
40
|
-
template: `<div
|
41
|
-
class="palette-preview-overlay"
|
42
|
-
[class.ax-state-disabled]="_parent.disabled"
|
43
|
-
></div>`,
|
44
|
-
host: { class: 'ax-color-palette-preview' },
|
45
|
-
encapsulation: ViewEncapsulation.None,
|
46
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
47
|
-
providers: [
|
48
|
-
{
|
49
|
-
provide: AXColorPaletteChildComponent,
|
50
|
-
useExisting: AXColorPalettePreviewComponent,
|
51
|
-
},
|
52
|
-
],
|
53
|
-
}]
|
54
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.AXColorComponent, decorators: [{
|
55
|
-
type: Optional
|
56
|
-
}, {
|
57
|
-
type: Inject,
|
58
|
-
args: [AXColorComponent]
|
59
|
-
}] }, { type: i0.NgZone }]; } });
|
60
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGFsZXR0ZS1wcmV2aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL2NvbG9yLXBhbGV0dGUvc3JjL2NvbG9yLXBhbGV0dGUtcHJldmlldy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNqRCxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsRUFFVCxNQUFNLEVBRU4sUUFBUSxFQUNSLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN0RCxPQUFPLEVBQ0wsZ0JBQWdCLEVBQ2hCLDRCQUE0QixHQUM3QixNQUFNLHVCQUF1QixDQUFDOzs7QUFrQi9CLE1BQU0sT0FBTyw4QkFBK0IsU0FBUSxlQUFlO0lBQ2pFLFlBQ0UsV0FBdUIsRUFDdkIsSUFBdUIsRUFHaEIsT0FBeUIsRUFDeEIsS0FBYTtRQUVyQixLQUFLLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxDQUFDO1FBSGxCLFlBQU8sR0FBUCxPQUFPLENBQWtCO1FBQ3hCLFVBQUssR0FBTCxLQUFLLENBQVE7UUFHckIsT0FBTyxDQUFDLHdCQUF3QjthQUM3QixJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQzthQUM1QixTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUNmLEtBQUssQ0FBQyxpQkFBaUIsQ0FBQyxHQUFHLEVBQUU7Z0JBQzNCLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDLEtBQUssQ0FBQyxlQUFlLEdBQUcsQ0FBQyxDQUFDLEtBQUssQ0FBQztnQkFDeEQsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUMsU0FBUyxHQUFHLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUNsRSxNQUFNLEtBQUssR0FBRyxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUM7Z0JBQ25ELE1BQU0sS0FBSyxHQUFHLFdBQVcsQ0FBQyxlQUFlLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQ2pELElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxLQUFLLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDO1lBQ3hFLENBQUMsQ0FBQyxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDOzsySEFyQlUsOEJBQThCLDZFQUsvQixnQkFBZ0I7K0dBTGYsOEJBQThCLHlHQVA5QjtRQUNUO1lBQ0UsT0FBTyxFQUFFLDRCQUE0QjtZQUNyQyxXQUFXLEVBQUUsOEJBQThCO1NBQzVDO0tBQ0YsaURBWlM7OztVQUdGOzJGQVdHLDhCQUE4QjtrQkFoQjFDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDBCQUEwQjtvQkFDcEMsUUFBUSxFQUFFOzs7VUFHRjtvQkFDUixJQUFJLEVBQUUsRUFBRSxLQUFLLEVBQUUsMEJBQTBCLEVBQUU7b0JBQzNDLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsU0FBUyxFQUFFO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSw0QkFBNEI7NEJBQ3JDLFdBQVcsZ0NBQWdDO3lCQUM1QztxQkFDRjtpQkFDRjs7MEJBS0ksUUFBUTs7MEJBQ1IsTUFBTTsyQkFBQyxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWEJhc2VDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvbWl4aW4nO1xyXG5pbXBvcnQgeyBBWENvbG9yVXRpbCB9IGZyb20gJ0BhY29yZXgvY29yZS91dGlscyc7XHJcbmltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ29tcG9uZW50LFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgSW5qZWN0LFxyXG4gIE5nWm9uZSxcclxuICBPcHRpb25hbCxcclxuICBWaWV3RW5jYXBzdWxhdGlvbixcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgZGlzdGluY3RVbnRpbENoYW5nZWQgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XHJcbmltcG9ydCB7XHJcbiAgQVhDb2xvckNvbXBvbmVudCxcclxuICBBWENvbG9yUGFsZXR0ZUNoaWxkQ29tcG9uZW50LFxyXG59IGZyb20gJy4vY29sb3ItcGFsZXR0ZS5jbGFzcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2F4LWNvbG9yLXBhbGV0dGUtcHJldmlldycsXHJcbiAgdGVtcGxhdGU6IGA8ZGl2XHJcbiAgICBjbGFzcz1cInBhbGV0dGUtcHJldmlldy1vdmVybGF5XCJcclxuICAgIFtjbGFzcy5heC1zdGF0ZS1kaXNhYmxlZF09XCJfcGFyZW50LmRpc2FibGVkXCJcclxuICA+PC9kaXY+YCxcclxuICBob3N0OiB7IGNsYXNzOiAnYXgtY29sb3ItcGFsZXR0ZS1wcmV2aWV3JyB9LFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICB7XHJcbiAgICAgIHByb3ZpZGU6IEFYQ29sb3JQYWxldHRlQ2hpbGRDb21wb25lbnQsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBBWENvbG9yUGFsZXR0ZVByZXZpZXdDb21wb25lbnQsXHJcbiAgICB9LFxyXG4gIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBWENvbG9yUGFsZXR0ZVByZXZpZXdDb21wb25lbnQgZXh0ZW5kcyBBWEJhc2VDb21wb25lbnQge1xyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXHJcbiAgICBfY2RyOiBDaGFuZ2VEZXRlY3RvclJlZixcclxuICAgIEBPcHRpb25hbCgpXHJcbiAgICBASW5qZWN0KEFYQ29sb3JDb21wb25lbnQpXHJcbiAgICBwdWJsaWMgX3BhcmVudDogQVhDb2xvckNvbXBvbmVudCxcclxuICAgIHByaXZhdGUgX3pvbmU6IE5nWm9uZVxyXG4gICkge1xyXG4gICAgc3VwZXIoX2VsZW1lbnRSZWYsIF9jZHIpO1xyXG4gICAgX3BhcmVudC5fb25JbnRlcm5hbENvbG9yQ2hhbmdlZCRcclxuICAgICAgLnBpcGUoZGlzdGluY3RVbnRpbENoYW5nZWQoKSlcclxuICAgICAgLnN1YnNjcmliZSgoZSkgPT4ge1xyXG4gICAgICAgIF96b25lLnJ1bk91dHNpZGVBbmd1bGFyKCgpID0+IHtcclxuICAgICAgICAgIHRoaXMuX2dldElubmVyRWxlbWVudCgpLnN0eWxlLmJhY2tncm91bmRDb2xvciA9IGUuY29sb3I7XHJcbiAgICAgICAgICB0aGlzLl9nZXRJbm5lckVsZW1lbnQoKS5pbm5lclRleHQgPSBBWENvbG9yVXRpbC50b1N0cmluZyhlLmNvbG9yKTtcclxuICAgICAgICAgIGNvbnN0IGNvbG9yID0gQVhDb2xvclV0aWwudG9TdHJpbmcoZS5jb2xvciwgJ2hleCcpO1xyXG4gICAgICAgICAgY29uc3QgcmF0aW8gPSBBWENvbG9yVXRpbC5jb250cmFzdFRvV2hpdGUoY29sb3IpO1xyXG4gICAgICAgICAgdGhpcy5fZ2V0SG9zdEVsZW1lbnQoKS5zdHlsZS5jb2xvciA9ICEocmF0aW8gPiAyLjApID8gJyMwMDAnIDogJyNmZmYnO1xyXG4gICAgICAgIH0pO1xyXG4gICAgICB9KTtcclxuICB9XHJcbn1cclxuIl19
|