nira-falcon 0.1.25 → 0.1.26
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/environments/environment.d.ts +4 -0
- package/esm2022/environments/environment.mjs +7 -0
- package/esm2022/lib/core-auto-complete/core-auto-complete.component.mjs +82 -0
- package/esm2022/lib/core-btn/core-btn.component.mjs +71 -0
- package/esm2022/lib/core-card/core-card.component.mjs +16 -0
- package/esm2022/lib/core-checkbox/core-checkbox.component.mjs +33 -0
- package/esm2022/lib/core-confirm-dialog/core-confirm-dialog.component.mjs +31 -0
- package/esm2022/lib/core-date-picker/core-date-picker.component.mjs +50 -0
- package/esm2022/lib/core-input/core-input.component.mjs +136 -0
- package/esm2022/lib/core-multi-select/core-multi-select-row/core-multi-select-row.component.mjs +28 -0
- package/esm2022/lib/core-multi-select/core-multi-select.component.mjs +145 -0
- package/esm2022/lib/core-number/core-number.component.mjs +64 -0
- package/esm2022/lib/core-page-title/core-page-title.component.mjs +19 -0
- package/esm2022/lib/core-radio-buttons/core-radio-buttons.component.mjs +75 -0
- package/esm2022/lib/core-search-box/core-search-box.component.mjs +25 -0
- package/esm2022/lib/core-select/core-select.component.mjs +96 -0
- package/esm2022/lib/core-spinner/core-spinner.component.mjs +23 -0
- package/esm2022/lib/core-switch/core-switch.component.mjs +33 -0
- package/esm2022/lib/core-table/core-column-date-picker/core-column-date-picker.component.mjs +62 -0
- package/esm2022/lib/core-table/core-column-input/core-column-input.component.mjs +43 -0
- package/esm2022/lib/core-table/core-column-selector/core-column-selector.component.mjs +100 -0
- package/esm2022/lib/core-table/core-row-pelak/core-row-pelak.component.mjs +21 -0
- package/esm2022/lib/core-table/core-table/core-table.component.mjs +182 -0
- package/esm2022/lib/core-table/core-table-action-buttons-column/core-table-action-buttons-column.component.mjs +34 -0
- package/esm2022/lib/core-table/core-table-action-column/core-table-action-column.component.mjs +27 -0
- package/esm2022/lib/core-table/core-table-card-manager/core-table-card-manager.component.mjs +83 -0
- package/esm2022/lib/core-table/core-table-column-manager/core-table-column-manager.component.mjs +85 -0
- package/esm2022/lib/core-table/core-table-detail-viewer-for-report/core-table-detail-viewer-for-report.component.mjs +29 -0
- package/esm2022/lib/core-table/core-table-filter-dialog/core-table-filter-dialog/core-table-filter-dialog.component.mjs +82 -0
- package/esm2022/lib/core-table/core-table-no-content/core-table-no-content.component.mjs +23 -0
- package/esm2022/lib/core-table/core-table-no-content/core-table-no-content.label.mjs +9 -0
- package/esm2022/lib/core-table/core-table-row-selector-column/core-table-row-selector-column.component.mjs +68 -0
- package/esm2022/lib/core-table/core-table-shamsi-date/core-table-shamsi-date.component.mjs +34 -0
- package/esm2022/lib/core-table/core-table-status-active-column/core-table-status-active-column.component.mjs +20 -0
- package/esm2022/lib/core-table/core-table-status-column/core-table-status-column.component.mjs +18 -0
- package/esm2022/lib/core-textarea/core-textarea.component.mjs +47 -0
- package/esm2022/lib/core-time-picker/core-time-picker.component.mjs +118 -0
- package/esm2022/lib/core-time-picker/time-picker-modal/time-picker-modal.component.mjs +147 -0
- package/esm2022/lib/falcon-lib.module.mjs +252 -0
- package/esm2022/lib/falconTypes.mjs +9 -0
- package/esm2022/lib/pipes/digit-group.pipe.mjs +16 -0
- package/esm2022/lib/pipes/form-control.pipe.mjs +16 -0
- package/esm2022/lib/pipes/persian-digits.pipe.mjs +40 -0
- package/esm2022/lib/pipes/price-format.pipe.mjs +23 -0
- package/esm2022/lib/pipes/shamsi-date.pipe.mjs +24 -0
- package/esm2022/lib/pipes/time-format.pipe.mjs +28 -0
- package/esm2022/lib/pipes/weight.pipe.mjs +16 -0
- package/esm2022/lib/wordify.mjs +109 -0
- package/esm2022/nira-falcon.mjs +5 -0
- package/esm2022/public-api.mjs +31 -0
- package/esm2022/svg-icon/arrow-down-icon/arrow-down-icon.component.mjs +11 -0
- package/esm2022/svg-icon/calendar-icon/calendar-icon.component.mjs +11 -0
- package/esm2022/svg-icon/caret-up-icon/caret-up-icon.component.mjs +11 -0
- package/esm2022/svg-icon/close-icon/close-icon.component.mjs +11 -0
- package/esm2022/svg-icon/edit-square-icon/edit-square-icon.component.mjs +11 -0
- package/esm2022/svg-icon/pelak-icon/pelak-icon.component.mjs +11 -0
- package/esm2022/svg-icon/search-icon/search-icon.component.mjs +11 -0
- package/esm2022/svg-icon/sort-down-icon/sort-down-icon.component.mjs +11 -0
- package/esm2022/svg-icon/sort-solid-icon/sort-solid-icon.component.mjs +11 -0
- package/esm2022/svg-icon/sort-up-icon/sort-up-icon.component.mjs +11 -0
- package/esm2022/svg-icon/time-icon/time-icon.component.mjs +11 -0
- package/esm2022/svg-icon/warning-icon/warning-icon.component.mjs +11 -0
- package/esm2022/utils/constants.mjs +184 -0
- package/esm2022/utils/directives/detail-viewer-manager.directive.mjs +71 -0
- package/esm2022/utils/directives/table-detail-viewer-manager.directive.mjs +49 -0
- package/esm2022/utils/util.mjs +26 -0
- package/fesm2022/nira-falcon.mjs +2881 -0
- package/fesm2022/nira-falcon.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/core-auto-complete/core-auto-complete.component.d.ts +30 -0
- package/lib/core-btn/core-btn.component.d.ts +23 -0
- package/lib/core-card/core-card.component.d.ts +6 -0
- package/lib/core-checkbox/core-checkbox.component.d.ts +13 -0
- package/lib/core-confirm-dialog/core-confirm-dialog.component.d.ts +14 -0
- package/lib/core-date-picker/core-date-picker.component.d.ts +21 -0
- package/lib/core-input/core-input.component.d.ts +29 -0
- package/lib/core-multi-select/core-multi-select-row/core-multi-select-row.component.d.ts +11 -0
- package/lib/core-multi-select/core-multi-select.component.d.ts +43 -0
- package/lib/core-number/core-number.component.d.ts +12 -0
- package/lib/core-page-title/core-page-title.component.d.ts +7 -0
- package/lib/core-radio-buttons/core-radio-buttons.component.d.ts +29 -0
- package/lib/core-search-box/core-search-box.component.d.ts +10 -0
- package/lib/core-select/core-select.component.d.ts +37 -0
- package/lib/core-spinner/core-spinner.component.d.ts +9 -0
- package/lib/core-switch/core-switch.component.d.ts +17 -0
- package/lib/core-table/core-column-date-picker/core-column-date-picker.component.d.ts +21 -0
- package/lib/core-table/core-column-input/core-column-input.component.d.ts +16 -0
- package/lib/core-table/core-column-selector/core-column-selector.component.d.ts +35 -0
- package/lib/core-table/core-row-pelak/core-row-pelak.component.d.ts +8 -0
- package/lib/core-table/core-table/core-table.component.d.ts +42 -0
- package/lib/core-table/core-table-action-buttons-column/core-table-action-buttons-column.component.d.ts +11 -0
- package/lib/core-table/core-table-action-column/core-table-action-column.component.d.ts +11 -0
- package/lib/core-table/core-table-card-manager/core-table-card-manager.component.d.ts +24 -0
- package/lib/core-table/core-table-column-manager/core-table-column-manager.component.d.ts +24 -0
- package/lib/core-table/core-table-detail-viewer-for-report/core-table-detail-viewer-for-report.component.d.ts +11 -0
- package/lib/core-table/core-table-filter-dialog/core-table-filter-dialog/core-table-filter-dialog.component.d.ts +22 -0
- package/lib/core-table/core-table-no-content/core-table-no-content.component.d.ts +9 -0
- package/lib/core-table/core-table-no-content/core-table-no-content.label.d.ts +5 -0
- package/lib/core-table/core-table-row-selector-column/core-table-row-selector-column.component.d.ts +14 -0
- package/lib/core-table/core-table-shamsi-date/core-table-shamsi-date.component.d.ts +13 -0
- package/lib/core-table/core-table-status-active-column/core-table-status-active-column.component.d.ts +8 -0
- package/lib/core-table/core-table-status-column/core-table-status-column.component.d.ts +7 -0
- package/lib/core-textarea/core-textarea.component.d.ts +13 -0
- package/lib/core-time-picker/core-time-picker.component.d.ts +26 -0
- package/lib/core-time-picker/time-picker-modal/time-picker-modal.component.d.ts +35 -0
- package/lib/falcon-lib.module.d.ts +66 -0
- package/lib/falconTypes.d.ts +24 -0
- package/lib/pipes/digit-group.pipe.d.ts +7 -0
- package/lib/pipes/form-control.pipe.d.ts +8 -0
- package/lib/pipes/persian-digits.pipe.d.ts +7 -0
- package/lib/pipes/price-format.pipe.d.ts +7 -0
- package/lib/pipes/shamsi-date.pipe.d.ts +9 -0
- package/lib/pipes/time-format.pipe.d.ts +7 -0
- package/lib/pipes/weight.pipe.d.ts +7 -0
- package/lib/wordify.d.ts +2 -0
- package/package.json +26 -13
- package/{src/public-api.ts → public-api.d.ts} +27 -31
- package/svg-icon/arrow-down-icon/arrow-down-icon.component.d.ts +5 -0
- package/svg-icon/calendar-icon/calendar-icon.component.d.ts +5 -0
- package/svg-icon/caret-up-icon/caret-up-icon.component.d.ts +5 -0
- package/svg-icon/close-icon/close-icon.component.d.ts +5 -0
- package/svg-icon/edit-square-icon/edit-square-icon.component.d.ts +5 -0
- package/svg-icon/pelak-icon/pelak-icon.component.d.ts +5 -0
- package/svg-icon/search-icon/search-icon.component.d.ts +5 -0
- package/svg-icon/sort-down-icon/sort-down-icon.component.d.ts +5 -0
- package/svg-icon/sort-solid-icon/sort-solid-icon.component.d.ts +5 -0
- package/svg-icon/sort-up-icon/sort-up-icon.component.d.ts +5 -0
- package/svg-icon/time-icon/time-icon.component.d.ts +5 -0
- package/svg-icon/warning-icon/warning-icon.component.d.ts +5 -0
- package/utils/constants.d.ts +70 -0
- package/utils/directives/detail-viewer-manager.directive.d.ts +18 -0
- package/utils/directives/table-detail-viewer-manager.directive.d.ts +16 -0
- package/utils/util.d.ts +11 -0
- package/ng-package.json +0 -7
- package/package copy.json +0 -13
- package/src/assets/images/hub-dashboard-title-bg.png +0 -0
- package/src/assets/images/iran.png +0 -0
- package/src/environments/environment.ts +0 -7
- package/src/lib/core-auto-complete/core-auto-complete.component.html +0 -30
- package/src/lib/core-auto-complete/core-auto-complete.component.scss +0 -89
- package/src/lib/core-auto-complete/core-auto-complete.component.ts +0 -92
- package/src/lib/core-btn/core-btn-bluebird.component.html +0 -21
- package/src/lib/core-btn/core-btn-bluebird.component.scss +0 -123
- package/src/lib/core-btn/core-btn-falcon.component.html +0 -20
- package/src/lib/core-btn/core-btn-falcon.component.scss +0 -115
- package/src/lib/core-btn/core-btn.component.ts +0 -54
- package/src/lib/core-card/core-card.component.html +0 -3
- package/src/lib/core-card/core-card.component.scss +0 -0
- package/src/lib/core-card/core-card.component.ts +0 -10
- package/src/lib/core-checkbox/core-checkbox.component.html +0 -9
- package/src/lib/core-checkbox/core-checkbox.component.scss +0 -60
- package/src/lib/core-checkbox/core-checkbox.component.ts +0 -19
- package/src/lib/core-confirm-dialog/core-confirm-dialog.component.html +0 -28
- package/src/lib/core-confirm-dialog/core-confirm-dialog.component.scss +0 -131
- package/src/lib/core-confirm-dialog/core-confirm-dialog.component.ts +0 -29
- package/src/lib/core-date-picker/core-date-picker-bluebird.component.html +0 -15
- package/src/lib/core-date-picker/core-date-picker-bluebird.component.scss +0 -0
- package/src/lib/core-date-picker/core-date-picker-falcon.component.html +0 -14
- package/src/lib/core-date-picker/core-date-picker-falcon.component.scss +0 -0
- package/src/lib/core-date-picker/core-date-picker.component.ts +0 -44
- package/src/lib/core-input/core-input-bluebird.component.html +0 -95
- package/src/lib/core-input/core-input-bluebird.component.scss +0 -152
- package/src/lib/core-input/core-input-falcon.component.html +0 -90
- package/src/lib/core-input/core-input-falcon.component.scss +0 -141
- package/src/lib/core-input/core-input.component.ts +0 -112
- package/src/lib/core-multi-select/core-multi-select-row/core-multi-select-row.component.html +0 -3
- package/src/lib/core-multi-select/core-multi-select-row/core-multi-select-row.component.scss +0 -15
- package/src/lib/core-multi-select/core-multi-select-row/core-multi-select-row.component.ts +0 -19
- package/src/lib/core-multi-select/core-multi-select.component.html +0 -41
- package/src/lib/core-multi-select/core-multi-select.component.scss +0 -119
- package/src/lib/core-multi-select/core-multi-select.component.ts +0 -139
- package/src/lib/core-number/core-number.component.html +0 -3
- package/src/lib/core-number/core-number.component.scss +0 -1
- package/src/lib/core-number/core-number.component.ts +0 -45
- package/src/lib/core-page-title/core-page-title.component.html +0 -14
- package/src/lib/core-page-title/core-page-title.component.scss +0 -16
- package/src/lib/core-page-title/core-page-title.component.ts +0 -11
- package/src/lib/core-radio-buttons/core-radio-buttons.component.html +0 -17
- package/src/lib/core-radio-buttons/core-radio-buttons.component.scss +0 -46
- package/src/lib/core-radio-buttons/core-radio-buttons.component.spec.ts +0 -21
- package/src/lib/core-radio-buttons/core-radio-buttons.component.ts +0 -64
- package/src/lib/core-search-box/core-search-box.component.html +0 -14
- package/src/lib/core-search-box/core-search-box.component.scss +0 -37
- package/src/lib/core-search-box/core-search-box.component.ts +0 -15
- package/src/lib/core-select/core-select-bluebird.component.html +0 -57
- package/src/lib/core-select/core-select-bluebird.component.scss +0 -129
- package/src/lib/core-select/core-select-falcon.component.html +0 -56
- package/src/lib/core-select/core-select-falcon.component.scss +0 -123
- package/src/lib/core-select/core-select.component.spec.ts +0 -21
- package/src/lib/core-select/core-select.component.ts +0 -93
- package/src/lib/core-spinner/core-spinner.component.html +0 -14
- package/src/lib/core-spinner/core-spinner.component.scss +0 -162
- package/src/lib/core-spinner/core-spinner.component.ts +0 -13
- package/src/lib/core-switch/core-switch.component.html +0 -13
- package/src/lib/core-switch/core-switch.component.scss +0 -58
- package/src/lib/core-switch/core-switch.component.spec.ts +0 -21
- package/src/lib/core-switch/core-switch.component.ts +0 -28
- package/src/lib/core-table/core-column-date-picker/core-column-date-picker.component.html +0 -21
- package/src/lib/core-table/core-column-date-picker/core-column-date-picker.component.scss +0 -3
- package/src/lib/core-table/core-column-date-picker/core-column-date-picker.component.ts +0 -55
- package/src/lib/core-table/core-column-input/core-column-input.component.html +0 -17
- package/src/lib/core-table/core-column-input/core-column-input.component.scss +0 -21
- package/src/lib/core-table/core-column-input/core-column-input.component.ts +0 -23
- package/src/lib/core-table/core-column-selector/core-column-selector.component.html +0 -47
- package/src/lib/core-table/core-column-selector/core-column-selector.component.scss +0 -113
- package/src/lib/core-table/core-column-selector/core-column-selector.component.ts +0 -94
- package/src/lib/core-table/core-row-pelak/core-row-pelak.component.html +0 -12
- package/src/lib/core-table/core-row-pelak/core-row-pelak.component.scss +0 -21
- package/src/lib/core-table/core-row-pelak/core-row-pelak.component.ts +0 -12
- package/src/lib/core-table/core-table/core-table.component.html +0 -168
- package/src/lib/core-table/core-table/core-table.component.scss +0 -65
- package/src/lib/core-table/core-table/core-table.component.ts +0 -179
- package/src/lib/core-table/core-table-action-buttons-column/core-table-action-buttons-column.component.html +0 -10
- package/src/lib/core-table/core-table-action-buttons-column/core-table-action-buttons-column.component.scss +0 -3
- package/src/lib/core-table/core-table-action-buttons-column/core-table-action-buttons-column.component.ts +0 -24
- package/src/lib/core-table/core-table-action-column/core-table-action-column.component.html +0 -6
- package/src/lib/core-table/core-table-action-column/core-table-action-column.component.scss +0 -3
- package/src/lib/core-table/core-table-action-column/core-table-action-column.component.ts +0 -19
- package/src/lib/core-table/core-table-card-manager/core-table-card-manager.component.html +0 -94
- package/src/lib/core-table/core-table-card-manager/core-table-card-manager.component.scss +0 -0
- package/src/lib/core-table/core-table-card-manager/core-table-card-manager.component.ts +0 -58
- package/src/lib/core-table/core-table-column-manager/core-table-column-manager.component.html +0 -99
- package/src/lib/core-table/core-table-column-manager/core-table-column-manager.component.scss +0 -0
- package/src/lib/core-table/core-table-column-manager/core-table-column-manager.component.ts +0 -59
- package/src/lib/core-table/core-table-detail-viewer-for-report/core-table-detail-viewer-for-report.component.html +0 -5
- package/src/lib/core-table/core-table-detail-viewer-for-report/core-table-detail-viewer-for-report.component.scss +0 -8
- package/src/lib/core-table/core-table-detail-viewer-for-report/core-table-detail-viewer-for-report.component.ts +0 -28
- package/src/lib/core-table/core-table-filter-dialog/core-table-filter-dialog/core-table-filter-dialog.component.html +0 -24
- package/src/lib/core-table/core-table-filter-dialog/core-table-filter-dialog/core-table-filter-dialog.component.scss +0 -10
- package/src/lib/core-table/core-table-filter-dialog/core-table-filter-dialog/core-table-filter-dialog.component.ts +0 -76
- package/src/lib/core-table/core-table-no-content/core-table-no-content.component.html +0 -6
- package/src/lib/core-table/core-table-no-content/core-table-no-content.component.scss +0 -7
- package/src/lib/core-table/core-table-no-content/core-table-no-content.component.ts +0 -14
- package/src/lib/core-table/core-table-no-content/core-table-no-content.label.ts +0 -14
- package/src/lib/core-table/core-table-row-selector-column/core-table-row-selector-column.component.html +0 -5
- package/src/lib/core-table/core-table-row-selector-column/core-table-row-selector-column.component.scss +0 -0
- package/src/lib/core-table/core-table-row-selector-column/core-table-row-selector-column.component.ts +0 -60
- package/src/lib/core-table/core-table-shamsi-date/core-table-shamsi-date.component.html +0 -3
- package/src/lib/core-table/core-table-shamsi-date/core-table-shamsi-date.component.scss +0 -0
- package/src/lib/core-table/core-table-shamsi-date/core-table-shamsi-date.component.ts +0 -24
- package/src/lib/core-table/core-table-status-active-column/core-table-status-active-column.component.html +0 -3
- package/src/lib/core-table/core-table-status-active-column/core-table-status-active-column.component.scss +0 -14
- package/src/lib/core-table/core-table-status-active-column/core-table-status-active-column.component.ts +0 -14
- package/src/lib/core-table/core-table-status-column/core-table-status-column.component.html +0 -3
- package/src/lib/core-table/core-table-status-column/core-table-status-column.component.scss +0 -14
- package/src/lib/core-table/core-table-status-column/core-table-status-column.component.ts +0 -11
- package/src/lib/core-textarea/core-textarea.component.html +0 -18
- package/src/lib/core-textarea/core-textarea.component.scss +0 -62
- package/src/lib/core-textarea/core-textarea.component.ts +0 -31
- package/src/lib/core-time-picker/core-time-picker.component.html +0 -51
- package/src/lib/core-time-picker/core-time-picker.component.scss +0 -144
- package/src/lib/core-time-picker/core-time-picker.component.ts +0 -102
- package/src/lib/core-time-picker/time-picker-modal/time-picker-modal.component.html +0 -50
- package/src/lib/core-time-picker/time-picker-modal/time-picker-modal.component.scss +0 -424
- package/src/lib/core-time-picker/time-picker-modal/time-picker-modal.component.spec.ts +0 -21
- package/src/lib/core-time-picker/time-picker-modal/time-picker-modal.component.ts +0 -172
- package/src/lib/falcon-lib.module.ts +0 -157
- package/src/lib/falconTypes.ts +0 -35
- package/src/lib/pipes/digit-group.pipe.ts +0 -10
- package/src/lib/pipes/form-control.pipe.ts +0 -11
- package/src/lib/pipes/persian-digits.pipe.ts +0 -33
- package/src/lib/pipes/price-format.pipe.ts +0 -20
- package/src/lib/pipes/shamsi-date.pipe.ts +0 -24
- package/src/lib/pipes/time-format.pipe.ts +0 -21
- package/src/lib/pipes/weight.pipe.ts +0 -10
- package/src/lib/wordify.ts +0 -116
- package/src/svg-icon/arrow-down-icon/arrow-down-icon.component.html +0 -8
- package/src/svg-icon/arrow-down-icon/arrow-down-icon.component.scss +0 -0
- package/src/svg-icon/arrow-down-icon/arrow-down-icon.component.ts +0 -8
- package/src/svg-icon/calendar-icon/calendar-icon.component.html +0 -10
- package/src/svg-icon/calendar-icon/calendar-icon.component.scss +0 -0
- package/src/svg-icon/calendar-icon/calendar-icon.component.ts +0 -8
- package/src/svg-icon/caret-up-icon/caret-up-icon.component.html +0 -16
- package/src/svg-icon/caret-up-icon/caret-up-icon.component.scss +0 -0
- package/src/svg-icon/caret-up-icon/caret-up-icon.component.ts +0 -10
- package/src/svg-icon/close-icon/close-icon.component.html +0 -10
- package/src/svg-icon/close-icon/close-icon.component.scss +0 -0
- package/src/svg-icon/close-icon/close-icon.component.ts +0 -8
- package/src/svg-icon/edit-square-icon/edit-square-icon.component.html +0 -10
- package/src/svg-icon/edit-square-icon/edit-square-icon.component.scss +0 -0
- package/src/svg-icon/edit-square-icon/edit-square-icon.component.ts +0 -8
- package/src/svg-icon/pelak-icon/pelak-icon.component.html +0 -32
- package/src/svg-icon/pelak-icon/pelak-icon.component.scss +0 -0
- package/src/svg-icon/pelak-icon/pelak-icon.component.ts +0 -8
- package/src/svg-icon/search-icon/search-icon.component.html +0 -10
- package/src/svg-icon/search-icon/search-icon.component.scss +0 -0
- package/src/svg-icon/search-icon/search-icon.component.spec.ts +0 -21
- package/src/svg-icon/search-icon/search-icon.component.ts +0 -8
- package/src/svg-icon/sort-down-icon/sort-down-icon.component.html +0 -5
- package/src/svg-icon/sort-down-icon/sort-down-icon.component.scss +0 -0
- package/src/svg-icon/sort-down-icon/sort-down-icon.component.ts +0 -10
- package/src/svg-icon/sort-solid-icon/sort-solid-icon.component.html +0 -5
- package/src/svg-icon/sort-solid-icon/sort-solid-icon.component.scss +0 -0
- package/src/svg-icon/sort-solid-icon/sort-solid-icon.component.ts +0 -8
- package/src/svg-icon/sort-up-icon/sort-up-icon.component.html +0 -5
- package/src/svg-icon/sort-up-icon/sort-up-icon.component.scss +0 -0
- package/src/svg-icon/sort-up-icon/sort-up-icon.component.ts +0 -8
- package/src/svg-icon/time-icon/time-icon.component.html +0 -10
- package/src/svg-icon/time-icon/time-icon.component.scss +0 -0
- package/src/svg-icon/time-icon/time-icon.component.ts +0 -8
- package/src/svg-icon/warning-icon/warning-icon.component.html +0 -10
- package/src/svg-icon/warning-icon/warning-icon.component.scss +0 -0
- package/src/svg-icon/warning-icon/warning-icon.component.ts +0 -10
- package/src/utils/constants.ts +0 -182
- package/src/utils/directives/detail-viewer-manager.directive.ts +0 -78
- package/src/utils/directives/filterTableDirective.ts +0 -36
- package/src/utils/directives/table-detail-viewer-manager.directive.ts +0 -57
- package/src/utils/interfaces.ts +0 -0
- package/src/utils/jsonparser.ts +0 -49
- package/src/utils/links.ts +0 -67
- package/src/utils/toast.ts +0 -35
- package/src/utils/types.ts +0 -20
- package/src/utils/util.ts +0 -32
- package/tsconfig.lib.json +0 -14
- package/tsconfig.lib.prod.json +0 -10
- package/tsconfig.spec.json +0 -14
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output, } from '@angular/core';
|
|
2
|
+
import { FormControl } from '@angular/forms';
|
|
3
|
+
import { environment } from '../../environments/environment';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/common";
|
|
6
|
+
import * as i2 from "../../svg-icon/arrow-down-icon/arrow-down-icon.component";
|
|
7
|
+
export class CoreSelectComponent {
|
|
8
|
+
set items(data) {
|
|
9
|
+
this._items = data;
|
|
10
|
+
this.init();
|
|
11
|
+
}
|
|
12
|
+
set defaultValue(data) {
|
|
13
|
+
this._defaultValue = data;
|
|
14
|
+
this.init();
|
|
15
|
+
}
|
|
16
|
+
constructor(cdr) {
|
|
17
|
+
this.cdr = cdr;
|
|
18
|
+
this.selectedItem = {};
|
|
19
|
+
this.newItems = [];
|
|
20
|
+
this.isOpenMenu = false;
|
|
21
|
+
this._items = [];
|
|
22
|
+
this.size = 'small';
|
|
23
|
+
this.canHighlightBackground = false;
|
|
24
|
+
this.label = '';
|
|
25
|
+
this.disabled = false;
|
|
26
|
+
this.onItemSelected = new EventEmitter();
|
|
27
|
+
this.inputFormControl = new FormControl('', []);
|
|
28
|
+
}
|
|
29
|
+
init() {
|
|
30
|
+
this.titleKeyObject = this.titleKey;
|
|
31
|
+
this.valueKeyObject = this.valueKey;
|
|
32
|
+
this.newItems = this.changeItemsType(this._items);
|
|
33
|
+
this.inputFormControl.setValue(this._defaultValue);
|
|
34
|
+
this.onItemSelect(this.newItems.find((item) => item.value == this._defaultValue), false);
|
|
35
|
+
}
|
|
36
|
+
ngOnInit() {
|
|
37
|
+
this.init();
|
|
38
|
+
}
|
|
39
|
+
changeItemsType(items) {
|
|
40
|
+
return items.map((item) => {
|
|
41
|
+
return {
|
|
42
|
+
title: item[this.titleKeyObject],
|
|
43
|
+
value: item[this.valueKeyObject],
|
|
44
|
+
};
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
openMenuClick() {
|
|
48
|
+
if (this.disabled)
|
|
49
|
+
return;
|
|
50
|
+
this.isOpenMenu = !this.isOpenMenu;
|
|
51
|
+
}
|
|
52
|
+
onItemSelect(selectedItem, isFromUi) {
|
|
53
|
+
if (isFromUi)
|
|
54
|
+
this.inputFormControl.markAsTouched();
|
|
55
|
+
this.isOpenMenu = false;
|
|
56
|
+
if (!selectedItem) {
|
|
57
|
+
this.selectedItem = {};
|
|
58
|
+
return;
|
|
59
|
+
}
|
|
60
|
+
this.selectedItem = selectedItem;
|
|
61
|
+
const mainItem = this._items.find((item) => item[this.valueKeyObject] === selectedItem.value);
|
|
62
|
+
this.inputFormControl.setValue(selectedItem.value);
|
|
63
|
+
this.onItemSelected.emit(mainItem);
|
|
64
|
+
}
|
|
65
|
+
focusOut() {
|
|
66
|
+
this.isOpenMenu = false;
|
|
67
|
+
this.inputFormControl.markAsTouched();
|
|
68
|
+
}
|
|
69
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreSelectComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
70
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreSelectComponent, selector: "core-select", inputs: { titleKey: "titleKey", valueKey: "valueKey", size: "size", canHighlightBackground: "canHighlightBackground", items: "items", defaultValue: "defaultValue", label: "label", disabled: "disabled", inputFormControl: "inputFormControl" }, outputs: { onItemSelected: "onItemSelected" }, ngImport: i0, template: "<div tabindex=\"-1\" class=\"dropdown\" (focusout)=\"focusOut()\">\r\n <div\r\n class=\"select\"\r\n [ngClass]=\"{\r\n 'select-clicked': isOpenMenu,\r\n 'highlight-background':\r\n canHighlightBackground &&\r\n (selectedItem | json) === ({} | json) &&\r\n !(inputFormControl.touched && inputFormControl.errors),\r\n selectError: inputFormControl.touched && inputFormControl.errors ,\r\n 'disable-selector': disabled,\r\n\r\n }\"\r\n (click)=\"openMenuClick()\"\r\n >\r\n <span\r\n class=\"placeholder-top\"\r\n *ngIf=\"(selectedItem | json) != ({} | json)\"\r\n >{{ label }}</span\r\n >\r\n <arrow-down-icon\r\n class=\"caret fill-secondary-text-color h-6\"\r\n [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n ></arrow-down-icon>\r\n\r\n <span\r\n [ngClass]=\"[\r\n label.length > 0 && (selectedItem | json) == ({} | json)\r\n ? 'placeholder'\r\n : 'selected'\r\n ]\"\r\n >{{\r\n label.length > 0 && (selectedItem | json) == ({} | json)\r\n ? label\r\n : selectedItem.title\r\n }}</span\r\n >\r\n </div>\r\n <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n <li\r\n *ngFor=\"let item of newItems\"\r\n [ngClass]=\"{ active: item == selectedItem }\"\r\n (click)=\"onItemSelect(item, true)\"\r\n >\r\n {{ item.title }}\r\n </li>\r\n </ul>\r\n <div class=\"label-error overflow-hidden\">\r\n <span\r\n *ngIf=\"\r\n inputFormControl.touched &&\r\n inputFormControl.errors?.['required']\"\r\n >\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u062E\u0627\u0644\u06CC \u0627\u0633\u062A</span\r\n >\r\n </div>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:100%;min-width:120px}.dropdown .disable-selector{background-color:#f7f7f7!important;border:1px dashed #ced4da!important;cursor:no-drop!important}.dropdown .highlight-background{background-color:#dcf6ff!important}.dropdown .select{background:#fff;color:#304050;display:flex;height:42px;justify-content:space-between;flex-direction:row-reverse;align-items:center;border:1px solid #ced4da;border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:hover{background:#fbfbfb}.dropdown .select .selected{padding-inline:12px;font-size:14px;color:#000000b3;-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:#fff;top:-8px;padding-inline:6px;font-size:11px;color:#888}.dropdown .select .caret{color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:#888;padding-inline:16px}.dropdown .select-clicked{border:1px solid rgba(19,92,175,.397)}.dropdown .menu{list-style:none;padding-inline:0px;background:#fff;border:1px #e3e8f1 solid;box-shadow:0 .5em 1em #0003;border-radius:.5em;color:#595c5f;position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:10;max-height:200px;overflow:auto}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:#f6f6f6}.dropdown .menu .active{background:#ced4da}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:red;font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid #fe5f5f!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ArrowDownIconComponent, selector: "arrow-down-icon" }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] }); }
|
|
71
|
+
}
|
|
72
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreSelectComponent, decorators: [{
|
|
73
|
+
type: Component,
|
|
74
|
+
args: [{ selector: 'core-select', template: "<div tabindex=\"-1\" class=\"dropdown\" (focusout)=\"focusOut()\">\r\n <div\r\n class=\"select\"\r\n [ngClass]=\"{\r\n 'select-clicked': isOpenMenu,\r\n 'highlight-background':\r\n canHighlightBackground &&\r\n (selectedItem | json) === ({} | json) &&\r\n !(inputFormControl.touched && inputFormControl.errors),\r\n selectError: inputFormControl.touched && inputFormControl.errors ,\r\n 'disable-selector': disabled,\r\n\r\n }\"\r\n (click)=\"openMenuClick()\"\r\n >\r\n <span\r\n class=\"placeholder-top\"\r\n *ngIf=\"(selectedItem | json) != ({} | json)\"\r\n >{{ label }}</span\r\n >\r\n <arrow-down-icon\r\n class=\"caret fill-secondary-text-color h-6\"\r\n [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n ></arrow-down-icon>\r\n\r\n <span\r\n [ngClass]=\"[\r\n label.length > 0 && (selectedItem | json) == ({} | json)\r\n ? 'placeholder'\r\n : 'selected'\r\n ]\"\r\n >{{\r\n label.length > 0 && (selectedItem | json) == ({} | json)\r\n ? label\r\n : selectedItem.title\r\n }}</span\r\n >\r\n </div>\r\n <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n <li\r\n *ngFor=\"let item of newItems\"\r\n [ngClass]=\"{ active: item == selectedItem }\"\r\n (click)=\"onItemSelect(item, true)\"\r\n >\r\n {{ item.title }}\r\n </li>\r\n </ul>\r\n <div class=\"label-error overflow-hidden\">\r\n <span\r\n *ngIf=\"\r\n inputFormControl.touched &&\r\n inputFormControl.errors?.['required']\"\r\n >\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u062E\u0627\u0644\u06CC \u0627\u0633\u062A</span\r\n >\r\n </div>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:100%;min-width:120px}.dropdown .disable-selector{background-color:#f7f7f7!important;border:1px dashed #ced4da!important;cursor:no-drop!important}.dropdown .highlight-background{background-color:#dcf6ff!important}.dropdown .select{background:#fff;color:#304050;display:flex;height:42px;justify-content:space-between;flex-direction:row-reverse;align-items:center;border:1px solid #ced4da;border-radius:4px;padding:8px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:hover{background:#fbfbfb}.dropdown .select .selected{padding-inline:12px;font-size:14px;color:#000000b3;-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:#fff;top:-8px;padding-inline:6px;font-size:11px;color:#888}.dropdown .select .caret{color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:#888;padding-inline:16px}.dropdown .select-clicked{border:1px solid rgba(19,92,175,.397)}.dropdown .menu{list-style:none;padding-inline:0px;background:#fff;border:1px #e3e8f1 solid;box-shadow:0 .5em 1em #0003;border-radius:.5em;color:#595c5f;position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:10;max-height:200px;overflow:auto}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:#f6f6f6}.dropdown .menu .active{background:#ced4da}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:red;font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid #fe5f5f!important}\n"] }]
|
|
75
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { titleKey: [{
|
|
76
|
+
type: Input
|
|
77
|
+
}], valueKey: [{
|
|
78
|
+
type: Input
|
|
79
|
+
}], size: [{
|
|
80
|
+
type: Input
|
|
81
|
+
}], canHighlightBackground: [{
|
|
82
|
+
type: Input
|
|
83
|
+
}], items: [{
|
|
84
|
+
type: Input
|
|
85
|
+
}], defaultValue: [{
|
|
86
|
+
type: Input
|
|
87
|
+
}], label: [{
|
|
88
|
+
type: Input
|
|
89
|
+
}], disabled: [{
|
|
90
|
+
type: Input
|
|
91
|
+
}], onItemSelected: [{
|
|
92
|
+
type: Output
|
|
93
|
+
}], inputFormControl: [{
|
|
94
|
+
type: Input
|
|
95
|
+
}] } });
|
|
96
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtc2VsZWN0L2NvcmUtc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhbGNvbi1saWIvc3JjL2xpYi9jb3JlLXNlbGVjdC9jb3JlLXNlbGVjdC1mYWxjb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdDQUFnQyxDQUFDOzs7O0FBVTdELE1BQU0sT0FBTyxtQkFBbUI7SUFZOUIsSUFBYSxLQUFLLENBQUMsSUFBUztRQUMxQixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztRQUNuQixJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDZCxDQUFDO0lBQ0QsSUFBYSxZQUFZLENBQUMsSUFBTztRQUMvQixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQztRQUMxQixJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDZCxDQUFDO0lBTUQsWUFBb0IsR0FBc0I7UUFBdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUF4QjFDLGlCQUFZLEdBQWdCLEVBQWlCLENBQUM7UUFHOUMsYUFBUSxHQUFrQixFQUFFLENBQUM7UUFDN0IsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUNuQixXQUFNLEdBQVEsRUFBRSxDQUFDO1FBSVIsU0FBSSxHQUFTLE9BQU8sQ0FBQztRQUNyQiwyQkFBc0IsR0FBRyxLQUFLLENBQUM7UUFTL0IsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUNuQixhQUFR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Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBDb21wb25lbnQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIElucHV0LFxyXG4gIE9uSW5pdCxcclxuICBPdXRwdXQsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBlbnZpcm9ubWVudCB9IGZyb20gJy4uLy4uL2Vudmlyb25tZW50cy9lbnZpcm9ubWVudCc7XHJcbnR5cGUgTWVudUl0ZW08VD4gPSB7XHJcbiAgdGl0bGU6IFQ7XHJcbiAgdmFsdWU6IFQ7XHJcbn07XHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY29yZS1zZWxlY3QnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jb3JlLXNlbGVjdCcgKyBlbnZpcm9ubWVudC50ZW1wTmFtZSxcclxuICBzdHlsZVVybHM6IFsnLi9jb3JlLXNlbGVjdCcgKyBlbnZpcm9ubWVudC5zdHlsZU5hbWVdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29yZVNlbGVjdENvbXBvbmVudDxUPiB7XHJcbiAgc2VsZWN0ZWRJdGVtOiBNZW51SXRlbTxUPiA9IHt9IGFzIE1lbnVJdGVtPFQ+O1xyXG4gIHRpdGxlS2V5T2JqZWN0IToga2V5b2Ygc3RyaW5nIHwgbnVtYmVyO1xyXG4gIHZhbHVlS2V5T2JqZWN0IToga2V5b2Ygc3RyaW5nIHwgbnVtYmVyO1xyXG4gIG5ld0l0ZW1zOiBNZW51SXRlbTxUPltdID0gW107XHJcbiAgaXNPcGVuTWVudSA9IGZhbHNlO1xyXG4gIF9pdGVtczogYW55ID0gW107XHJcbiAgX2RlZmF1bHRWYWx1ZSE6IFQ7XHJcbiAgQElucHV0KCkgdGl0bGVLZXkhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgdmFsdWVLZXkhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgc2l6ZTogc3RyaW5nPSdzbWFsbCc7XHJcbiAgQElucHV0KCkgY2FuSGlnaGxpZ2h0QmFja2dyb3VuZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHNldCBpdGVtcyhkYXRhOiBhbnkpIHtcclxuICAgIHRoaXMuX2l0ZW1zID0gZGF0YTtcclxuICAgIHRoaXMuaW5pdCgpO1xyXG4gIH1cclxuICBASW5wdXQoKSBzZXQgZGVmYXVsdFZhbHVlKGRhdGE6IFQpIHtcclxuICAgIHRoaXMuX2RlZmF1bHRWYWx1ZSA9IGRhdGE7XHJcbiAgICB0aGlzLmluaXQoKTtcclxuICB9XHJcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQE91dHB1dCgpIG9uSXRlbVNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcbiAgQElucHV0KCkgaW5wdXRGb3JtQ29udHJvbDogRm9ybUNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woJycsIFtdKTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7fVxyXG4gIGluaXQoKSB7XHJcbiAgICB0eXBlIE9iamVjdEtleSA9ICh0eXBlb2YgdGhpcy5faXRlbXMpWzBdO1xyXG4gICAgdGhpcy50aXRsZUtleU9iamVjdCA9IHRoaXMudGl0bGVLZXkgYXMgT2JqZWN0S2V5O1xyXG4gICAgdGhpcy52YWx1ZUtleU9iamVjdCA9IHRoaXMudmFsdWVLZXkgYXMgT2JqZWN0S2V5O1xyXG4gICAgdGhpcy5uZXdJdGVtcyA9IHRoaXMuY2hhbmdlSXRlbXNUeXBlKHRoaXMuX2l0ZW1zKTtcclxuICAgIHRoaXMuaW5wdXRGb3JtQ29udHJvbC5zZXRWYWx1ZSh0aGlzLl9kZWZhdWx0VmFsdWUpO1xyXG4gICAgdGhpcy5vbkl0ZW1TZWxlY3QoXHJcbiAgICAgIHRoaXMubmV3SXRlbXMuZmluZCgoaXRlbSkgPT4gaXRlbS52YWx1ZSA9PSB0aGlzLl9kZWZhdWx0VmFsdWUpLFxyXG4gICAgICBmYWxzZVxyXG4gICAgKTtcclxuICB9XHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmluaXQoKTtcclxuICB9XHJcblxyXG4gIGNoYW5nZUl0ZW1zVHlwZShpdGVtczogYW55W10pOiBNZW51SXRlbTxUPltdIHtcclxuICAgIHJldHVybiBpdGVtcy5tYXAoKGl0ZW0pID0+IHtcclxuICAgICAgcmV0dXJuIHtcclxuICAgICAgICB0aXRsZTogaXRlbVt0aGlzLnRpdGxlS2V5T2JqZWN0XSxcclxuICAgICAgICB2YWx1ZTogaXRlbVt0aGlzLnZhbHVlS2V5T2JqZWN0XSxcclxuICAgICAgfTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgb3Blbk1lbnVDbGljaygpIHtcclxuICAgIGlmICh0aGlzLmRpc2FibGVkKSByZXR1cm47XHJcbiAgICB0aGlzLmlzT3Blbk1lbnUgPSAhdGhpcy5pc09wZW5NZW51O1xyXG4gIH1cclxuXHJcbiAgb25JdGVtU2VsZWN0KHNlbGVjdGVkSXRlbTogTWVudUl0ZW08VD4gfCB1bmRlZmluZWQsIGlzRnJvbVVpOiBib29sZWFuKTogdm9pZCB7XHJcbiAgICBpZiAoaXNGcm9tVWkpIHRoaXMuaW5wdXRGb3JtQ29udHJvbC5tYXJrQXNUb3VjaGVkKCk7XHJcbiAgICB0aGlzLmlzT3Blbk1lbnUgPSBmYWxzZTtcclxuICAgIGlmICghc2VsZWN0ZWRJdGVtKSB7XHJcbiAgICAgIHRoaXMuc2VsZWN0ZWRJdGVtID0ge30gYXMgTWVudUl0ZW08VD47XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuICAgIHRoaXMuc2VsZWN0ZWRJdGVtID0gc2VsZWN0ZWRJdGVtO1xyXG4gICAgY29uc3QgbWFpbkl0ZW0gPSB0aGlzLl9pdGVtcy5maW5kKFxyXG4gICAgICAoaXRlbTogYW55KSA9PiBpdGVtW3RoaXMudmFsdWVLZXlPYmplY3RdID09PSBzZWxlY3RlZEl0ZW0udmFsdWVcclxuICAgICk7XHJcbiAgICB0aGlzLmlucHV0Rm9ybUNvbnRyb2wuc2V0VmFsdWUoc2VsZWN0ZWRJdGVtLnZhbHVlKTtcclxuICAgIHRoaXMub25JdGVtU2VsZWN0ZWQuZW1pdChtYWluSXRlbSk7XHJcbiAgfVxyXG4gIGZvY3VzT3V0KCkge1xyXG4gICAgdGhpcy5pc09wZW5NZW51ID0gZmFsc2U7XHJcbiAgICB0aGlzLmlucHV0Rm9ybUNvbnRyb2wubWFya0FzVG91Y2hlZCgpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IHRhYmluZGV4PVwiLTFcIiBjbGFzcz1cImRyb3Bkb3duXCIgKGZvY3Vzb3V0KT1cImZvY3VzT3V0KClcIj5cclxuICA8ZGl2XHJcbiAgICBjbGFzcz1cInNlbGVjdFwiXHJcbiAgICBbbmdDbGFzc109XCJ7XHJcbiAgICAgICdzZWxlY3QtY2xpY2tlZCc6IGlzT3Blbk1lbnUsXHJcbiAgICAgICdoaWdobGlnaHQtYmFja2dyb3VuZCc6XHJcbiAgICAgICAgY2FuSGlnaGxpZ2h0QmFja2dyb3VuZCAmJlxyXG4gICAgICAgIChzZWxlY3RlZEl0ZW0gfCBqc29uKSA9PT0gKHt9IHwganNvbikgJiZcclxuICAgICAgICAhKGlucHV0Rm9ybUNvbnRyb2wudG91Y2hlZCAmJiBpbnB1dEZvcm1Db250cm9sLmVycm9ycyksXHJcbiAgICAgIHNlbGVjdEVycm9yOiBpbnB1dEZvcm1Db250cm9sLnRvdWNoZWQgJiYgaW5wdXRGb3JtQ29udHJvbC5lcnJvcnMgLFxyXG4gICAgICAnZGlzYWJsZS1zZWxlY3Rvcic6IGRpc2FibGVkLFxyXG5cclxuICAgIH1cIlxyXG4gICAgKGNsaWNrKT1cIm9wZW5NZW51Q2xpY2soKVwiXHJcbiAgPlxyXG4gICAgPHNwYW5cclxuICAgICAgY2xhc3M9XCJwbGFjZWhvbGRlci10b3BcIlxyXG4gICAgICAqbmdJZj1cIihzZWxlY3RlZEl0ZW0gfCBqc29uKSAhPSAoe30gfCBqc29uKVwiXHJcbiAgICAgID57eyBsYWJlbCB9fTwvc3BhblxyXG4gICAgPlxyXG4gICAgPGFycm93LWRvd24taWNvblxyXG4gICAgICBjbGFzcz1cImNhcmV0IGZpbGwtc2Vjb25kYXJ5LXRleHQtY29sb3IgaC02XCJcclxuICAgICAgW25nQ2xhc3NdPVwieyAnY2FyZXQtcm90YXRlJzogaXNPcGVuTWVudSB9XCJcclxuICAgID48L2Fycm93LWRvd24taWNvbj5cclxuXHJcbiAgICA8c3BhblxyXG4gICAgICBbbmdDbGFzc109XCJbXHJcbiAgICAgICAgbGFiZWwubGVuZ3RoID4gMCAmJiAoc2VsZWN0ZWRJdGVtIHwganNvbikgPT0gKHt9IHwganNvbilcclxuICAgICAgICAgID8gJ3BsYWNlaG9sZGVyJ1xyXG4gICAgICAgICAgOiAnc2VsZWN0ZWQnXHJcbiAgICAgIF1cIlxyXG4gICAgICA+e3tcclxuICAgICAgICBsYWJlbC5sZW5ndGggPiAwICYmIChzZWxlY3RlZEl0ZW0gfCBqc29uKSA9PSAoe30gfCBqc29uKVxyXG4gICAgICAgICAgPyBsYWJlbFxyXG4gICAgICAgICAgOiBzZWxlY3RlZEl0ZW0udGl0bGVcclxuICAgICAgfX08L3NwYW5cclxuICAgID5cclxuICA8L2Rpdj5cclxuICA8dWwgY2xhc3M9XCJtZW51XCIgW25nQ2xhc3NdPVwieyAnbWVudS1vcGVuJzogaXNPcGVuTWVudSB9XCI+XHJcbiAgICA8bGlcclxuICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgbmV3SXRlbXNcIlxyXG4gICAgICBbbmdDbGFzc109XCJ7IGFjdGl2ZTogaXRlbSA9PSBzZWxlY3RlZEl0ZW0gfVwiXHJcbiAgICAgIChjbGljayk9XCJvbkl0ZW1TZWxlY3QoaXRlbSwgdHJ1ZSlcIlxyXG4gICAgPlxyXG4gICAgICB7eyBpdGVtLnRpdGxlIH19XHJcbiAgICA8L2xpPlxyXG4gIDwvdWw+XHJcbiAgPGRpdiBjbGFzcz1cImxhYmVsLWVycm9yIG92ZXJmbG93LWhpZGRlblwiPlxyXG4gICAgPHNwYW5cclxuICAgICAgKm5nSWY9XCJcclxuICAgICAgIGlucHV0Rm9ybUNvbnRyb2wudG91Y2hlZCAgJiZcclxuICAgICAgaW5wdXRGb3JtQ29udHJvbC5lcnJvcnM/LlsncmVxdWlyZWQnXVwiXHJcbiAgICAgID7Yp9uM2YYg2YHbjNmE2K8g2K7Yp9mE24wg2KfYs9iqPC9zcGFuXHJcbiAgICA+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
export class CoreSpinnerComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.size = 24;
|
|
7
|
+
this.colorState = 'default';
|
|
8
|
+
this.type = 'circle';
|
|
9
|
+
}
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreSpinnerComponent, selector: "core-spinner", inputs: { size: "size", colorState: "colorState", type: "type" }, ngImport: i0, template: "<div *ngIf=\"type === 'circle'\" class=\"spinner\" [ngClass]=\"[colorState]\">\r\n <svg\r\n viewBox=\"25 25 50 50\"\r\n [ngStyle]=\"{ width: size + 'px', height: size + 'px' }\"\r\n >\r\n <circle cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" class=\"path\"></circle>\r\n </svg>\r\n</div>\r\n\r\n<div\r\n *ngIf=\"type === 'line'\"\r\n class=\"line-progress-bar\"\r\n [ngClass]=\"[colorState]\"\r\n></div>\r\n", styles: ["*,:after,:before{box-sizing:border-box}.spinner.success{stroke:var(--success-button-color)}.spinner.warning{stroke:var(--warning-button-color)}.spinner.default{stroke:var(--default-button-color)}.spinner.primary{stroke:var(--primary-button-color)}.spinner.danger{stroke:var(--danger-button-color)}.spinner svg{animation:loading-rotate 2s linear infinite}.spinner .path{stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:4;stroke-linecap:round;animation:loading-dash 1.5s ease-in-out infinite}@keyframes loading-rotate{to{transform:rotate(1turn)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.line-progress-bar{height:3px;background:#0000001a;border-radius:20px;position:relative;overflow:hidden}.line-progress-bar:after{content:\"\";display:block;position:absolute;top:0;left:0;width:0%;height:100%;animation:grow 1.5s ease-in-out infinite;background:var(--primary-button-color)}@keyframes grow{50%{width:100%}to{width:0;right:0;left:unset}}\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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
12
|
+
}
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreSpinnerComponent, decorators: [{
|
|
14
|
+
type: Component,
|
|
15
|
+
args: [{ selector: 'core-spinner', template: "<div *ngIf=\"type === 'circle'\" class=\"spinner\" [ngClass]=\"[colorState]\">\r\n <svg\r\n viewBox=\"25 25 50 50\"\r\n [ngStyle]=\"{ width: size + 'px', height: size + 'px' }\"\r\n >\r\n <circle cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" class=\"path\"></circle>\r\n </svg>\r\n</div>\r\n\r\n<div\r\n *ngIf=\"type === 'line'\"\r\n class=\"line-progress-bar\"\r\n [ngClass]=\"[colorState]\"\r\n></div>\r\n", styles: ["*,:after,:before{box-sizing:border-box}.spinner.success{stroke:var(--success-button-color)}.spinner.warning{stroke:var(--warning-button-color)}.spinner.default{stroke:var(--default-button-color)}.spinner.primary{stroke:var(--primary-button-color)}.spinner.danger{stroke:var(--danger-button-color)}.spinner svg{animation:loading-rotate 2s linear infinite}.spinner .path{stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:4;stroke-linecap:round;animation:loading-dash 1.5s ease-in-out infinite}@keyframes loading-rotate{to{transform:rotate(1turn)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.line-progress-bar{height:3px;background:#0000001a;border-radius:20px;position:relative;overflow:hidden}.line-progress-bar:after{content:\"\";display:block;position:absolute;top:0;left:0;width:0%;height:100%;animation:grow 1.5s ease-in-out infinite;background:var(--primary-button-color)}@keyframes grow{50%{width:100%}to{width:0;right:0;left:unset}}\n"] }]
|
|
16
|
+
}], propDecorators: { size: [{
|
|
17
|
+
type: Input
|
|
18
|
+
}], colorState: [{
|
|
19
|
+
type: Input
|
|
20
|
+
}], type: [{
|
|
21
|
+
type: Input
|
|
22
|
+
}] } });
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1zcGlubmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhbGNvbi1saWIvc3JjL2xpYi9jb3JlLXNwaW5uZXIvY29yZS1zcGlubmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhbGNvbi1saWIvc3JjL2xpYi9jb3JlLXNwaW5uZXIvY29yZS1zcGlubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRakQsTUFBTSxPQUFPLG9CQUFvQjtJQUxqQztRQU1XLFNBQUksR0FBVyxFQUFFLENBQUM7UUFDbEIsZUFBVSxHQUFlLFNBQVMsQ0FBQztRQUNuQyxTQUFJLEdBQXNCLFFBQVEsQ0FBQztLQUM3QzsrR0FKWSxvQkFBb0I7bUdBQXBCLG9CQUFvQixzSENSakMscWFBY0E7OzRGRE5hLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSxjQUFjOzhCQUtmLElBQUk7c0JBQVosS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29sb3JTdGF0ZSB9IGZyb20gJy4uL2ZhbGNvblR5cGVzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY29yZS1zcGlubmVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29yZS1zcGlubmVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jb3JlLXNwaW5uZXIuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENvcmVTcGlubmVyQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBzaXplOiBudW1iZXIgPSAyNDtcclxuICBASW5wdXQoKSBjb2xvclN0YXRlOiBDb2xvclN0YXRlID0gJ2RlZmF1bHQnO1xyXG4gIEBJbnB1dCgpIHR5cGU6ICdjaXJjbGUnIHwgJ2xpbmUnID0gJ2NpcmNsZSc7XHJcbn1cclxuIiwiPGRpdiAqbmdJZj1cInR5cGUgPT09ICdjaXJjbGUnXCIgY2xhc3M9XCJzcGlubmVyXCIgW25nQ2xhc3NdPVwiW2NvbG9yU3RhdGVdXCI+XHJcbiAgPHN2Z1xyXG4gICAgdmlld0JveD1cIjI1IDI1IDUwIDUwXCJcclxuICAgIFtuZ1N0eWxlXT1cInsgd2lkdGg6IHNpemUgKyAncHgnLCBoZWlnaHQ6IHNpemUgKyAncHgnIH1cIlxyXG4gID5cclxuICAgIDxjaXJjbGUgY3g9XCI1MFwiIGN5PVwiNTBcIiByPVwiMjBcIiBmaWxsPVwibm9uZVwiIGNsYXNzPVwicGF0aFwiPjwvY2lyY2xlPlxyXG4gIDwvc3ZnPlxyXG48L2Rpdj5cclxuXHJcbjxkaXZcclxuICAqbmdJZj1cInR5cGUgPT09ICdsaW5lJ1wiXHJcbiAgY2xhc3M9XCJsaW5lLXByb2dyZXNzLWJhclwiXHJcbiAgW25nQ2xhc3NdPVwiW2NvbG9yU3RhdGVdXCJcclxuPjwvZGl2PlxyXG4iXX0=
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class CoreSwitchComponent {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.value = new EventEmitter();
|
|
6
|
+
this.label = '';
|
|
7
|
+
}
|
|
8
|
+
set defaultValue(value) {
|
|
9
|
+
this.toggle = value;
|
|
10
|
+
}
|
|
11
|
+
change() {
|
|
12
|
+
if (this.toggle === this.icon.iconActive)
|
|
13
|
+
this.toggle = this.icon.iconInactive;
|
|
14
|
+
else
|
|
15
|
+
this.toggle = this.icon.iconActive;
|
|
16
|
+
this.value.emit(this.toggle);
|
|
17
|
+
}
|
|
18
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreSwitchComponent, selector: "core-switch", inputs: { icon: "icon", label: "label", defaultValue: "defaultValue" }, outputs: { value: "value" }, ngImport: i0, template: "<div class=\"switch-container\" (click)=\"change()\">\r\n <input\r\n type=\"checkbox\"\r\n class=\"switch\"\r\n [checked]=\"toggle === icon.iconActive\"\r\n />\r\n <div class=\"switch-color\">\r\n <span>{{ label }} </span>\r\n </div>\r\n <label for=\"switch\" class=\"label\"\r\n ><span class=\"material-symbols-outlined\">{{ toggle }} </span>\r\n </label>\r\n</div>\r\n", styles: [".switch-container{min-width:55px;max-width:118px;height:30px;border-radius:10em;border:1px solid var(--default-switch-border-color);position:relative;cursor:pointer;text-align:end}.switch-container .switch{display:none}.switch-container .switch:checked~.label{transform:translate(87px) rotate(360deg)}.switch-container .switch~.label{transition:all 1s cubic-bezier(.34,1.36,.2,1)}.switch-container .switch-color{width:100%;height:30px;background:var(--default-switch-background-color);border-radius:10em;z-index:0;position:absolute;transition:all .5s cubic-bezier(.34,1.36,.2,1)}.switch-container .label{width:25px;height:25px;text-align:center;border-radius:10em;background:var(--default-switch-background-label-color);position:absolute;top:2px;left:3px;box-shadow:2px 2px 10px 2px var(--default-switch-box-shadow-color);z-index:2;cursor:pointer;-webkit-user-select:none;user-select:none}.switch-container .label span{font-size:20px;padding-block-start:3px;padding-inline-start:1px;color:var(--default-switch-text-color)}\n"] }); }
|
|
20
|
+
}
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreSwitchComponent, decorators: [{
|
|
22
|
+
type: Component,
|
|
23
|
+
args: [{ selector: 'core-switch', template: "<div class=\"switch-container\" (click)=\"change()\">\r\n <input\r\n type=\"checkbox\"\r\n class=\"switch\"\r\n [checked]=\"toggle === icon.iconActive\"\r\n />\r\n <div class=\"switch-color\">\r\n <span>{{ label }} </span>\r\n </div>\r\n <label for=\"switch\" class=\"label\"\r\n ><span class=\"material-symbols-outlined\">{{ toggle }} </span>\r\n </label>\r\n</div>\r\n", styles: [".switch-container{min-width:55px;max-width:118px;height:30px;border-radius:10em;border:1px solid var(--default-switch-border-color);position:relative;cursor:pointer;text-align:end}.switch-container .switch{display:none}.switch-container .switch:checked~.label{transform:translate(87px) rotate(360deg)}.switch-container .switch~.label{transition:all 1s cubic-bezier(.34,1.36,.2,1)}.switch-container .switch-color{width:100%;height:30px;background:var(--default-switch-background-color);border-radius:10em;z-index:0;position:absolute;transition:all .5s cubic-bezier(.34,1.36,.2,1)}.switch-container .label{width:25px;height:25px;text-align:center;border-radius:10em;background:var(--default-switch-background-label-color);position:absolute;top:2px;left:3px;box-shadow:2px 2px 10px 2px var(--default-switch-box-shadow-color);z-index:2;cursor:pointer;-webkit-user-select:none;user-select:none}.switch-container .label span{font-size:20px;padding-block-start:3px;padding-inline-start:1px;color:var(--default-switch-text-color)}\n"] }]
|
|
24
|
+
}], propDecorators: { value: [{
|
|
25
|
+
type: Output
|
|
26
|
+
}], icon: [{
|
|
27
|
+
type: Input
|
|
28
|
+
}], label: [{
|
|
29
|
+
type: Input
|
|
30
|
+
}], defaultValue: [{
|
|
31
|
+
type: Input
|
|
32
|
+
}] } });
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1zd2l0Y2guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtc3dpdGNoL2NvcmUtc3dpdGNoLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhbGNvbi1saWIvc3JjL2xpYi9jb3JlLXN3aXRjaC9jb3JlLXN3aXRjaC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVV2RSxNQUFNLE9BQU8sbUJBQW1CO0lBTGhDO1FBUVksVUFBSyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFFcEMsVUFBSyxHQUFHLEVBQUUsQ0FBQztLQVlyQjtJQVhDLElBQWEsWUFBWSxDQUFDLEtBQWE7UUFDckMsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7SUFDdEIsQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLElBQUksQ0FBQyxNQUFNLEtBQUssSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVO1lBQ3RDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUM7O1lBQ2xDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7UUFFeEMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQy9CLENBQUM7K0dBaEJVLG1CQUFtQjttR0FBbkIsbUJBQW1CLHdKQ1ZoQyx5WUFhQTs7NEZESGEsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGFBQWE7OEJBT2IsS0FBSztzQkFBZCxNQUFNO2dCQUNFLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ08sWUFBWTtzQkFBeEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmludGVyZmFjZSBJU3dpdGNoIHtcclxuICBpY29uQWN0aXZlOiBzdHJpbmc7XHJcbiAgaWNvbkluYWN0aXZlOiBzdHJpbmc7XHJcbn1cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjb3JlLXN3aXRjaCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NvcmUtc3dpdGNoLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jb3JlLXN3aXRjaC5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29yZVN3aXRjaENvbXBvbmVudCB7XHJcbiAgdG9nZ2xlITogc3RyaW5nO1xyXG5cclxuICBAT3V0cHV0KCkgdmFsdWUgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuICBASW5wdXQoKSBpY29uITogSVN3aXRjaDtcclxuICBASW5wdXQoKSBsYWJlbCA9ICcnO1xyXG4gIEBJbnB1dCgpIHNldCBkZWZhdWx0VmFsdWUodmFsdWU6IHN0cmluZykge1xyXG4gICAgdGhpcy50b2dnbGUgPSB2YWx1ZTtcclxuICB9XHJcblxyXG4gIGNoYW5nZSgpIHtcclxuICAgIGlmICh0aGlzLnRvZ2dsZSA9PT0gdGhpcy5pY29uLmljb25BY3RpdmUpXHJcbiAgICAgIHRoaXMudG9nZ2xlID0gdGhpcy5pY29uLmljb25JbmFjdGl2ZTtcclxuICAgIGVsc2UgdGhpcy50b2dnbGUgPSB0aGlzLmljb24uaWNvbkFjdGl2ZTtcclxuXHJcbiAgICB0aGlzLnZhbHVlLmVtaXQodGhpcy50b2dnbGUpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwic3dpdGNoLWNvbnRhaW5lclwiIChjbGljayk9XCJjaGFuZ2UoKVwiPlxyXG4gIDxpbnB1dFxyXG4gICAgdHlwZT1cImNoZWNrYm94XCJcclxuICAgIGNsYXNzPVwic3dpdGNoXCJcclxuICAgIFtjaGVja2VkXT1cInRvZ2dsZSA9PT0gaWNvbi5pY29uQWN0aXZlXCJcclxuICAvPlxyXG4gIDxkaXYgY2xhc3M9XCJzd2l0Y2gtY29sb3JcIj5cclxuICAgIDxzcGFuPnt7IGxhYmVsIH19IDwvc3Bhbj5cclxuICA8L2Rpdj5cclxuICA8bGFiZWwgZm9yPVwic3dpdGNoXCIgY2xhc3M9XCJsYWJlbFwiXHJcbiAgICA+PHNwYW4gY2xhc3M9XCJtYXRlcmlhbC1zeW1ib2xzLW91dGxpbmVkXCI+e3sgdG9nZ2xlIH19IDwvc3Bhbj5cclxuICA8L2xhYmVsPlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output, } from '@angular/core';
|
|
2
|
+
import { FormControl, FormGroup } from '@angular/forms';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
import * as i2 from "nira-date-picker";
|
|
6
|
+
import * as i3 from "../core-column-input/core-column-input.component";
|
|
7
|
+
import * as i4 from "../../../svg-icon/close-icon/close-icon.component";
|
|
8
|
+
export class CoreColumnDatePickerComponent {
|
|
9
|
+
constructor(changeDetectorRef) {
|
|
10
|
+
this.changeDetectorRef = changeDetectorRef;
|
|
11
|
+
this.canSelectToday = false;
|
|
12
|
+
this.defaultDate = '';
|
|
13
|
+
this.inputFormControl = new FormControl('', []);
|
|
14
|
+
this.onChange = new EventEmitter();
|
|
15
|
+
this.niraDatePickerForm = {};
|
|
16
|
+
this.isOpenCalendar = false;
|
|
17
|
+
this.date = '';
|
|
18
|
+
}
|
|
19
|
+
ngOnInit() {
|
|
20
|
+
this.niraDatePickerForm = new FormGroup({
|
|
21
|
+
niraDatePickerFormCtrl: this.inputFormControl,
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
ngAfterViewInit() {
|
|
25
|
+
this.changeDetectorRef.detectChanges();
|
|
26
|
+
}
|
|
27
|
+
clearedText() {
|
|
28
|
+
this.niraDatePickerForm.setValue({
|
|
29
|
+
niraDatePickerFormCtrl: '',
|
|
30
|
+
});
|
|
31
|
+
this.date = '';
|
|
32
|
+
this.onChange.emit(undefined);
|
|
33
|
+
}
|
|
34
|
+
onDatePickerResult(result) {
|
|
35
|
+
this.niraDatePickerForm.setValue({
|
|
36
|
+
niraDatePickerFormCtrl: result,
|
|
37
|
+
});
|
|
38
|
+
this.date = result;
|
|
39
|
+
this.onChange.emit(result);
|
|
40
|
+
}
|
|
41
|
+
onTodayDate(todayDate) {
|
|
42
|
+
this.date = todayDate;
|
|
43
|
+
this.niraDatePickerForm.setValue({
|
|
44
|
+
niraDatePickerFormCtrl: todayDate,
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreColumnDatePickerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
48
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreColumnDatePickerComponent, selector: "core-column-date-picker", inputs: { canSelectToday: "canSelectToday", defaultDate: "defaultDate", inputFormControl: "inputFormControl" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div class=\"relative\">\r\n <core-column-input\r\n (click)=\"isOpenCalendar = true\"\r\n [value]=\"date\"\r\n [isDatePicker]=\"true\"\r\n [showRemoveIcon]=\"false\"\r\n >\r\n </core-column-input>\r\n <close-icon\r\n *ngIf=\"date\"\r\n (click)=\"clearedText()\"\r\n class=\"absolute w-4 top-2 left-11 close-icon\"\r\n ></close-icon>\r\n</div>\r\n<lib-nira-date-picker\r\n [(isOpenCalendar)]=\"isOpenCalendar\"\r\n [defaultDate]=\"date ? date : defaultDate\"\r\n (datePickerResult)=\"onDatePickerResult($event)\"\r\n [selectToday]=\"canSelectToday\"\r\n>\r\n</lib-nira-date-picker>\r\n", styles: [".close-icon{fill:var(--default-table-column-date-picker-close-icon-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.NiraDatePickerComponent, selector: "lib-nira-date-picker", inputs: ["selectToday", "disable", "changableYears", "theme", "defaultDate", "isOpenCalendar"], outputs: ["isOpenCalendarChange", "todayDate", "datePickerResult"] }, { kind: "component", type: i3.CoreColumnInputComponent, selector: "core-column-input", inputs: ["showRemoveIcon", "placeholder", "value", "type", "isDatePicker", "maxLength"], outputs: ["onChange"] }, { kind: "component", type: i4.CloseIconComponent, selector: "close-icon" }] }); }
|
|
49
|
+
}
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreColumnDatePickerComponent, decorators: [{
|
|
51
|
+
type: Component,
|
|
52
|
+
args: [{ selector: 'core-column-date-picker', template: "<div class=\"relative\">\r\n <core-column-input\r\n (click)=\"isOpenCalendar = true\"\r\n [value]=\"date\"\r\n [isDatePicker]=\"true\"\r\n [showRemoveIcon]=\"false\"\r\n >\r\n </core-column-input>\r\n <close-icon\r\n *ngIf=\"date\"\r\n (click)=\"clearedText()\"\r\n class=\"absolute w-4 top-2 left-11 close-icon\"\r\n ></close-icon>\r\n</div>\r\n<lib-nira-date-picker\r\n [(isOpenCalendar)]=\"isOpenCalendar\"\r\n [defaultDate]=\"date ? date : defaultDate\"\r\n (datePickerResult)=\"onDatePickerResult($event)\"\r\n [selectToday]=\"canSelectToday\"\r\n>\r\n</lib-nira-date-picker>\r\n", styles: [".close-icon{fill:var(--default-table-column-date-picker-close-icon-color)}\n"] }]
|
|
53
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { canSelectToday: [{
|
|
54
|
+
type: Input
|
|
55
|
+
}], defaultDate: [{
|
|
56
|
+
type: Input
|
|
57
|
+
}], inputFormControl: [{
|
|
58
|
+
type: Input
|
|
59
|
+
}], onChange: [{
|
|
60
|
+
type: Output
|
|
61
|
+
}] } });
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1jb2x1bW4tZGF0ZS1waWNrZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtdGFibGUvY29yZS1jb2x1bW4tZGF0ZS1waWNrZXIvY29yZS1jb2x1bW4tZGF0ZS1waWNrZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtdGFibGUvY29yZS1jb2x1bW4tZGF0ZS1waWNrZXIvY29yZS1jb2x1bW4tZGF0ZS1waWNrZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7QUFPeEQsTUFBTSxPQUFPLDZCQUE2QjtJQVN4QyxZQUFvQixpQkFBb0M7UUFBcEMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQVIvQyxtQkFBYyxHQUFZLEtBQUssQ0FBQztRQUNoQyxnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUN6QixxQkFBZ0IsR0FBZ0IsSUFBSSxXQUFXLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBRXZELGFBQVEsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUMzRCx1QkFBa0IsR0FBYyxFQUFlLENBQUM7UUFDaEQsbUJBQWMsR0FBWSxLQUFLLENBQUM7UUFDaEMsU0FBSSxHQUFXLEVBQUUsQ0FBQztJQUN5QyxDQUFDO0lBQzVELFFBQVE7UUFDTixJQUFJLENBQUMsa0JBQWtCLEdBQUcsSUFBSSxTQUFTLENBQUM7WUFDdEMsc0JBQXNCLEVBQUUsSUFBSSxDQUFDLGdCQUFnQjtTQUM5QyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN6QyxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxRQUFRLENBQUM7WUFDL0Isc0JBQXNCLEVBQUUsRUFBRTtTQUMzQixDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsSUFBSSxHQUFHLEVBQUUsQ0FBQztRQUNmLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFDRCxrQkFBa0IsQ0FBQyxNQUFjO1FBQy9CLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxRQUFRLENBQUM7WUFDL0Isc0JBQXNCLEVBQUUsTUFBTTtTQUMvQixDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsSUFBSSxHQUFHLE1BQU0sQ0FBQztRQUNuQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUM3QixDQUFDO0lBQ0QsV0FBVyxDQUFDLFNBQWlCO1FBQzNCLElBQUksQ0FBQyxJQUFJLEdBQUcsU0FBUyxDQUFDO1FBQ3RCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxRQUFRLENBQUM7WUFDL0Isc0JBQXNCLEVBQUUsU0FBUztTQUNsQyxDQUFDLENBQUM7SUFDTCxDQUFDOytHQXZDVSw2QkFBNkI7bUdBQTdCLDZCQUE2QixrTkNkMUMsd21CQXFCQTs7NEZEUGEsNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNFLHlCQUF5Qjt3R0FLMUIsY0FBYztzQkFBdEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFFSSxRQUFRO3NCQUFqQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBDb21wb25lbnQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIElucHV0LFxyXG4gIE91dHB1dCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY29yZS1jb2x1bW4tZGF0ZS1waWNrZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jb3JlLWNvbHVtbi1kYXRlLXBpY2tlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY29yZS1jb2x1bW4tZGF0ZS1waWNrZXIuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENvcmVDb2x1bW5EYXRlUGlja2VyQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBjYW5TZWxlY3RUb2RheTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGRlZmF1bHREYXRlOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBpbnB1dEZvcm1Db250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgnJywgW10pO1xyXG5cclxuICBAT3V0cHV0KCkgb25DaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIG5pcmFEYXRlUGlja2VyRm9ybTogRm9ybUdyb3VwID0ge30gYXMgRm9ybUdyb3VwO1xyXG4gIGlzT3BlbkNhbGVuZGFyOiBib29sZWFuID0gZmFsc2U7XHJcbiAgZGF0ZTogc3RyaW5nID0gJyc7XHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLm5pcmFEYXRlUGlja2VyRm9ybSA9IG5ldyBGb3JtR3JvdXAoe1xyXG4gICAgICBuaXJhRGF0ZVBpY2tlckZvcm1DdHJsOiB0aGlzLmlucHV0Rm9ybUNvbnRyb2wsXHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gIH1cclxuXHJcbiAgY2xlYXJlZFRleHQoKSB7XHJcbiAgICB0aGlzLm5pcmFEYXRlUGlja2VyRm9ybS5zZXRWYWx1ZSh7XHJcbiAgICAgIG5pcmFEYXRlUGlja2VyRm9ybUN0cmw6ICcnLFxyXG4gICAgfSk7XHJcbiAgICB0aGlzLmRhdGUgPSAnJztcclxuICAgIHRoaXMub25DaGFuZ2UuZW1pdCh1bmRlZmluZWQpO1xyXG4gIH1cclxuICBvbkRhdGVQaWNrZXJSZXN1bHQocmVzdWx0OiBzdHJpbmcpIHtcclxuICAgIHRoaXMubmlyYURhdGVQaWNrZXJGb3JtLnNldFZhbHVlKHtcclxuICAgICAgbmlyYURhdGVQaWNrZXJGb3JtQ3RybDogcmVzdWx0LFxyXG4gICAgfSk7XHJcbiAgICB0aGlzLmRhdGUgPSByZXN1bHQ7XHJcbiAgICB0aGlzLm9uQ2hhbmdlLmVtaXQocmVzdWx0KTtcclxuICB9XHJcbiAgb25Ub2RheURhdGUodG9kYXlEYXRlOiBzdHJpbmcpIHtcclxuICAgIHRoaXMuZGF0ZSA9IHRvZGF5RGF0ZTtcclxuICAgIHRoaXMubmlyYURhdGVQaWNrZXJGb3JtLnNldFZhbHVlKHtcclxuICAgICAgbmlyYURhdGVQaWNrZXJGb3JtQ3RybDogdG9kYXlEYXRlLFxyXG4gICAgfSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJyZWxhdGl2ZVwiPlxyXG4gIDxjb3JlLWNvbHVtbi1pbnB1dFxyXG4gICAgKGNsaWNrKT1cImlzT3BlbkNhbGVuZGFyID0gdHJ1ZVwiXHJcbiAgICBbdmFsdWVdPVwiZGF0ZVwiXHJcbiAgICBbaXNEYXRlUGlja2VyXT1cInRydWVcIlxyXG4gICAgW3Nob3dSZW1vdmVJY29uXT1cImZhbHNlXCJcclxuICA+XHJcbiAgPC9jb3JlLWNvbHVtbi1pbnB1dD5cclxuICA8Y2xvc2UtaWNvblxyXG4gICAgKm5nSWY9XCJkYXRlXCJcclxuICAgIChjbGljayk9XCJjbGVhcmVkVGV4dCgpXCJcclxuICAgIGNsYXNzPVwiYWJzb2x1dGUgdy00IHRvcC0yIGxlZnQtMTEgY2xvc2UtaWNvblwiXHJcbiAgPjwvY2xvc2UtaWNvbj5cclxuPC9kaXY+XHJcbjxsaWItbmlyYS1kYXRlLXBpY2tlclxyXG4gIFsoaXNPcGVuQ2FsZW5kYXIpXT1cImlzT3BlbkNhbGVuZGFyXCJcclxuICBbZGVmYXVsdERhdGVdPVwiZGF0ZSA/IGRhdGUgOiBkZWZhdWx0RGF0ZVwiXHJcbiAgKGRhdGVQaWNrZXJSZXN1bHQpPVwib25EYXRlUGlja2VyUmVzdWx0KCRldmVudClcIlxyXG4gIFtzZWxlY3RUb2RheV09XCJjYW5TZWxlY3RUb2RheVwiXHJcbj5cclxuPC9saWItbmlyYS1kYXRlLXBpY2tlcj5cclxuIl19
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "@angular/forms";
|
|
5
|
+
import * as i3 from "../../../svg-icon/search-icon/search-icon.component";
|
|
6
|
+
import * as i4 from "../../../svg-icon/calendar-icon/calendar-icon.component";
|
|
7
|
+
export class CoreColumnInputComponent {
|
|
8
|
+
constructor() {
|
|
9
|
+
this.showRemoveIcon = true;
|
|
10
|
+
this.placeholder = '';
|
|
11
|
+
this.onChange = new EventEmitter();
|
|
12
|
+
this.value = '';
|
|
13
|
+
this.isDatePicker = false;
|
|
14
|
+
this.maxLength = 2000;
|
|
15
|
+
}
|
|
16
|
+
set type(value) {
|
|
17
|
+
this.inputType = value;
|
|
18
|
+
}
|
|
19
|
+
change(event) {
|
|
20
|
+
this.onChange.emit(event);
|
|
21
|
+
}
|
|
22
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreColumnInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreColumnInputComponent, selector: "core-column-input", inputs: { showRemoveIcon: "showRemoveIcon", placeholder: "placeholder", value: "value", type: "type", isDatePicker: "isDatePicker", maxLength: "maxLength" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div class=\"search-box flex focus:bg-slate-600\">\r\n <input\r\n [type]=\"showRemoveIcon ? 'search' : 'text'\"\r\n placeholder=\"{{ placeholder }}\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"change($event)\"\r\n class=\"box-border\"\r\n />\r\n <search-icon\r\n *ngIf=\"!isDatePicker\"\r\n class=\"absolute top-1 w-5 right-1 fill-gray-500\"\r\n ></search-icon>\r\n <calendar-icon\r\n *ngIf=\"isDatePicker\"\r\n class=\"absolute top-1 w-5 right-1 fill-gray-500\"\r\n ></calendar-icon>\r\n</div>\r\n", styles: [".search-box{width:100%;position:relative;box-sizing:border-box;background:transparent}.search-box input{width:100%;color:var(--default-table-column-input-text-color);outline:0;background:transparent;border-bottom:1px solid var(--default-table-column-input-border-color);font-size:.875rem;padding-block:5px;padding-right:30px;padding-left:6px}.search-box input:focus{border-bottom:1px solid #96bdf2}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.SearchIconComponent, selector: "search-icon" }, { kind: "component", type: i4.CalendarIconComponent, selector: "calendar-icon" }] }); }
|
|
24
|
+
}
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreColumnInputComponent, decorators: [{
|
|
26
|
+
type: Component,
|
|
27
|
+
args: [{ selector: 'core-column-input', template: "<div class=\"search-box flex focus:bg-slate-600\">\r\n <input\r\n [type]=\"showRemoveIcon ? 'search' : 'text'\"\r\n placeholder=\"{{ placeholder }}\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"change($event)\"\r\n class=\"box-border\"\r\n />\r\n <search-icon\r\n *ngIf=\"!isDatePicker\"\r\n class=\"absolute top-1 w-5 right-1 fill-gray-500\"\r\n ></search-icon>\r\n <calendar-icon\r\n *ngIf=\"isDatePicker\"\r\n class=\"absolute top-1 w-5 right-1 fill-gray-500\"\r\n ></calendar-icon>\r\n</div>\r\n", styles: [".search-box{width:100%;position:relative;box-sizing:border-box;background:transparent}.search-box input{width:100%;color:var(--default-table-column-input-text-color);outline:0;background:transparent;border-bottom:1px solid var(--default-table-column-input-border-color);font-size:.875rem;padding-block:5px;padding-right:30px;padding-left:6px}.search-box input:focus{border-bottom:1px solid #96bdf2}\n"] }]
|
|
28
|
+
}], propDecorators: { showRemoveIcon: [{
|
|
29
|
+
type: Input
|
|
30
|
+
}], placeholder: [{
|
|
31
|
+
type: Input
|
|
32
|
+
}], onChange: [{
|
|
33
|
+
type: Output
|
|
34
|
+
}], value: [{
|
|
35
|
+
type: Input
|
|
36
|
+
}], type: [{
|
|
37
|
+
type: Input
|
|
38
|
+
}], isDatePicker: [{
|
|
39
|
+
type: Input
|
|
40
|
+
}], maxLength: [{
|
|
41
|
+
type: Input
|
|
42
|
+
}] } });
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1jb2x1bW4taW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtdGFibGUvY29yZS1jb2x1bW4taW5wdXQvY29yZS1jb2x1bW4taW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtdGFibGUvY29yZS1jb2x1bW4taW5wdXQvY29yZS1jb2x1bW4taW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUXZFLE1BQU0sT0FBTyx3QkFBd0I7SUFMckM7UUFPVyxtQkFBYyxHQUFZLElBQUksQ0FBQztRQUMvQixnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUNoQixhQUFRLEdBQXlCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDckQsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUluQixpQkFBWSxHQUFZLEtBQUssQ0FBQztRQUM5QixjQUFTLEdBQUcsSUFBSSxDQUFDO0tBSTNCO0lBUkMsSUFBYSxJQUFJLENBQUMsS0FBZ0I7UUFDaEMsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFDekIsQ0FBQztJQUdELE1BQU0sQ0FBQyxLQUFVO1FBQ2YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUIsQ0FBQzsrR0FiVSx3QkFBd0I7bUdBQXhCLHdCQUF3QiwwUENSckMsMGhCQWlCQTs7NEZEVGEsd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNFLG1CQUFtQjs4QkFNcEIsY0FBYztzQkFBdEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNJLFFBQVE7c0JBQWpCLE1BQU07Z0JBQ0UsS0FBSztzQkFBYixLQUFLO2dCQUNPLElBQUk7c0JBQWhCLEtBQUs7Z0JBR0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSW5wdXRUeXBlIH0gZnJvbSAnLi4vLi4vZmFsY29uVHlwZXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjb3JlLWNvbHVtbi1pbnB1dCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NvcmUtY29sdW1uLWlucHV0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jb3JlLWNvbHVtbi1pbnB1dC5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29yZUNvbHVtbklucHV0Q29tcG9uZW50IHtcclxuICBpbnB1dFR5cGUhOiBJbnB1dFR5cGU7XHJcbiAgQElucHV0KCkgc2hvd1JlbW92ZUljb246IGJvb2xlYW4gPSB0cnVlO1xyXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJyc7XHJcbiAgQE91dHB1dCgpIG9uQ2hhbmdlOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBASW5wdXQoKSB2YWx1ZTogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgc2V0IHR5cGUodmFsdWU6IElucHV0VHlwZSkge1xyXG4gICAgdGhpcy5pbnB1dFR5cGUgPSB2YWx1ZTtcclxuICB9XHJcbiAgQElucHV0KCkgaXNEYXRlUGlja2VyOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgbWF4TGVuZ3RoID0gMjAwMDtcclxuICBjaGFuZ2UoZXZlbnQ6IGFueSkge1xyXG4gICAgdGhpcy5vbkNoYW5nZS5lbWl0KGV2ZW50KTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInNlYXJjaC1ib3ggZmxleCBmb2N1czpiZy1zbGF0ZS02MDBcIj5cclxuICA8aW5wdXRcclxuICAgIFt0eXBlXT1cInNob3dSZW1vdmVJY29uID8gJ3NlYXJjaCcgOiAndGV4dCdcIlxyXG4gICAgcGxhY2Vob2xkZXI9XCJ7eyBwbGFjZWhvbGRlciB9fVwiXHJcbiAgICBbKG5nTW9kZWwpXT1cInZhbHVlXCJcclxuICAgIChuZ01vZGVsQ2hhbmdlKT1cImNoYW5nZSgkZXZlbnQpXCJcclxuICAgIGNsYXNzPVwiYm94LWJvcmRlclwiXHJcbiAgLz5cclxuICA8c2VhcmNoLWljb25cclxuICAgICpuZ0lmPVwiIWlzRGF0ZVBpY2tlclwiXHJcbiAgICBjbGFzcz1cImFic29sdXRlIHRvcC0xIHctNSByaWdodC0xIGZpbGwtZ3JheS01MDBcIlxyXG4gID48L3NlYXJjaC1pY29uPlxyXG4gIDxjYWxlbmRhci1pY29uXHJcbiAgICAqbmdJZj1cImlzRGF0ZVBpY2tlclwiXHJcbiAgICBjbGFzcz1cImFic29sdXRlIHRvcC0xIHctNSByaWdodC0xIGZpbGwtZ3JheS01MDBcIlxyXG4gID48L2NhbGVuZGFyLWljb24+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output, } from '@angular/core';
|
|
2
|
+
import { FormControl } from '@angular/forms';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
import * as i2 from "../../../svg-icon/close-icon/close-icon.component";
|
|
6
|
+
import * as i3 from "../../../svg-icon/arrow-down-icon/arrow-down-icon.component";
|
|
7
|
+
export class CoreColumnSelectorComponent {
|
|
8
|
+
// _items: any[] = ACTIVE_OPTIONS;
|
|
9
|
+
set items(data) {
|
|
10
|
+
this._items = data;
|
|
11
|
+
this.hasItems = true;
|
|
12
|
+
this.init();
|
|
13
|
+
}
|
|
14
|
+
set titleKey(data) {
|
|
15
|
+
this._titleKey = data;
|
|
16
|
+
this.hasTitleKey = true;
|
|
17
|
+
this.init();
|
|
18
|
+
}
|
|
19
|
+
set valueKey(data) {
|
|
20
|
+
this._valueKey = data;
|
|
21
|
+
this.hasValueKey = true;
|
|
22
|
+
this.init();
|
|
23
|
+
}
|
|
24
|
+
constructor(cdr) {
|
|
25
|
+
this.cdr = cdr;
|
|
26
|
+
this.selectedItem = {};
|
|
27
|
+
this.newItems = [];
|
|
28
|
+
this.isOpenMenu = false;
|
|
29
|
+
this._items = [];
|
|
30
|
+
this._defaultValue = undefined;
|
|
31
|
+
this.initCounter = 0;
|
|
32
|
+
this.hasTitleKey = false;
|
|
33
|
+
this.hasValueKey = false;
|
|
34
|
+
this.hasItems = false;
|
|
35
|
+
this.hasDefaultValue = false;
|
|
36
|
+
this.label = '';
|
|
37
|
+
this.onItemSelected = new EventEmitter();
|
|
38
|
+
this.inputFormControl = new FormControl('', []);
|
|
39
|
+
}
|
|
40
|
+
init() {
|
|
41
|
+
if (this.hasTitleKey && this.hasValueKey && this.hasItems) {
|
|
42
|
+
this.newItems = this.changeItemsType(this._items);
|
|
43
|
+
const item = this.newItems.find((item) => item.value == this._defaultValue);
|
|
44
|
+
if (!this._defaultValue || this._defaultValue === null)
|
|
45
|
+
return;
|
|
46
|
+
this.inputFormControl.setValue(this._defaultValue);
|
|
47
|
+
this.onItemSelect(this.newItems.find((item) => item.value == this._defaultValue), false);
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
ngAfterViewInit() {
|
|
51
|
+
this.cdr.detectChanges();
|
|
52
|
+
}
|
|
53
|
+
changeItemsType(items) {
|
|
54
|
+
return items.map((item) => {
|
|
55
|
+
return {
|
|
56
|
+
title: item[this._titleKey],
|
|
57
|
+
value: item[this._valueKey],
|
|
58
|
+
};
|
|
59
|
+
});
|
|
60
|
+
}
|
|
61
|
+
openMenuClick() {
|
|
62
|
+
this.isOpenMenu = !this.isOpenMenu;
|
|
63
|
+
}
|
|
64
|
+
onItemSelect(selectedItem, isFromUi) {
|
|
65
|
+
if (isFromUi)
|
|
66
|
+
this.inputFormControl.markAsTouched();
|
|
67
|
+
this.isOpenMenu = false;
|
|
68
|
+
this.selectedItem = selectedItem;
|
|
69
|
+
this.inputFormControl.setValue(selectedItem.value);
|
|
70
|
+
this.onItemSelected.emit(selectedItem.value);
|
|
71
|
+
}
|
|
72
|
+
focusOut() {
|
|
73
|
+
this.isOpenMenu = false;
|
|
74
|
+
this.inputFormControl.markAsTouched();
|
|
75
|
+
}
|
|
76
|
+
removedText() {
|
|
77
|
+
this.selectedItem = {};
|
|
78
|
+
this.inputFormControl.setValue('');
|
|
79
|
+
this.onItemSelected.emit('');
|
|
80
|
+
}
|
|
81
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreColumnSelectorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
82
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreColumnSelectorComponent, selector: "core-column-selector", inputs: { items: "items", titleKey: "titleKey", valueKey: "valueKey", label: "label", inputFormControl: "inputFormControl" }, outputs: { onItemSelected: "onItemSelected" }, ngImport: i0, template: "<div tabindex=\"-1\" class=\"dropdown\" (focusout)=\"focusOut()\">\r\n <close-icon\r\n *ngIf=\"selectedItem.title\"\r\n (click)=\"removedText()\"\r\n class=\"absolute w-4 top-2 right-2 fill-gray-600\"\r\n ></close-icon>\r\n <div\r\n class=\"select\"\r\n [ngClass]=\"{\r\n 'select-clicked': isOpenMenu,\r\n selectError: inputFormControl.touched && inputFormControl.errors\r\n }\"\r\n (click)=\"openMenuClick()\"\r\n >\r\n <span\r\n class=\"placeholder-top\"\r\n *ngIf=\"(selectedItem | json) != ({} | json)\"\r\n >{{ label }}</span\r\n >\r\n <arrow-down-icon\r\n class=\"caret fill-secondary-text-color h-6\"\r\n [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n ></arrow-down-icon>\r\n\r\n <span\r\n [ngClass]=\"[\r\n label.length > 0 && (selectedItem | json) == ({} | json)\r\n ? 'placeholder'\r\n : 'selected'\r\n ]\"\r\n >{{\r\n label.length > 0 && (selectedItem | json) == ({} | json)\r\n ? label\r\n : selectedItem.title\r\n }}</span\r\n >\r\n </div>\r\n <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n <li\r\n *ngFor=\"let item of newItems\"\r\n [ngClass]=\"{ active: item == selectedItem }\"\r\n (click)=\"onItemSelect(item, true)\"\r\n >\r\n {{ item.title }}\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:calc(100% - 34px);min-width:120px}.dropdown .select{color:var(--default-selector-text-color);display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;border-bottom:1px solid var(--default-table-column-input-border-color);padding-block:3px;padding-inline-start:12px;outline:0;padding-inline-end:2px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:focus{border-bottom:1px solid #96bdf2}.dropdown .select .selected{padding-inline:12px;font-size:14px;color:#000000b3;-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:var(--default-selector-label-background-color);top:-8px;padding-inline:6px;font-size:11px;color:var(--default-selector-label-text--color)}.dropdown .select .caret{fill:var(--default-selector-icon-color);color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:var(--default-selector-placeholder-text-color);padding-inline:16px}.dropdown .select-clicked{border-bottom:1px solid #96bdf2}.dropdown .menu{list-style:none;padding-inline:0px;background:var(--default-selector-menu-background-color);border:1px solid var(--default-selector-menu-border-color);box-shadow:0 .5em 1em #0003;border-radius:.5em;color:var(--default-selector-menu-text-color);position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:10;max-height:200px;overflow:auto}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:var(--default-selector-menu-item-hover-color)}.dropdown .menu .active{background:var(--default-selector-menu-item-active-color)}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:var(--default-selector-validation-text-color);font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid var(--default-selector-validation-border-color)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CloseIconComponent, selector: "close-icon" }, { kind: "component", type: i3.ArrowDownIconComponent, selector: "arrow-down-icon" }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] }); }
|
|
83
|
+
}
|
|
84
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreColumnSelectorComponent, decorators: [{
|
|
85
|
+
type: Component,
|
|
86
|
+
args: [{ selector: 'core-column-selector', template: "<div tabindex=\"-1\" class=\"dropdown\" (focusout)=\"focusOut()\">\r\n <close-icon\r\n *ngIf=\"selectedItem.title\"\r\n (click)=\"removedText()\"\r\n class=\"absolute w-4 top-2 right-2 fill-gray-600\"\r\n ></close-icon>\r\n <div\r\n class=\"select\"\r\n [ngClass]=\"{\r\n 'select-clicked': isOpenMenu,\r\n selectError: inputFormControl.touched && inputFormControl.errors\r\n }\"\r\n (click)=\"openMenuClick()\"\r\n >\r\n <span\r\n class=\"placeholder-top\"\r\n *ngIf=\"(selectedItem | json) != ({} | json)\"\r\n >{{ label }}</span\r\n >\r\n <arrow-down-icon\r\n class=\"caret fill-secondary-text-color h-6\"\r\n [ngClass]=\"{ 'caret-rotate': isOpenMenu }\"\r\n ></arrow-down-icon>\r\n\r\n <span\r\n [ngClass]=\"[\r\n label.length > 0 && (selectedItem | json) == ({} | json)\r\n ? 'placeholder'\r\n : 'selected'\r\n ]\"\r\n >{{\r\n label.length > 0 && (selectedItem | json) == ({} | json)\r\n ? label\r\n : selectedItem.title\r\n }}</span\r\n >\r\n </div>\r\n <ul class=\"menu\" [ngClass]=\"{ 'menu-open': isOpenMenu }\">\r\n <li\r\n *ngFor=\"let item of newItems\"\r\n [ngClass]=\"{ active: item == selectedItem }\"\r\n (click)=\"onItemSelect(item, true)\"\r\n >\r\n {{ item.title }}\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: [".dropdown{min-width:15em;position:relative;width:calc(100% - 34px);min-width:120px}.dropdown .select{color:var(--default-selector-text-color);display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;border-bottom:1px solid var(--default-table-column-input-border-color);padding-block:3px;padding-inline-start:12px;outline:0;padding-inline-end:2px;cursor:pointer;transition:background .3s;font-size:12px;-webkit-user-select:none;user-select:none}.dropdown .select:focus{border-bottom:1px solid #96bdf2}.dropdown .select .selected{padding-inline:12px;font-size:14px;color:#000000b3;-webkit-user-select:none;user-select:none}.dropdown .select .placeholder-top{position:absolute;right:13px;background:var(--default-selector-label-background-color);top:-8px;padding-inline:6px;font-size:11px;color:var(--default-selector-label-text--color)}.dropdown .select .caret{fill:var(--default-selector-icon-color);color:#595c5f;-webkit-user-select:none;user-select:none}.dropdown .select .caret-rotate{transform:rotate(180deg)}.dropdown .select .placeholder{color:var(--default-selector-placeholder-text-color);padding-inline:16px}.dropdown .select-clicked{border-bottom:1px solid #96bdf2}.dropdown .menu{list-style:none;padding-inline:0px;background:var(--default-selector-menu-background-color);border:1px solid var(--default-selector-menu-border-color);box-shadow:0 .5em 1em #0003;border-radius:.5em;color:var(--default-selector-menu-text-color);position:absolute;top:40px;left:50%;width:100%;transform:translate(-50%);opacity:0;display:none;transition:0,2s;z-index:10;max-height:200px;overflow:auto}.dropdown .menu li{padding:.7em .5em;margin:.3em 0;margin-inline:4px;border-radius:.5em;font-size:14px;text-align:start;cursor:pointer}.dropdown .menu li:hover{background:var(--default-selector-menu-item-hover-color)}.dropdown .menu .active{background:var(--default-selector-menu-item-active-color)}.dropdown .menu-open{display:block;opacity:1}.dropdown .label-error{color:var(--default-selector-validation-text-color);font-size:13px;margin-block-start:4px;min-height:21px;width:100%;display:inline-block!important;text-align:start}.dropdown .selectError{border:1px solid var(--default-selector-validation-border-color)!important}\n"] }]
|
|
87
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { items: [{
|
|
88
|
+
type: Input
|
|
89
|
+
}], titleKey: [{
|
|
90
|
+
type: Input
|
|
91
|
+
}], valueKey: [{
|
|
92
|
+
type: Input
|
|
93
|
+
}], label: [{
|
|
94
|
+
type: Input
|
|
95
|
+
}], onItemSelected: [{
|
|
96
|
+
type: Output
|
|
97
|
+
}], inputFormControl: [{
|
|
98
|
+
type: Input
|
|
99
|
+
}] } });
|
|
100
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1jb2x1bW4tc2VsZWN0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtdGFibGUvY29yZS1jb2x1bW4tc2VsZWN0b3IvY29yZS1jb2x1bW4tc2VsZWN0b3IuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtdGFibGUvY29yZS1jb2x1bW4tc2VsZWN0b3IvY29yZS1jb2x1bW4tc2VsZWN0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7O0FBUzdDLE1BQU0sT0FBTywyQkFBMkI7SUFLdEMsa0NBQWtDO0lBQ2xDLElBQWEsS0FBSyxDQUFDLElBQVM7UUFDMUIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7UUFDbkIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7UUFDckIsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2QsQ0FBQztJQVNELElBQWEsUUFBUSxDQUFDLElBQU87UUFDM0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7UUFDdEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7UUFDeEIsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2QsQ0FBQztJQUNELElBQWEsUUFBUSxDQUFDLElBQU87UUFDM0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7UUFDdEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7UUFDeEIsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2QsQ0FBQztJQUlELFlBQW9CLEdBQXNCO1FBQXRCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBL0IxQyxpQkFBWSxHQUFnQixFQUFpQixDQUFDO1FBQzlDLGFBQVEsR0FBa0IsRUFBRSxDQUFDO1FBQzdCLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFDbkIsV0FBTSxHQUFVLEVBQUUsQ0FBQztRQU9uQixrQkFBYSxHQUFHLFNBQVMsQ0FBQztRQUcxQixnQkFBVyxHQUFHLENBQUMsQ0FBQztRQUNoQixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNwQixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNwQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLG9CQUFlLEdBQUcsS0FBSyxDQUFDO1FBV2YsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUNsQixtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDMUMscUJBQWdCLEdBQWdCLElBQUksV0FBVyxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUNwQixDQUFDO0lBQzlDLElBQUk7UUFDRixJQUFJLElBQUksQ0FBQyxXQUFXLElBQUksSUFBSSxDQUFDLFdBQVcsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ3pELElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDbEQsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQzdCLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxhQUFhLENBQzNDLENBQUM7WUFDRixJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsSUFBSSxJQUFJLENBQUMsYUFBYSxLQUFLLElBQUk7Z0JBQUUsT0FBTztZQUMvRCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztZQUNuRCxJQUFJLENBQUMsWUFBWSxDQUNmLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxhQUFhLENBQUUsRUFDL0QsS0FBSyxDQUNOLENBQUM7U0FDSDtJQUNILENBQUM7SUFDRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBQ0QsZUFBZSxDQUFDLEtBQVk7UUFDMUIsT0FBTyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7WUFDeEIsT0FBTztnQkFDTCxLQUFLLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUM7Z0JBQzNCLEtBQUssRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQzthQUM1QixDQUFDO1FBQ0osQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBQ0QsYUFBYTtRQUNYLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQ3JDLENBQUM7SUFDRCxZQUFZLENBQUMsWUFBeUIsRUFBRSxRQUFpQjtRQUN2RCxJQUFJLFFBQVE7WUFBRSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDcEQsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7UUFDeEIsSUFBSSxDQUFDLFlBQVksR0FBRyxZQUFZLENBQUM7UUFDakMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDbkQsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9DLENBQUM7SUFDRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7UUFDeEIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3hDLENBQUM7SUFDRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFlBQVksR0FBRyxFQUFpQixDQUFDO1FBQ3RDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDbkMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDL0IsQ0FBQzsrR0E1RVUsMkJBQTJCO21HQUEzQiwyQkFBMkIseU9DaEJ4Qyx1M0NBK0NBOzs0RkQvQmEsMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLHNCQUFzQjt3R0FVbkIsS0FBSztzQkFBakIsS0FBSztnQkFhTyxRQUFRO3NCQUFwQixLQUFLO2dCQUtPLFFBQVE7c0JBQXBCLEtBQUs7Z0JBS0csS0FBSztzQkFBYixLQUFLO2dCQUNJLGNBQWM7c0JBQXZCLE1BQU07Z0JBQ0UsZ0JBQWdCO3NCQUF4QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBDb21wb25lbnQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIElucHV0LFxyXG4gIE91dHB1dCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IE1lbnVJdGVtIH0gZnJvbSAnLi4vLi4vZmFsY29uVHlwZXMnO1xyXG5pbXBvcnQgeyBBQ1RJVkVfT1BUSU9OUyB9IGZyb20gJy4uLy4uLy4uL3V0aWxzL2NvbnN0YW50cyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NvcmUtY29sdW1uLXNlbGVjdG9yJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29yZS1jb2x1bW4tc2VsZWN0b3IuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NvcmUtY29sdW1uLXNlbGVjdG9yLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb3JlQ29sdW1uU2VsZWN0b3JDb21wb25lbnQ8VD4ge1xyXG4gIHNlbGVjdGVkSXRlbTogTWVudUl0ZW08VD4gPSB7fSBhcyBNZW51SXRlbTxUPjtcclxuICBuZXdJdGVtczogTWVudUl0ZW08VD5bXSA9IFtdO1xyXG4gIGlzT3Blbk1lbnUgPSBmYWxzZTtcclxuICBfaXRlbXM6IGFueVtdID0gW107XHJcbiAgLy8gX2l0ZW1zOiBhbnlbXSA9IEFDVElWRV9PUFRJT05TO1xyXG4gIEBJbnB1dCgpIHNldCBpdGVtcyhkYXRhOiBhbnkpIHtcclxuICAgIHRoaXMuX2l0ZW1zID0gZGF0YTtcclxuICAgIHRoaXMuaGFzSXRlbXMgPSB0cnVlO1xyXG4gICAgdGhpcy5pbml0KCk7XHJcbiAgfVxyXG4gIF9kZWZhdWx0VmFsdWUgPSB1bmRlZmluZWQ7XHJcbiAgX3RpdGxlS2V5ITogVDtcclxuICBfdmFsdWVLZXkhOiBUO1xyXG4gIGluaXRDb3VudGVyID0gMDtcclxuICBoYXNUaXRsZUtleSA9IGZhbHNlO1xyXG4gIGhhc1ZhbHVlS2V5ID0gZmFsc2U7XHJcbiAgaGFzSXRlbXMgPSBmYWxzZTtcclxuICBoYXNEZWZhdWx0VmFsdWUgPSBmYWxzZTtcclxuICBASW5wdXQoKSBzZXQgdGl0bGVLZXkoZGF0YTogVCkge1xyXG4gICAgdGhpcy5fdGl0bGVLZXkgPSBkYXRhO1xyXG4gICAgdGhpcy5oYXNUaXRsZUtleSA9IHRydWU7XHJcbiAgICB0aGlzLmluaXQoKTtcclxuICB9XHJcbiAgQElucHV0KCkgc2V0IHZhbHVlS2V5KGRhdGE6IFQpIHtcclxuICAgIHRoaXMuX3ZhbHVlS2V5ID0gZGF0YTtcclxuICAgIHRoaXMuaGFzVmFsdWVLZXkgPSB0cnVlO1xyXG4gICAgdGhpcy5pbml0KCk7XHJcbiAgfVxyXG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmcgPSAnJztcclxuICBAT3V0cHV0KCkgb25JdGVtU2VsZWN0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuICBASW5wdXQoKSBpbnB1dEZvcm1Db250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgnJywgW10pO1xyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge31cclxuICBpbml0KCkge1xyXG4gICAgaWYgKHRoaXMuaGFzVGl0bGVLZXkgJiYgdGhpcy5oYXNWYWx1ZUtleSAmJiB0aGlzLmhhc0l0ZW1zKSB7XHJcbiAgICAgIHRoaXMubmV3SXRlbXMgPSB0aGlzLmNoYW5nZUl0ZW1zVHlwZSh0aGlzLl9pdGVtcyk7XHJcbiAgICAgIGNvbnN0IGl0ZW0gPSB0aGlzLm5ld0l0ZW1zLmZpbmQoXHJcbiAgICAgICAgKGl0ZW0pID0+IGl0ZW0udmFsdWUgPT0gdGhpcy5fZGVmYXVsdFZhbHVlXHJcbiAgICAgICk7XHJcbiAgICAgIGlmICghdGhpcy5fZGVmYXVsdFZhbHVlIHx8IHRoaXMuX2RlZmF1bHRWYWx1ZSA9PT0gbnVsbCkgcmV0dXJuO1xyXG4gICAgICB0aGlzLmlucHV0Rm9ybUNvbnRyb2wuc2V0VmFsdWUodGhpcy5fZGVmYXVsdFZhbHVlKTtcclxuICAgICAgdGhpcy5vbkl0ZW1TZWxlY3QoXHJcbiAgICAgICAgdGhpcy5uZXdJdGVtcy5maW5kKChpdGVtKSA9PiBpdGVtLnZhbHVlID09IHRoaXMuX2RlZmF1bHRWYWx1ZSkhLFxyXG4gICAgICAgIGZhbHNlXHJcbiAgICAgICk7XHJcbiAgICB9XHJcbiAgfVxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcclxuICB9XHJcbiAgY2hhbmdlSXRlbXNUeXBlKGl0ZW1zOiBhbnlbXSk6IE1lbnVJdGVtPFQ+W10ge1xyXG4gICAgcmV0dXJuIGl0ZW1zLm1hcCgoaXRlbSkgPT4ge1xyXG4gICAgICByZXR1cm4ge1xyXG4gICAgICAgIHRpdGxlOiBpdGVtW3RoaXMuX3RpdGxlS2V5XSxcclxuICAgICAgICB2YWx1ZTogaXRlbVt0aGlzLl92YWx1ZUtleV0sXHJcbiAgICAgIH07XHJcbiAgICB9KTtcclxuICB9XHJcbiAgb3Blbk1lbnVDbGljaygpIHtcclxuICAgIHRoaXMuaXNPcGVuTWVudSA9ICF0aGlzLmlzT3Blbk1lbnU7XHJcbiAgfVxyXG4gIG9uSXRlbVNlbGVjdChzZWxlY3RlZEl0ZW06IE1lbnVJdGVtPFQ+LCBpc0Zyb21VaTogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgaWYgKGlzRnJvbVVpKSB0aGlzLmlucHV0Rm9ybUNvbnRyb2wubWFya0FzVG91Y2hlZCgpO1xyXG4gICAgdGhpcy5pc09wZW5NZW51ID0gZmFsc2U7XHJcbiAgICB0aGlzLnNlbGVjdGVkSXRlbSA9IHNlbGVjdGVkSXRlbTtcclxuICAgIHRoaXMuaW5wdXRGb3JtQ29udHJvbC5zZXRWYWx1ZShzZWxlY3RlZEl0ZW0udmFsdWUpO1xyXG4gICAgdGhpcy5vbkl0ZW1TZWxlY3RlZC5lbWl0KHNlbGVjdGVkSXRlbS52YWx1ZSk7XHJcbiAgfVxyXG4gIGZvY3VzT3V0KCkge1xyXG4gICAgdGhpcy5pc09wZW5NZW51ID0gZmFsc2U7XHJcbiAgICB0aGlzLmlucHV0Rm9ybUNvbnRyb2wubWFya0FzVG91Y2hlZCgpO1xyXG4gIH1cclxuICByZW1vdmVkVGV4dCgpIHtcclxuICAgIHRoaXMuc2VsZWN0ZWRJdGVtID0ge30gYXMgTWVudUl0ZW08VD47XHJcbiAgICB0aGlzLmlucHV0Rm9ybUNvbnRyb2wuc2V0VmFsdWUoJycpO1xyXG4gICAgdGhpcy5vbkl0ZW1TZWxlY3RlZC5lbWl0KCcnKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiB0YWJpbmRleD1cIi0xXCIgY2xhc3M9XCJkcm9wZG93blwiIChmb2N1c291dCk9XCJmb2N1c091dCgpXCI+XHJcbiAgPGNsb3NlLWljb25cclxuICAgICpuZ0lmPVwic2VsZWN0ZWRJdGVtLnRpdGxlXCJcclxuICAgIChjbGljayk9XCJyZW1vdmVkVGV4dCgpXCJcclxuICAgIGNsYXNzPVwiYWJzb2x1dGUgdy00IHRvcC0yIHJpZ2h0LTIgZmlsbC1ncmF5LTYwMFwiXHJcbiAgPjwvY2xvc2UtaWNvbj5cclxuICA8ZGl2XHJcbiAgICBjbGFzcz1cInNlbGVjdFwiXHJcbiAgICBbbmdDbGFzc109XCJ7XHJcbiAgICAgICdzZWxlY3QtY2xpY2tlZCc6IGlzT3Blbk1lbnUsXHJcbiAgICAgIHNlbGVjdEVycm9yOiBpbnB1dEZvcm1Db250cm9sLnRvdWNoZWQgJiYgaW5wdXRGb3JtQ29udHJvbC5lcnJvcnNcclxuICAgIH1cIlxyXG4gICAgKGNsaWNrKT1cIm9wZW5NZW51Q2xpY2soKVwiXHJcbiAgPlxyXG4gICAgPHNwYW5cclxuICAgICAgY2xhc3M9XCJwbGFjZWhvbGRlci10b3BcIlxyXG4gICAgICAqbmdJZj1cIihzZWxlY3RlZEl0ZW0gfCBqc29uKSAhPSAoe30gfCBqc29uKVwiXHJcbiAgICAgID57eyBsYWJlbCB9fTwvc3BhblxyXG4gICAgPlxyXG4gICAgPGFycm93LWRvd24taWNvblxyXG4gICAgICBjbGFzcz1cImNhcmV0IGZpbGwtc2Vjb25kYXJ5LXRleHQtY29sb3IgaC02XCJcclxuICAgICAgW25nQ2xhc3NdPVwieyAnY2FyZXQtcm90YXRlJzogaXNPcGVuTWVudSB9XCJcclxuICAgID48L2Fycm93LWRvd24taWNvbj5cclxuXHJcbiAgICA8c3BhblxyXG4gICAgICBbbmdDbGFzc109XCJbXHJcbiAgICAgICAgbGFiZWwubGVuZ3RoID4gMCAmJiAoc2VsZWN0ZWRJdGVtIHwganNvbikgPT0gKHt9IHwganNvbilcclxuICAgICAgICAgID8gJ3BsYWNlaG9sZGVyJ1xyXG4gICAgICAgICAgOiAnc2VsZWN0ZWQnXHJcbiAgICAgIF1cIlxyXG4gICAgICA+e3tcclxuICAgICAgICBsYWJlbC5sZW5ndGggPiAwICYmIChzZWxlY3RlZEl0ZW0gfCBqc29uKSA9PSAoe30gfCBqc29uKVxyXG4gICAgICAgICAgPyBsYWJlbFxyXG4gICAgICAgICAgOiBzZWxlY3RlZEl0ZW0udGl0bGVcclxuICAgICAgfX08L3NwYW5cclxuICAgID5cclxuICA8L2Rpdj5cclxuICA8dWwgY2xhc3M9XCJtZW51XCIgW25nQ2xhc3NdPVwieyAnbWVudS1vcGVuJzogaXNPcGVuTWVudSB9XCI+XHJcbiAgICA8bGlcclxuICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgbmV3SXRlbXNcIlxyXG4gICAgICBbbmdDbGFzc109XCJ7IGFjdGl2ZTogaXRlbSA9PSBzZWxlY3RlZEl0ZW0gfVwiXHJcbiAgICAgIChjbGljayk9XCJvbkl0ZW1TZWxlY3QoaXRlbSwgdHJ1ZSlcIlxyXG4gICAgPlxyXG4gICAgICB7eyBpdGVtLnRpdGxlIH19XHJcbiAgICA8L2xpPlxyXG4gIDwvdWw+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "../../../svg-icon/pelak-icon/pelak-icon.component";
|
|
5
|
+
import * as i3 from "../../pipes/persian-digits.pipe";
|
|
6
|
+
export class CoreRowPelakComponent {
|
|
7
|
+
ngOnInit() { }
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreRowPelakComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CoreRowPelakComponent, selector: "app-core-row-pelak", inputs: { data: "data", column: "column" }, ngImport: i0, template: "<div class=\"flex gap-1\" *ngIf=\"data.register\">\r\n <div class=\"row w-12\">\r\n <img class=\"img-iran p-1\" src=\"../../../assets/images/iran.png\" />\r\n <span class=\"row1\">{{ data[column.key].columnFour | persianDigits }}</span>\r\n </div>\r\n <span class=\"row w-9\">{{\r\n data[column.key].columnThree | persianDigits\r\n }}</span>\r\n <span class=\"row w-5\">{{ data[column.key].columnTwo | persianDigits }}</span>\r\n <span class=\"row w-6\">{{ data[column.key].columnOne | persianDigits }}</span>\r\n <pelak-icon class=\"h-8 w-6\"></pelak-icon>\r\n</div>\r\n", styles: [".row{display:flex;height:32px;justify-content:center;align-items:center;background:#80808026;padding-inline:4px;border-radius:6px}.row1{display:flex;justify-content:center;align-items:center;padding-inline:4px;border-radius:6px}.img-iran{height:28px;border-left:2px solid rgba(51,51,51,.4588235294)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PelakIconComponent, selector: "pelak-icon" }, { kind: "pipe", type: i3.PersianDigitsPipe, name: "persianDigits" }] }); }
|
|
10
|
+
}
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CoreRowPelakComponent, decorators: [{
|
|
12
|
+
type: Component,
|
|
13
|
+
args: [{ selector: 'app-core-row-pelak', template: "<div class=\"flex gap-1\" *ngIf=\"data.register\">\r\n <div class=\"row w-12\">\r\n <img class=\"img-iran p-1\" src=\"../../../assets/images/iran.png\" />\r\n <span class=\"row1\">{{ data[column.key].columnFour | persianDigits }}</span>\r\n </div>\r\n <span class=\"row w-9\">{{\r\n data[column.key].columnThree | persianDigits\r\n }}</span>\r\n <span class=\"row w-5\">{{ data[column.key].columnTwo | persianDigits }}</span>\r\n <span class=\"row w-6\">{{ data[column.key].columnOne | persianDigits }}</span>\r\n <pelak-icon class=\"h-8 w-6\"></pelak-icon>\r\n</div>\r\n", styles: [".row{display:flex;height:32px;justify-content:center;align-items:center;background:#80808026;padding-inline:4px;border-radius:6px}.row1{display:flex;justify-content:center;align-items:center;padding-inline:4px;border-radius:6px}.img-iran{height:28px;border-left:2px solid rgba(51,51,51,.4588235294)}\n"] }]
|
|
14
|
+
}], propDecorators: { data: [{
|
|
15
|
+
type: Input,
|
|
16
|
+
args: [{ required: true }]
|
|
17
|
+
}], column: [{
|
|
18
|
+
type: Input,
|
|
19
|
+
args: [{ required: true }]
|
|
20
|
+
}] } });
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1yb3ctcGVsYWsuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtdGFibGUvY29yZS1yb3ctcGVsYWsvY29yZS1yb3ctcGVsYWsuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFsY29uLWxpYi9zcmMvbGliL2NvcmUtdGFibGUvY29yZS1yb3ctcGVsYWsvY29yZS1yb3ctcGVsYWsuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBT2pELE1BQU0sT0FBTyxxQkFBcUI7SUFHaEMsUUFBUSxLQUFVLENBQUM7K0dBSFIscUJBQXFCO21HQUFyQixxQkFBcUIsc0dDUGxDLDZrQkFZQTs7NEZETGEscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLG9CQUFvQjs4QkFLSCxJQUFJO3NCQUE5QixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFDRSxNQUFNO3NCQUFoQyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWNvcmUtcm93LXBlbGFrJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29yZS1yb3ctcGVsYWsuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NvcmUtcm93LXBlbGFrLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb3JlUm93UGVsYWtDb21wb25lbnQge1xyXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIGRhdGEhOiBhbnk7XHJcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgY29sdW1uITogYW55O1xyXG4gIG5nT25Jbml0KCk6IHZvaWQge31cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZmxleCBnYXAtMVwiICpuZ0lmPVwiZGF0YS5yZWdpc3RlclwiPlxyXG4gIDxkaXYgY2xhc3M9XCJyb3cgdy0xMlwiPlxyXG4gICAgPGltZyBjbGFzcz1cImltZy1pcmFuIHAtMVwiIHNyYz1cIi4uLy4uLy4uL2Fzc2V0cy9pbWFnZXMvaXJhbi5wbmdcIiAvPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJyb3cxXCI+e3sgZGF0YVtjb2x1bW4ua2V5XS5jb2x1bW5Gb3VyIHwgcGVyc2lhbkRpZ2l0cyB9fTwvc3Bhbj5cclxuICA8L2Rpdj5cclxuICA8c3BhbiBjbGFzcz1cInJvdyB3LTlcIj57e1xyXG4gICAgZGF0YVtjb2x1bW4ua2V5XS5jb2x1bW5UaHJlZSB8IHBlcnNpYW5EaWdpdHNcclxuICB9fTwvc3Bhbj5cclxuICA8c3BhbiBjbGFzcz1cInJvdyB3LTVcIj57eyBkYXRhW2NvbHVtbi5rZXldLmNvbHVtblR3byB8IHBlcnNpYW5EaWdpdHMgfX08L3NwYW4+XHJcbiAgPHNwYW4gY2xhc3M9XCJyb3cgdy02XCI+e3sgZGF0YVtjb2x1bW4ua2V5XS5jb2x1bW5PbmUgfCBwZXJzaWFuRGlnaXRzIH19PC9zcGFuPlxyXG4gIDxwZWxhay1pY29uIGNsYXNzPVwiaC04IHctNlwiPjwvcGVsYWstaWNvbj5cclxuPC9kaXY+XHJcbiJdfQ==
|