primekit 1.0.11 → 1.0.13
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/README.md +25 -25
- package/esm2022/lib/lib/atomix-alert/atomix-alert.component.mjs +76 -0
- package/esm2022/lib/lib/atomix-autocomplete/atomix-autocomplete.component.mjs +108 -0
- package/esm2022/lib/lib/atomix-button/atomix-button.component.mjs +49 -0
- package/esm2022/lib/lib/atomix-button/atomix-button.models.mjs +2 -0
- package/esm2022/lib/lib/atomix-calendar/atomix-calendar.component.mjs +90 -0
- package/esm2022/lib/lib/atomix-card/atomix-card.component.mjs +24 -0
- package/esm2022/lib/lib/atomix-confirmation-dialog/atomix-confirmation-dialog.component.mjs +28 -0
- package/esm2022/lib/lib/atomix-daterange-calendar/atomix-daterange-calendar.component.mjs +717 -0
- package/esm2022/lib/lib/atomix-divider/atomix-divider.component.mjs +27 -0
- package/esm2022/lib/lib/atomix-dropdown/atomix-dropdown.component.mjs +105 -0
- package/esm2022/lib/lib/atomix-dynamic-dialog/atomix-dynamic-dialog.component.mjs +38 -0
- package/esm2022/lib/lib/atomix-dynamic-dialog/atomix-dynamic-dialog.models.mjs +2 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-autocomplete/atomix-form-autocomplete.component.mjs +67 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-calendar/atomix-form-calendar.component.mjs +59 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-checkbox/atomix-form-checkbox.component.mjs +48 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-chips/atomix-form-chips.component.mjs +54 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-chips/form.chips.models.mjs +2 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-dropdown/atomix-form-dropdown.component.mjs +70 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-input-component/atomix-form-input-component.component.mjs +80 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-inputmask-component/atomix-form-inputmask-component.component.mjs +48 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-password-component/atomix-form-password-component.component.mjs +48 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-radio-button/atomix-radio-button.component.mjs +46 -0
- package/esm2022/lib/lib/atomix-form/atomix-form-textarea/atomix-form-textarea.component.mjs +46 -0
- package/esm2022/lib/lib/atomix-input/atomix-input.component.mjs +94 -0
- package/esm2022/lib/lib/atomix-input-switch/atomix-input-switch.component.mjs +85 -0
- package/esm2022/lib/lib/atomix-loading-overlay/atomix-loading-overlay.component.mjs +44 -0
- package/esm2022/lib/lib/atomix-messages/messages.component.mjs +33 -0
- package/esm2022/lib/lib/atomix-pagination/atomix-pagination.component.mjs +48 -0
- package/esm2022/lib/lib/atomix-radio-button/atomix-radio-button.component.mjs +50 -0
- package/esm2022/lib/lib/atomix-search-dropdown/atomix-search-dropdown.component.mjs +149 -0
- package/esm2022/lib/lib/atomix-select-button/atomix-select-button-models.mjs +2 -0
- package/esm2022/lib/lib/atomix-select-button/atomix-select-button.component.mjs +25 -0
- package/esm2022/lib/lib/atomix-snackbar/atomix-snackbar.component.mjs +29 -0
- package/esm2022/lib/lib/atomix-spinner/atomix-spinner.component.mjs +24 -0
- package/esm2022/lib/lib/atomix-steps/atomix-steps.component.mjs +41 -0
- package/esm2022/lib/lib/atomix-tabMenu/atomix-tabMenu.component.mjs +51 -0
- package/esm2022/lib/lib/atomix-table/atomix-table.component.mjs +454 -0
- package/esm2022/lib/lib/atomix-table/atomix-table.models.mjs +2 -0
- package/esm2022/lib/lib/atomix-tag/atomix-tag.component.mjs +24 -0
- package/esm2022/lib/lib/utils/prime-icons.util.mjs +10 -0
- package/esm2022/lib/primekit.component.mjs +11 -0
- package/esm2022/lib/primekit.module.mjs +322 -0
- package/esm2022/lib/primekit.service.mjs +14 -0
- package/esm2022/primekit.mjs +5 -0
- package/esm2022/public-api.mjs +44 -0
- package/fesm2022/primekit.mjs +3158 -0
- package/fesm2022/primekit.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/lib/atomix-alert/atomix-alert.component.d.ts +22 -0
- package/lib/lib/atomix-autocomplete/atomix-autocomplete.component.d.ts +34 -0
- package/lib/lib/atomix-button/atomix-button.component.d.ts +19 -0
- package/{src/lib/lib/atomix-button/atomix-button.models.ts → lib/lib/atomix-button/atomix-button.models.d.ts} +2 -2
- package/lib/lib/atomix-calendar/atomix-calendar.component.d.ts +27 -0
- package/lib/lib/atomix-card/atomix-card.component.d.ts +9 -0
- package/lib/lib/atomix-confirmation-dialog/atomix-confirmation-dialog.component.d.ts +12 -0
- package/lib/lib/atomix-daterange-calendar/atomix-daterange-calendar.component.d.ts +79 -0
- package/lib/lib/atomix-divider/atomix-divider.component.d.ts +12 -0
- package/lib/lib/atomix-dropdown/atomix-dropdown.component.d.ts +50 -0
- package/lib/lib/atomix-dynamic-dialog/atomix-dynamic-dialog.component.d.ts +15 -0
- package/lib/lib/atomix-dynamic-dialog/atomix-dynamic-dialog.models.d.ts +11 -0
- package/lib/lib/atomix-form/atomix-form-autocomplete/atomix-form-autocomplete.component.d.ts +25 -0
- package/lib/lib/atomix-form/atomix-form-calendar/atomix-form-calendar.component.d.ts +23 -0
- package/lib/lib/atomix-form/atomix-form-checkbox/atomix-form-checkbox.component.d.ts +18 -0
- package/lib/lib/atomix-form/atomix-form-chips/atomix-form-chips.component.d.ts +19 -0
- package/lib/lib/atomix-form/atomix-form-chips/form.chips.models.d.ts +5 -0
- package/lib/lib/atomix-form/atomix-form-dropdown/atomix-form-dropdown.component.d.ts +25 -0
- package/lib/lib/atomix-form/atomix-form-input-component/atomix-form-input-component.component.d.ts +28 -0
- package/lib/lib/atomix-form/atomix-form-inputmask-component/atomix-form-inputmask-component.component.d.ts +17 -0
- package/lib/lib/atomix-form/atomix-form-password-component/atomix-form-password-component.component.d.ts +17 -0
- package/lib/lib/atomix-form/atomix-form-radio-button/atomix-radio-button.component.d.ts +19 -0
- package/lib/lib/atomix-form/atomix-form-textarea/atomix-form-textarea.component.d.ts +17 -0
- package/lib/lib/atomix-input/atomix-input.component.d.ts +29 -0
- package/lib/lib/atomix-input-switch/atomix-input-switch.component.d.ts +30 -0
- package/lib/lib/atomix-loading-overlay/atomix-loading-overlay.component.d.ts +16 -0
- package/lib/lib/atomix-messages/messages.component.d.ts +13 -0
- package/lib/lib/atomix-pagination/atomix-pagination.component.d.ts +19 -0
- package/lib/lib/atomix-radio-button/atomix-radio-button.component.d.ts +15 -0
- package/lib/lib/atomix-search-dropdown/atomix-search-dropdown.component.d.ts +60 -0
- package/{src/lib/lib/atomix-select-button/atomix-select-button-models.ts → lib/lib/atomix-select-button/atomix-select-button-models.d.ts} +4 -4
- package/lib/lib/atomix-select-button/atomix-select-button.component.d.ts +12 -0
- package/lib/lib/atomix-snackbar/atomix-snackbar.component.d.ts +12 -0
- package/lib/lib/atomix-spinner/atomix-spinner.component.d.ts +9 -0
- package/lib/lib/atomix-steps/atomix-steps.component.d.ts +19 -0
- package/lib/lib/atomix-tabMenu/atomix-tabMenu.component.d.ts +19 -0
- package/lib/lib/atomix-table/atomix-table.component.d.ts +119 -0
- package/lib/lib/atomix-table/atomix-table.models.d.ts +43 -0
- package/lib/lib/atomix-tag/atomix-tag.component.d.ts +9 -0
- package/lib/lib/utils/prime-icons.util.d.ts +3 -0
- package/lib/primekit.component.d.ts +5 -0
- package/lib/primekit.module.d.ts +72 -0
- package/lib/primekit.service.d.ts +6 -0
- package/package.json +28 -15
- package/{src/public-api.ts → public-api.d.ts} +38 -47
- package/src/assets/images/empty-table.svg +25 -25
- package/ng-package.json +0 -8
- package/src/lib/lib/atomix-alert/atomix-alert.component.css +0 -67
- package/src/lib/lib/atomix-alert/atomix-alert.component.html +0 -7
- package/src/lib/lib/atomix-alert/atomix-alert.component.spec.ts +0 -154
- package/src/lib/lib/atomix-alert/atomix-alert.component.ts +0 -75
- package/src/lib/lib/atomix-autocomplete/atomix-autocomplete.component.html +0 -35
- package/src/lib/lib/atomix-autocomplete/atomix-autocomplete.component.scss +0 -72
- package/src/lib/lib/atomix-autocomplete/atomix-autocomplete.component.spec.ts +0 -210
- package/src/lib/lib/atomix-autocomplete/atomix-autocomplete.component.ts +0 -70
- package/src/lib/lib/atomix-button/atomix-button.component.css +0 -70
- package/src/lib/lib/atomix-button/atomix-button.component.html +0 -20
- package/src/lib/lib/atomix-button/atomix-button.component.spec.ts +0 -135
- package/src/lib/lib/atomix-button/atomix-button.component.ts +0 -28
- package/src/lib/lib/atomix-calendar/atomix-calendar.component.css +0 -5
- package/src/lib/lib/atomix-calendar/atomix-calendar.component.html +0 -20
- package/src/lib/lib/atomix-calendar/atomix-calendar.component.spec.ts +0 -145
- package/src/lib/lib/atomix-calendar/atomix-calendar.component.ts +0 -71
- package/src/lib/lib/atomix-card/atomix-card.component.css +0 -4
- package/src/lib/lib/atomix-card/atomix-card.component.html +0 -3
- package/src/lib/lib/atomix-card/atomix-card.component.spec.ts +0 -63
- package/src/lib/lib/atomix-card/atomix-card.component.ts +0 -13
- package/src/lib/lib/atomix-confirmation-dialog/atomix-confirmation-dialog.component.css +0 -12
- package/src/lib/lib/atomix-confirmation-dialog/atomix-confirmation-dialog.component.html +0 -9
- package/src/lib/lib/atomix-confirmation-dialog/atomix-confirmation-dialog.component.spec.ts +0 -63
- package/src/lib/lib/atomix-confirmation-dialog/atomix-confirmation-dialog.component.ts +0 -22
- package/src/lib/lib/atomix-daterange-calendar/atomix-daterange-calendar.component.html +0 -233
- package/src/lib/lib/atomix-daterange-calendar/atomix-daterange-calendar.component.scss +0 -266
- package/src/lib/lib/atomix-daterange-calendar/atomix-daterange-calendar.component.spec.ts +0 -1465
- package/src/lib/lib/atomix-daterange-calendar/atomix-daterange-calendar.component.ts +0 -717
- package/src/lib/lib/atomix-divider/atomix-divider.component.css +0 -0
- package/src/lib/lib/atomix-divider/atomix-divider.component.html +0 -7
- package/src/lib/lib/atomix-divider/atomix-divider.component.spec.ts +0 -91
- package/src/lib/lib/atomix-divider/atomix-divider.component.ts +0 -17
- package/src/lib/lib/atomix-dropdown/atomix-dropdown.component.css +0 -25
- package/src/lib/lib/atomix-dropdown/atomix-dropdown.component.html +0 -37
- package/src/lib/lib/atomix-dropdown/atomix-dropdown.component.spec.ts +0 -178
- package/src/lib/lib/atomix-dropdown/atomix-dropdown.component.ts +0 -89
- package/src/lib/lib/atomix-dynamic-dialog/atomix-dynamic-dialog.component.css +0 -0
- package/src/lib/lib/atomix-dynamic-dialog/atomix-dynamic-dialog.component.html +0 -0
- package/src/lib/lib/atomix-dynamic-dialog/atomix-dynamic-dialog.component.spec.ts +0 -128
- package/src/lib/lib/atomix-dynamic-dialog/atomix-dynamic-dialog.component.ts +0 -42
- package/src/lib/lib/atomix-dynamic-dialog/atomix-dynamic-dialog.models.ts +0 -12
- package/src/lib/lib/atomix-form/atomix-form-autocomplete/atomix-form-autocomplete.component.html +0 -20
- package/src/lib/lib/atomix-form/atomix-form-autocomplete/atomix-form-autocomplete.component.scss +0 -7
- package/src/lib/lib/atomix-form/atomix-form-autocomplete/atomix-form-autocomplete.component.spec.ts +0 -169
- package/src/lib/lib/atomix-form/atomix-form-autocomplete/atomix-form-autocomplete.component.ts +0 -41
- package/src/lib/lib/atomix-form/atomix-form-calendar/atomix-form-calendar.component.html +0 -21
- package/src/lib/lib/atomix-form/atomix-form-calendar/atomix-form-calendar.component.scss +0 -7
- package/src/lib/lib/atomix-form/atomix-form-calendar/atomix-form-calendar.component.spec.ts +0 -142
- package/src/lib/lib/atomix-form/atomix-form-calendar/atomix-form-calendar.component.ts +0 -32
- package/src/lib/lib/atomix-form/atomix-form-checkbox/atomix-form-checkbox.component.html +0 -13
- package/src/lib/lib/atomix-form/atomix-form-checkbox/atomix-form-checkbox.component.scss +0 -14
- package/src/lib/lib/atomix-form/atomix-form-checkbox/atomix-form-checkbox.component.spec.ts +0 -112
- package/src/lib/lib/atomix-form/atomix-form-checkbox/atomix-form-checkbox.component.ts +0 -28
- package/src/lib/lib/atomix-form/atomix-form-chips/atomix-form-chips.component.html +0 -20
- package/src/lib/lib/atomix-form/atomix-form-chips/atomix-form-chips.component.scss +0 -3
- package/src/lib/lib/atomix-form/atomix-form-chips/atomix-form-chips.component.spec.ts +0 -153
- package/src/lib/lib/atomix-form/atomix-form-chips/atomix-form-chips.component.ts +0 -28
- package/src/lib/lib/atomix-form/atomix-form-chips/form.chips.models.ts +0 -5
- package/src/lib/lib/atomix-form/atomix-form-dropdown/atomix-form-dropdown.component.html +0 -24
- package/src/lib/lib/atomix-form/atomix-form-dropdown/atomix-form-dropdown.component.scss +0 -15
- package/src/lib/lib/atomix-form/atomix-form-dropdown/atomix-form-dropdown.component.spec.ts +0 -156
- package/src/lib/lib/atomix-form/atomix-form-dropdown/atomix-form-dropdown.component.ts +0 -36
- package/src/lib/lib/atomix-form/atomix-form-input-component/atomix-form-input-component.component.html +0 -33
- package/src/lib/lib/atomix-form/atomix-form-input-component/atomix-form-input-component.component.scss +0 -32
- package/src/lib/lib/atomix-form/atomix-form-input-component/atomix-form-input-component.component.spec.ts +0 -156
- package/src/lib/lib/atomix-form/atomix-form-input-component/atomix-form-input-component.component.ts +0 -42
- package/src/lib/lib/atomix-form/atomix-form-inputmask-component/atomix-form-inputmask-component.component.html +0 -14
- package/src/lib/lib/atomix-form/atomix-form-inputmask-component/atomix-form-inputmask-component.component.scss +0 -0
- package/src/lib/lib/atomix-form/atomix-form-inputmask-component/atomix-form-inputmask-component.component.spec.ts +0 -104
- package/src/lib/lib/atomix-form/atomix-form-inputmask-component/atomix-form-inputmask-component.component.ts +0 -24
- package/src/lib/lib/atomix-form/atomix-form-password-component/atomix-form-password-component.component.html +0 -16
- package/src/lib/lib/atomix-form/atomix-form-password-component/atomix-form-password-component.component.scss +0 -0
- package/src/lib/lib/atomix-form/atomix-form-password-component/atomix-form-password-component.component.spec.ts +0 -92
- package/src/lib/lib/atomix-form/atomix-form-password-component/atomix-form-password-component.component.ts +0 -24
- package/src/lib/lib/atomix-form/atomix-form-radio-button/atomix-radio-button.component.html +0 -23
- package/src/lib/lib/atomix-form/atomix-form-radio-button/atomix-radio-button.component.scss +0 -3
- package/src/lib/lib/atomix-form/atomix-form-radio-button/atomix-radio-button.component.spec.ts +0 -126
- package/src/lib/lib/atomix-form/atomix-form-radio-button/atomix-radio-button.component.ts +0 -26
- package/src/lib/lib/atomix-form/atomix-form-textarea/atomix-form-textarea.component.html +0 -17
- package/src/lib/lib/atomix-form/atomix-form-textarea/atomix-form-textarea.component.scss +0 -6
- package/src/lib/lib/atomix-form/atomix-form-textarea/atomix-form-textarea.component.spec.ts +0 -120
- package/src/lib/lib/atomix-form/atomix-form-textarea/atomix-form-textarea.component.ts +0 -24
- package/src/lib/lib/atomix-input/atomix-input.component.css +0 -52
- package/src/lib/lib/atomix-input/atomix-input.component.html +0 -45
- package/src/lib/lib/atomix-input/atomix-input.component.spec.ts +0 -229
- package/src/lib/lib/atomix-input/atomix-input.component.ts +0 -64
- package/src/lib/lib/atomix-input-switch/atomix-input-switch.component.css +0 -12
- package/src/lib/lib/atomix-input-switch/atomix-input-switch.component.html +0 -17
- package/src/lib/lib/atomix-input-switch/atomix-input-switch.component.spec.ts +0 -173
- package/src/lib/lib/atomix-input-switch/atomix-input-switch.component.ts +0 -62
- package/src/lib/lib/atomix-loading-overlay/atomix-loading-overlay.component.html +0 -47
- package/src/lib/lib/atomix-loading-overlay/atomix-loading-overlay.component.scss +0 -14
- package/src/lib/lib/atomix-loading-overlay/atomix-loading-overlay.component.spec.ts +0 -21
- package/src/lib/lib/atomix-loading-overlay/atomix-loading-overlay.component.ts +0 -25
- package/src/lib/lib/atomix-messages/messages.component.css +0 -0
- package/src/lib/lib/atomix-messages/messages.component.html +0 -9
- package/src/lib/lib/atomix-messages/messages.component.spec.ts +0 -115
- package/src/lib/lib/atomix-messages/messages.component.ts +0 -17
- package/src/lib/lib/atomix-pagination/atomix-pagination.component.css +0 -19
- package/src/lib/lib/atomix-pagination/atomix-pagination.component.html +0 -24
- package/src/lib/lib/atomix-pagination/atomix-pagination.component.spec.ts +0 -98
- package/src/lib/lib/atomix-pagination/atomix-pagination.component.ts +0 -36
- package/src/lib/lib/atomix-radio-button/atomix-radio-button.component.css +0 -0
- package/src/lib/lib/atomix-radio-button/atomix-radio-button.component.html +0 -7
- package/src/lib/lib/atomix-radio-button/atomix-radio-button.component.spec.ts +0 -116
- package/src/lib/lib/atomix-radio-button/atomix-radio-button.component.ts +0 -37
- package/src/lib/lib/atomix-search-dropdown/atomix-search-dropdown.component.css +0 -49
- package/src/lib/lib/atomix-search-dropdown/atomix-search-dropdown.component.html +0 -68
- package/src/lib/lib/atomix-search-dropdown/atomix-search-dropdown.component.spec.ts +0 -282
- package/src/lib/lib/atomix-search-dropdown/atomix-search-dropdown.component.ts +0 -119
- package/src/lib/lib/atomix-select-button/atomix-select-button.component.css +0 -5
- package/src/lib/lib/atomix-select-button/atomix-select-button.component.html +0 -7
- package/src/lib/lib/atomix-select-button/atomix-select-button.component.spec.ts +0 -73
- package/src/lib/lib/atomix-select-button/atomix-select-button.component.ts +0 -19
- package/src/lib/lib/atomix-snackbar/atomix-snackbar.component.css +0 -30
- package/src/lib/lib/atomix-snackbar/atomix-snackbar.component.html +0 -4
- package/src/lib/lib/atomix-snackbar/atomix-snackbar.component.spec.ts +0 -60
- package/src/lib/lib/atomix-snackbar/atomix-snackbar.component.ts +0 -27
- package/src/lib/lib/atomix-spinner/atomix-spinner.component.css +0 -0
- package/src/lib/lib/atomix-spinner/atomix-spinner.component.html +0 -7
- package/src/lib/lib/atomix-spinner/atomix-spinner.component.spec.ts +0 -70
- package/src/lib/lib/atomix-spinner/atomix-spinner.component.ts +0 -13
- package/src/lib/lib/atomix-steps/atomix-steps.component.html +0 -9
- package/src/lib/lib/atomix-steps/atomix-steps.component.scss +0 -0
- package/src/lib/lib/atomix-steps/atomix-steps.component.spec.ts +0 -120
- package/src/lib/lib/atomix-steps/atomix-steps.component.ts +0 -32
- package/src/lib/lib/atomix-tabMenu/atomix-tabMenu.component.css +0 -0
- package/src/lib/lib/atomix-tabMenu/atomix-tabMenu.component.html +0 -26
- package/src/lib/lib/atomix-tabMenu/atomix-tabMenu.component.spec.ts +0 -106
- package/src/lib/lib/atomix-tabMenu/atomix-tabMenu.component.ts +0 -36
- package/src/lib/lib/atomix-table/atomix-table.component.css +0 -152
- package/src/lib/lib/atomix-table/atomix-table.component.html +0 -647
- package/src/lib/lib/atomix-table/atomix-table.component.spec.ts +0 -1648
- package/src/lib/lib/atomix-table/atomix-table.component.ts +0 -422
- package/src/lib/lib/atomix-table/atomix-table.models.ts +0 -39
- package/src/lib/lib/atomix-tag/atomix-tag.component.css +0 -0
- package/src/lib/lib/atomix-tag/atomix-tag.component.html +0 -6
- package/src/lib/lib/atomix-tag/atomix-tag.component.spec.ts +0 -47
- package/src/lib/lib/atomix-tag/atomix-tag.component.ts +0 -13
- package/src/lib/lib/utils/prime-icons.util.spec.ts +0 -21
- package/src/lib/lib/utils/prime-icons.util.ts +0 -11
- package/src/lib/primekit.component.spec.ts +0 -19
- package/src/lib/primekit.component.ts +0 -10
- package/src/lib/primekit.module.spec.ts +0 -155
- package/src/lib/primekit.module.ts +0 -183
- package/src/lib/primekit.service.spec.ts +0 -17
- package/src/lib/primekit.service.ts +0 -8
- package/tsconfig.lib.json +0 -13
- package/tsconfig.lib.prod.json +0 -11
- package/tsconfig.spec.json +0 -10
|
@@ -0,0 +1,80 @@
|
|
|
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 "primeng/inputtext";
|
|
5
|
+
import * as i3 from "@angular/forms";
|
|
6
|
+
import * as i4 from "primeng/tooltip";
|
|
7
|
+
export class AtomixFormInputComponent {
|
|
8
|
+
controlName;
|
|
9
|
+
form;
|
|
10
|
+
label = '';
|
|
11
|
+
max;
|
|
12
|
+
min;
|
|
13
|
+
placeholder = '';
|
|
14
|
+
type = 'text';
|
|
15
|
+
tooltip;
|
|
16
|
+
class;
|
|
17
|
+
style;
|
|
18
|
+
isLabelIconData = {
|
|
19
|
+
iconClass: '',
|
|
20
|
+
tooltip: '',
|
|
21
|
+
};
|
|
22
|
+
isLabelIconRequired = false;
|
|
23
|
+
isLabelRequired = false;
|
|
24
|
+
tooltipPosition = 'bottom';
|
|
25
|
+
buttonText = '';
|
|
26
|
+
buttonType = 'button';
|
|
27
|
+
changeValueHandler = new EventEmitter();
|
|
28
|
+
buttonClick = new EventEmitter();
|
|
29
|
+
get control() {
|
|
30
|
+
return this.form.get(this.controlName);
|
|
31
|
+
}
|
|
32
|
+
onInput(event) {
|
|
33
|
+
console.log(this.buttonType);
|
|
34
|
+
const input = event.target;
|
|
35
|
+
this.changeValueHandler.emit(input.value);
|
|
36
|
+
}
|
|
37
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
38
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormInputComponent, selector: "atomix-form-input", inputs: { controlName: "controlName", form: "form", label: "label", max: "max", min: "min", placeholder: "placeholder", type: "type", tooltip: "tooltip", class: "class", style: "style", isLabelIconData: "isLabelIconData", isLabelIconRequired: "isLabelIconRequired", isLabelRequired: "isLabelRequired", tooltipPosition: "tooltipPosition", buttonText: "buttonText", buttonType: "buttonType" }, outputs: { changeValueHandler: "changeValueHandler", buttonClick: "buttonClick" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }} <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span\n ><i\n *ngIf=\"isLabelIconRequired\"\n [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\n [pTooltip]=\"isLabelIconData?.tooltip\"\n ></i\n></label>\n<div class=\"input-wrapper\">\n <input\n pInputText\n [id]=\"controlName\"\n [formControl]=\"control\"\n [placeholder]=\"placeholder\"\n [maxlength]=\"max\"\n [min]=\"min\"\n (input)=\"onInput($event)\"\n [pTooltip]=\"tooltip\"\n [type]=\"type\"\n [tooltipPosition]=\"tooltipPosition\"\n [ngClass]=\"class + ' lib-input-field' + (buttonText ? ' with-button' : '')\"\n autocomplete=\"new-password\"\n [style]=\"style\"\n />\n <button\n *ngIf=\"buttonText\"\n (click)=\"buttonClick.emit()\"\n class=\"inline-button\"\n [type]=\"buttonType\"\n >\n {{ buttonText }}\n </button>\n</div>\n", styles: ["::ng-deep .lib-input-field{border-radius:var(--global-border-radius);margin-top:.2rem}::ng-deep .lib-input-field.with-button{padding-right:6rem}.error-asterisk{color:red}.input-wrapper{position:relative}.inline-button{position:absolute;right:5px;background-color:transparent;color:#63b77e;font-weight:700;border:none;cursor:pointer;font-size:.875rem;height:95%;margin-top:.2rem;border-left:1px solid grey}.inline-button:focus{outline:none}.inline-button:hover{background-color:transparent}\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: i2.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
39
|
+
}
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormInputComponent, decorators: [{
|
|
41
|
+
type: Component,
|
|
42
|
+
args: [{ selector: 'atomix-form-input', template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }} <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span\n ><i\n *ngIf=\"isLabelIconRequired\"\n [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\n [pTooltip]=\"isLabelIconData?.tooltip\"\n ></i\n></label>\n<div class=\"input-wrapper\">\n <input\n pInputText\n [id]=\"controlName\"\n [formControl]=\"control\"\n [placeholder]=\"placeholder\"\n [maxlength]=\"max\"\n [min]=\"min\"\n (input)=\"onInput($event)\"\n [pTooltip]=\"tooltip\"\n [type]=\"type\"\n [tooltipPosition]=\"tooltipPosition\"\n [ngClass]=\"class + ' lib-input-field' + (buttonText ? ' with-button' : '')\"\n autocomplete=\"new-password\"\n [style]=\"style\"\n />\n <button\n *ngIf=\"buttonText\"\n (click)=\"buttonClick.emit()\"\n class=\"inline-button\"\n [type]=\"buttonType\"\n >\n {{ buttonText }}\n </button>\n</div>\n", styles: ["::ng-deep .lib-input-field{border-radius:var(--global-border-radius);margin-top:.2rem}::ng-deep .lib-input-field.with-button{padding-right:6rem}.error-asterisk{color:red}.input-wrapper{position:relative}.inline-button{position:absolute;right:5px;background-color:transparent;color:#63b77e;font-weight:700;border:none;cursor:pointer;font-size:.875rem;height:95%;margin-top:.2rem;border-left:1px solid grey}.inline-button:focus{outline:none}.inline-button:hover{background-color:transparent}\n"] }]
|
|
43
|
+
}], propDecorators: { controlName: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}], form: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}], label: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}], max: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}], min: [{
|
|
52
|
+
type: Input
|
|
53
|
+
}], placeholder: [{
|
|
54
|
+
type: Input
|
|
55
|
+
}], type: [{
|
|
56
|
+
type: Input
|
|
57
|
+
}], tooltip: [{
|
|
58
|
+
type: Input
|
|
59
|
+
}], class: [{
|
|
60
|
+
type: Input
|
|
61
|
+
}], style: [{
|
|
62
|
+
type: Input
|
|
63
|
+
}], isLabelIconData: [{
|
|
64
|
+
type: Input
|
|
65
|
+
}], isLabelIconRequired: [{
|
|
66
|
+
type: Input
|
|
67
|
+
}], isLabelRequired: [{
|
|
68
|
+
type: Input
|
|
69
|
+
}], tooltipPosition: [{
|
|
70
|
+
type: Input
|
|
71
|
+
}], buttonText: [{
|
|
72
|
+
type: Input
|
|
73
|
+
}], buttonType: [{
|
|
74
|
+
type: Input
|
|
75
|
+
}], changeValueHandler: [{
|
|
76
|
+
type: Output
|
|
77
|
+
}], buttonClick: [{
|
|
78
|
+
type: Output
|
|
79
|
+
}] } });
|
|
80
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWZvcm0taW5wdXQtY29tcG9uZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ByaW1la2l0L3NyYy9saWIvbGliL2F0b21peC1mb3JtL2F0b21peC1mb3JtLWlucHV0LWNvbXBvbmVudC9hdG9taXgtZm9ybS1pbnB1dC1jb21wb25lbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0taW5wdXQtY29tcG9uZW50L2F0b21peC1mb3JtLWlucHV0LWNvbXBvbmVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFTdkUsTUFBTSxPQUFPLHdCQUF3QjtJQUMxQixXQUFXLENBQVU7SUFDckIsSUFBSSxDQUFhO0lBQ2pCLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDWCxHQUFHLENBQWlCO0lBQ3BCLEdBQUcsQ0FBVTtJQUNiLFdBQVcsR0FBRyxFQUFFLENBQUM7SUFDakIsSUFBSSxHQUFHLE1BQU0sQ0FBQztJQUNkLE9BQU8sQ0FBVTtJQUNqQixLQUFLLENBQVU7SUFDZixLQUFLLENBQU07SUFDWCxlQUFlLEdBQWtCO1FBQ3hDLFNBQVMsRUFBRSxFQUFFO1FBQ2IsT0FBTyxFQUFFLEVBQUU7S0FDWixDQUFDO0lBQ08sbUJBQW1CLEdBQVksS0FBSyxDQUFDO0lBQ3JDLGVBQWUsR0FBWSxLQUFLLENBQUM7SUFDakMsZUFBZSxHQUF3QyxRQUFRLENBQUM7SUFDaEUsVUFBVSxHQUFXLEVBQUUsQ0FBQztJQUN4QixVQUFVLEdBQXdCLFFBQVEsQ0FBQztJQUMxQyxrQkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBQ2hELFdBQVcsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBRWpELElBQUksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBZ0IsQ0FBQztJQUN4RCxDQUFDO0lBQ0QsT0FBTyxDQUFDLEtBQVk7UUFDbEIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDN0IsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLE1BQTBCLENBQUM7UUFFL0MsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUMsQ0FBQzt3R0EvQlUsd0JBQXdCOzRGQUF4Qix3QkFBd0Isb2hCQ1RyQyxtNkJBaUNBOzs0RkR4QmEsd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNFLG1CQUFtQjs4QkFLcEIsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFJRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDSSxrQkFBa0I7c0JBQTNCLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTGFiZWxJY29uRGF0YSB9IGZyb20gJy4uL2F0b21peC1mb3JtLWNoaXBzL2Zvcm0uY2hpcHMubW9kZWxzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXRvbWl4LWZvcm0taW5wdXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vYXRvbWl4LWZvcm0taW5wdXQtY29tcG9uZW50LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYXRvbWl4LWZvcm0taW5wdXQtY29tcG9uZW50LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEF0b21peEZvcm1JbnB1dENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNvbnRyb2xOYW1lITogc3RyaW5nO1xuICBASW5wdXQoKSBmb3JtITogRm9ybUdyb3VwO1xuICBASW5wdXQoKSBsYWJlbCA9ICcnO1xuICBASW5wdXQoKSBtYXghOiBudW1iZXIgfCBudWxsO1xuICBASW5wdXQoKSBtaW4hOiBudW1iZXI7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJyc7XG4gIEBJbnB1dCgpIHR5cGUgPSAndGV4dCc7XG4gIEBJbnB1dCgpIHRvb2x0aXAhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGNsYXNzITogc3RyaW5nO1xuICBASW5wdXQoKSBzdHlsZTogYW55O1xuICBASW5wdXQoKSBpc0xhYmVsSWNvbkRhdGE6IExhYmVsSWNvbkRhdGEgPSB7XG4gICAgaWNvbkNsYXNzOiAnJyxcbiAgICB0b29sdGlwOiAnJyxcbiAgfTtcbiAgQElucHV0KCkgaXNMYWJlbEljb25SZXF1aXJlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBpc0xhYmVsUmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgdG9vbHRpcFBvc2l0aW9uOiAncmlnaHQnIHwgJ2xlZnQnIHwgJ3RvcCcgfCAnYm90dG9tJyA9ICdib3R0b20nO1xuICBASW5wdXQoKSBidXR0b25UZXh0OiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgYnV0dG9uVHlwZTogJ2J1dHRvbicgfCAnc3VibWl0JyA9ICdidXR0b24nO1xuICBAT3V0cHV0KCkgY2hhbmdlVmFsdWVIYW5kbGVyID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIEBPdXRwdXQoKSBidXR0b25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBnZXQgY29udHJvbCgpIHtcbiAgICByZXR1cm4gdGhpcy5mb3JtLmdldCh0aGlzLmNvbnRyb2xOYW1lKSBhcyBGb3JtQ29udHJvbDtcbiAgfVxuICBvbklucHV0KGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnNvbGUubG9nKHRoaXMuYnV0dG9uVHlwZSk7XG4gICAgY29uc3QgaW5wdXQgPSBldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudDtcblxuICAgIHRoaXMuY2hhbmdlVmFsdWVIYW5kbGVyLmVtaXQoaW5wdXQudmFsdWUpO1xuICB9XG59XG4iLCI8bGFiZWwgKm5nSWY9XCJsYWJlbFwiIFtmb3JdPVwiY29udHJvbE5hbWVcIlxuICA+e3sgbGFiZWwgfX0gPHNwYW4gKm5nSWY9XCJpc0xhYmVsUmVxdWlyZWRcIiBjbGFzcz1cImVycm9yLWFzdGVyaXNrXCI+Kjwvc3BhblxuICA+PGlcbiAgICAqbmdJZj1cImlzTGFiZWxJY29uUmVxdWlyZWRcIlxuICAgIFtjbGFzc109XCJpc0xhYmVsSWNvbkRhdGE/Lmljb25DbGFzcyArICcgbWwtMidcIlxuICAgIFtwVG9vbHRpcF09XCJpc0xhYmVsSWNvbkRhdGE/LnRvb2x0aXBcIlxuICA+PC9pXG4+PC9sYWJlbD5cbjxkaXYgY2xhc3M9XCJpbnB1dC13cmFwcGVyXCI+XG4gIDxpbnB1dFxuICAgIHBJbnB1dFRleHRcbiAgICBbaWRdPVwiY29udHJvbE5hbWVcIlxuICAgIFtmb3JtQ29udHJvbF09XCJjb250cm9sXCJcbiAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgIFttYXhsZW5ndGhdPVwibWF4XCJcbiAgICBbbWluXT1cIm1pblwiXG4gICAgKGlucHV0KT1cIm9uSW5wdXQoJGV2ZW50KVwiXG4gICAgW3BUb29sdGlwXT1cInRvb2x0aXBcIlxuICAgIFt0eXBlXT1cInR5cGVcIlxuICAgIFt0b29sdGlwUG9zaXRpb25dPVwidG9vbHRpcFBvc2l0aW9uXCJcbiAgICBbbmdDbGFzc109XCJjbGFzcyArICcgbGliLWlucHV0LWZpZWxkJyArIChidXR0b25UZXh0ID8gJyB3aXRoLWJ1dHRvbicgOiAnJylcIlxuICAgIGF1dG9jb21wbGV0ZT1cIm5ldy1wYXNzd29yZFwiXG4gICAgW3N0eWxlXT1cInN0eWxlXCJcbiAgLz5cbiAgPGJ1dHRvblxuICAgICpuZ0lmPVwiYnV0dG9uVGV4dFwiXG4gICAgKGNsaWNrKT1cImJ1dHRvbkNsaWNrLmVtaXQoKVwiXG4gICAgY2xhc3M9XCJpbmxpbmUtYnV0dG9uXCJcbiAgICBbdHlwZV09XCJidXR0b25UeXBlXCJcbiAgPlxuICAgIHt7IGJ1dHRvblRleHQgfX1cbiAgPC9idXR0b24+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,48 @@
|
|
|
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 "@angular/forms";
|
|
5
|
+
import * as i3 from "primeng/tooltip";
|
|
6
|
+
import * as i4 from "primeng/inputmask";
|
|
7
|
+
export class AtomixFormInputmaskComponent {
|
|
8
|
+
controlName;
|
|
9
|
+
form;
|
|
10
|
+
mask = 'text';
|
|
11
|
+
label = '';
|
|
12
|
+
placeholder = '';
|
|
13
|
+
slotChar = '';
|
|
14
|
+
tooltip;
|
|
15
|
+
tooltipPosition = 'bottom';
|
|
16
|
+
isLabelRequired = false;
|
|
17
|
+
class;
|
|
18
|
+
get control() {
|
|
19
|
+
return this.form.get(this.controlName);
|
|
20
|
+
}
|
|
21
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormInputmaskComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormInputmaskComponent, selector: "atomix-form-inputmask", inputs: { controlName: "controlName", form: "form", mask: "mask", label: "label", placeholder: "placeholder", slotChar: "slotChar", tooltip: "tooltip", tooltipPosition: "tooltipPosition", isLabelRequired: "isLabelRequired", class: "class" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<p-inputMask\n [formControl]=\"control\"\n [id]=\"controlName\"\n [mask]=\"mask\"\n [placeholder]=\"placeholder\"\n [pTooltip]=\"tooltip\"\n [slotChar]=\"slotChar\"\n [tooltipPosition]=\"tooltipPosition\"\n [ngClass]=\"class\"\n/>\n", styles: [""], 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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.InputMask, selector: "p-inputMask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }] });
|
|
23
|
+
}
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormInputmaskComponent, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{ selector: 'atomix-form-inputmask', template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<p-inputMask\n [formControl]=\"control\"\n [id]=\"controlName\"\n [mask]=\"mask\"\n [placeholder]=\"placeholder\"\n [pTooltip]=\"tooltip\"\n [slotChar]=\"slotChar\"\n [tooltipPosition]=\"tooltipPosition\"\n [ngClass]=\"class\"\n/>\n" }]
|
|
27
|
+
}], propDecorators: { controlName: [{
|
|
28
|
+
type: Input
|
|
29
|
+
}], form: [{
|
|
30
|
+
type: Input
|
|
31
|
+
}], mask: [{
|
|
32
|
+
type: Input
|
|
33
|
+
}], label: [{
|
|
34
|
+
type: Input
|
|
35
|
+
}], placeholder: [{
|
|
36
|
+
type: Input
|
|
37
|
+
}], slotChar: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], tooltip: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}], tooltipPosition: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], isLabelRequired: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}], class: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}] } });
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWZvcm0taW5wdXRtYXNrLWNvbXBvbmVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmltZWtpdC9zcmMvbGliL2xpYi9hdG9taXgtZm9ybS9hdG9taXgtZm9ybS1pbnB1dG1hc2stY29tcG9uZW50L2F0b21peC1mb3JtLWlucHV0bWFzay1jb21wb25lbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0taW5wdXRtYXNrLWNvbXBvbmVudC9hdG9taXgtZm9ybS1pbnB1dG1hc2stY29tcG9uZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFRakQsTUFBTSxPQUFPLDRCQUE0QjtJQUM5QixXQUFXLENBQVU7SUFDckIsSUFBSSxDQUFhO0lBQ2pCLElBQUksR0FBRyxNQUFNLENBQUM7SUFDZCxLQUFLLEdBQUcsRUFBRSxDQUFDO0lBQ1gsV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUNqQixRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ2QsT0FBTyxDQUFVO0lBQ2pCLGVBQWUsR0FBd0MsUUFBUSxDQUFDO0lBQ2hFLGVBQWUsR0FBWSxLQUFLLENBQUM7SUFDakMsS0FBSyxDQUFVO0lBRXhCLElBQUksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBZ0IsQ0FBQztJQUN4RCxDQUFDO3dHQWRVLDRCQUE0Qjs0RkFBNUIsNEJBQTRCLCtTQ1J6QywrWEFjQTs7NEZETmEsNEJBQTRCO2tCQUx4QyxTQUFTOytCQUNFLHVCQUF1Qjs4QkFLeEIsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdG9taXgtZm9ybS1pbnB1dG1hc2snLFxuICB0ZW1wbGF0ZVVybDogJy4vYXRvbWl4LWZvcm0taW5wdXRtYXNrLWNvbXBvbmVudC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2F0b21peC1mb3JtLWlucHV0bWFzay1jb21wb25lbnQuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQXRvbWl4Rm9ybUlucHV0bWFza0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNvbnRyb2xOYW1lITogc3RyaW5nO1xuICBASW5wdXQoKSBmb3JtITogRm9ybUdyb3VwO1xuICBASW5wdXQoKSBtYXNrID0gJ3RleHQnO1xuICBASW5wdXQoKSBsYWJlbCA9ICcnO1xuICBASW5wdXQoKSBwbGFjZWhvbGRlciA9ICcnO1xuICBASW5wdXQoKSBzbG90Q2hhciA9ICcnO1xuICBASW5wdXQoKSB0b29sdGlwITogc3RyaW5nO1xuICBASW5wdXQoKSB0b29sdGlwUG9zaXRpb246ICdyaWdodCcgfCAnbGVmdCcgfCAndG9wJyB8ICdib3R0b20nID0gJ2JvdHRvbSc7XG4gIEBJbnB1dCgpIGlzTGFiZWxSZXF1aXJlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBjbGFzcyE6IHN0cmluZztcblxuICBnZXQgY29udHJvbCgpIHtcbiAgICByZXR1cm4gdGhpcy5mb3JtLmdldCh0aGlzLmNvbnRyb2xOYW1lKSBhcyBGb3JtQ29udHJvbDtcbiAgfVxufVxuIiwiPGxhYmVsICpuZ0lmPVwibGFiZWxcIiBbZm9yXT1cImNvbnRyb2xOYW1lXCJcbiAgPnt7IGxhYmVsIH19XG4gIDxzcGFuICpuZ0lmPVwiaXNMYWJlbFJlcXVpcmVkXCIgY2xhc3M9XCJlcnJvci1hc3Rlcmlza1wiPio8L3NwYW4+PC9sYWJlbFxuPlxuPHAtaW5wdXRNYXNrXG4gIFtmb3JtQ29udHJvbF09XCJjb250cm9sXCJcbiAgW2lkXT1cImNvbnRyb2xOYW1lXCJcbiAgW21hc2tdPVwibWFza1wiXG4gIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gIFtwVG9vbHRpcF09XCJ0b29sdGlwXCJcbiAgW3Nsb3RDaGFyXT1cInNsb3RDaGFyXCJcbiAgW3Rvb2x0aXBQb3NpdGlvbl09XCJ0b29sdGlwUG9zaXRpb25cIlxuICBbbmdDbGFzc109XCJjbGFzc1wiXG4vPlxuIl19
|
|
@@ -0,0 +1,48 @@
|
|
|
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 "@angular/forms";
|
|
5
|
+
import * as i3 from "primeng/tooltip";
|
|
6
|
+
import * as i4 from "primeng/password";
|
|
7
|
+
export class AtomixFormPasswordComponent {
|
|
8
|
+
controlName;
|
|
9
|
+
form;
|
|
10
|
+
label = '';
|
|
11
|
+
placeholder = '';
|
|
12
|
+
type = 'text';
|
|
13
|
+
tooltip;
|
|
14
|
+
class;
|
|
15
|
+
feedback = false;
|
|
16
|
+
isLabelRequired = false;
|
|
17
|
+
tooltipPosition = 'bottom';
|
|
18
|
+
get control() {
|
|
19
|
+
return this.form.get(this.controlName);
|
|
20
|
+
}
|
|
21
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormPasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormPasswordComponent, selector: "atomix-form-password", inputs: { controlName: "controlName", form: "form", label: "label", placeholder: "placeholder", type: "type", tooltip: "tooltip", class: "class", feedback: "feedback", isLabelRequired: "isLabelRequired", tooltipPosition: "tooltipPosition" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<p-password\n [id]=\"controlName\"\n [formControl]=\"control\"\n [placeholder]=\"placeholder\"\n [pTooltip]=\"tooltip\"\n [tooltipPosition]=\"tooltipPosition\"\n [ngClass]=\"class\"\n autocomplete=\"off\"\n [feedback]=\"feedback\"\n [toggleMask]=\"true\"\n autocomplete=\"new-password\"\n/>\n", styles: [""], 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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "disabled", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "appendTo", "toggleMask", "inputStyleClass", "styleClass", "style", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "variant"], outputs: ["onFocus", "onBlur", "onClear"] }] });
|
|
23
|
+
}
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormPasswordComponent, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{ selector: 'atomix-form-password', template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<p-password\n [id]=\"controlName\"\n [formControl]=\"control\"\n [placeholder]=\"placeholder\"\n [pTooltip]=\"tooltip\"\n [tooltipPosition]=\"tooltipPosition\"\n [ngClass]=\"class\"\n autocomplete=\"off\"\n [feedback]=\"feedback\"\n [toggleMask]=\"true\"\n autocomplete=\"new-password\"\n/>\n" }]
|
|
27
|
+
}], propDecorators: { controlName: [{
|
|
28
|
+
type: Input
|
|
29
|
+
}], form: [{
|
|
30
|
+
type: Input
|
|
31
|
+
}], label: [{
|
|
32
|
+
type: Input
|
|
33
|
+
}], placeholder: [{
|
|
34
|
+
type: Input
|
|
35
|
+
}], type: [{
|
|
36
|
+
type: Input
|
|
37
|
+
}], tooltip: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], class: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}], feedback: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], isLabelRequired: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}], tooltipPosition: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}] } });
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWZvcm0tcGFzc3dvcmQtY29tcG9uZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ByaW1la2l0L3NyYy9saWIvbGliL2F0b21peC1mb3JtL2F0b21peC1mb3JtLXBhc3N3b3JkLWNvbXBvbmVudC9hdG9taXgtZm9ybS1wYXNzd29yZC1jb21wb25lbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0tcGFzc3dvcmQtY29tcG9uZW50L2F0b21peC1mb3JtLXBhc3N3b3JkLWNvbXBvbmVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUWpELE1BQU0sT0FBTywyQkFBMkI7SUFDN0IsV0FBVyxDQUFVO0lBQ3JCLElBQUksQ0FBYTtJQUNqQixLQUFLLEdBQUcsRUFBRSxDQUFDO0lBQ1gsV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUNqQixJQUFJLEdBQUcsTUFBTSxDQUFDO0lBQ2QsT0FBTyxDQUFVO0lBQ2pCLEtBQUssQ0FBVTtJQUNmLFFBQVEsR0FBWSxLQUFLLENBQUM7SUFDMUIsZUFBZSxHQUFZLEtBQUssQ0FBQztJQUNqQyxlQUFlLEdBQXdDLFFBQVEsQ0FBQztJQUV6RSxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQWdCLENBQUM7SUFDeEQsQ0FBQzt3R0FkVSwyQkFBMkI7NEZBQTNCLDJCQUEyQiw4U0NSeEMsNmJBZ0JBOzs0RkRSYSwyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0Usc0JBQXNCOzhCQUt2QixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F0b21peC1mb3JtLXBhc3N3b3JkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2F0b21peC1mb3JtLXBhc3N3b3JkLWNvbXBvbmVudC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2F0b21peC1mb3JtLXBhc3N3b3JkLWNvbXBvbmVudC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBdG9taXhGb3JtUGFzc3dvcmRDb21wb25lbnQge1xuICBASW5wdXQoKSBjb250cm9sTmFtZSE6IHN0cmluZztcbiAgQElucHV0KCkgZm9ybSE6IEZvcm1Hcm91cDtcbiAgQElucHV0KCkgbGFiZWwgPSAnJztcbiAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSAnJztcbiAgQElucHV0KCkgdHlwZSA9ICd0ZXh0JztcbiAgQElucHV0KCkgdG9vbHRpcCE6IHN0cmluZztcbiAgQElucHV0KCkgY2xhc3MhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGZlZWRiYWNrOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGlzTGFiZWxSZXF1aXJlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSB0b29sdGlwUG9zaXRpb246ICdyaWdodCcgfCAnbGVmdCcgfCAndG9wJyB8ICdib3R0b20nID0gJ2JvdHRvbSc7XG5cbiAgZ2V0IGNvbnRyb2woKSB7XG4gICAgcmV0dXJuIHRoaXMuZm9ybS5nZXQodGhpcy5jb250cm9sTmFtZSkgYXMgRm9ybUNvbnRyb2w7XG4gIH1cbn1cbiIsIjxsYWJlbCAqbmdJZj1cImxhYmVsXCIgW2Zvcl09XCJjb250cm9sTmFtZVwiXG4gID57eyBsYWJlbCB9fVxuICA8c3BhbiAqbmdJZj1cImlzTGFiZWxSZXF1aXJlZFwiIGNsYXNzPVwiZXJyb3ItYXN0ZXJpc2tcIj4qPC9zcGFuPjwvbGFiZWxcbj5cbjxwLXBhc3N3b3JkXG4gIFtpZF09XCJjb250cm9sTmFtZVwiXG4gIFtmb3JtQ29udHJvbF09XCJjb250cm9sXCJcbiAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgW3BUb29sdGlwXT1cInRvb2x0aXBcIlxuICBbdG9vbHRpcFBvc2l0aW9uXT1cInRvb2x0aXBQb3NpdGlvblwiXG4gIFtuZ0NsYXNzXT1cImNsYXNzXCJcbiAgYXV0b2NvbXBsZXRlPVwib2ZmXCJcbiAgW2ZlZWRiYWNrXT1cImZlZWRiYWNrXCJcbiAgW3RvZ2dsZU1hc2tdPVwidHJ1ZVwiXG4gIGF1dG9jb21wbGV0ZT1cIm5ldy1wYXNzd29yZFwiXG4vPlxuIl19
|
package/esm2022/lib/lib/atomix-form/atomix-form-radio-button/atomix-radio-button.component.mjs
ADDED
|
@@ -0,0 +1,46 @@
|
|
|
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 "@angular/forms";
|
|
5
|
+
import * as i3 from "primeng/tooltip";
|
|
6
|
+
import * as i4 from "primeng/radiobutton";
|
|
7
|
+
export class AtomixFormRadioButtonComponent {
|
|
8
|
+
controlName;
|
|
9
|
+
form;
|
|
10
|
+
value = { name: '', key: '' };
|
|
11
|
+
label = '';
|
|
12
|
+
isLabelRequired = false;
|
|
13
|
+
radioGroupOptions;
|
|
14
|
+
labelIconData = {
|
|
15
|
+
iconClass: '',
|
|
16
|
+
tooltip: '',
|
|
17
|
+
required: false,
|
|
18
|
+
};
|
|
19
|
+
radioButtonContainerClass = '';
|
|
20
|
+
get control() {
|
|
21
|
+
return this.form.get(this.controlName);
|
|
22
|
+
}
|
|
23
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormRadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormRadioButtonComponent, selector: "atomix-form-radio-group", inputs: { controlName: "controlName", form: "form", value: "value", label: "label", isLabelRequired: "isLabelRequired", radioGroupOptions: "radioGroupOptions", labelIconData: "labelIconData", radioButtonContainerClass: "radioButtonContainerClass" }, ngImport: i0, template: "<div>\n <label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }} <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span>\n <i\n *ngIf=\"labelIconData?.required\"\n [class]=\"labelIconData?.iconClass + ' ml-2'\"\n [pTooltip]=\"labelIconData?.tooltip\"\n ></i\n ></label>\n</div>\n<div style=\"margin-top: 0.2rem\" [class]=\"radioButtonContainerClass\">\n <span\n *ngFor=\"let option of radioGroupOptions; let i = index\"\n [ngClass]=\"{ indented: i > 0 }\"\n >\n <p-radioButton\n [formControl]=\"control\"\n [inputId]=\"controlName\"\n [value]=\"option.key\"\n ></p-radioButton>\n <label [for]=\"controlName\" class=\"ml-2\">{{ option.name }}</label>\n </span>\n</div>\n", styles: [".indented{margin-left:1rem}\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: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "variant", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }] });
|
|
25
|
+
}
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormRadioButtonComponent, decorators: [{
|
|
27
|
+
type: Component,
|
|
28
|
+
args: [{ selector: 'atomix-form-radio-group', template: "<div>\n <label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }} <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span>\n <i\n *ngIf=\"labelIconData?.required\"\n [class]=\"labelIconData?.iconClass + ' ml-2'\"\n [pTooltip]=\"labelIconData?.tooltip\"\n ></i\n ></label>\n</div>\n<div style=\"margin-top: 0.2rem\" [class]=\"radioButtonContainerClass\">\n <span\n *ngFor=\"let option of radioGroupOptions; let i = index\"\n [ngClass]=\"{ indented: i > 0 }\"\n >\n <p-radioButton\n [formControl]=\"control\"\n [inputId]=\"controlName\"\n [value]=\"option.key\"\n ></p-radioButton>\n <label [for]=\"controlName\" class=\"ml-2\">{{ option.name }}</label>\n </span>\n</div>\n", styles: [".indented{margin-left:1rem}\n"] }]
|
|
29
|
+
}], propDecorators: { controlName: [{
|
|
30
|
+
type: Input
|
|
31
|
+
}], form: [{
|
|
32
|
+
type: Input
|
|
33
|
+
}], value: [{
|
|
34
|
+
type: Input
|
|
35
|
+
}], label: [{
|
|
36
|
+
type: Input
|
|
37
|
+
}], isLabelRequired: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], radioGroupOptions: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}], labelIconData: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], radioButtonContainerClass: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}] } });
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmltZWtpdC9zcmMvbGliL2xpYi9hdG9taXgtZm9ybS9hdG9taXgtZm9ybS1yYWRpby1idXR0b24vYXRvbWl4LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmltZWtpdC9zcmMvbGliL2xpYi9hdG9taXgtZm9ybS9hdG9taXgtZm9ybS1yYWRpby1idXR0b24vYXRvbWl4LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBU2pELE1BQU0sT0FBTyw4QkFBOEI7SUFDaEMsV0FBVyxDQUFVO0lBQ3JCLElBQUksQ0FBYTtJQUNqQixLQUFLLEdBQWtDLEVBQUUsSUFBSSxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLENBQUM7SUFDN0QsS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUNYLGVBQWUsR0FBWSxLQUFLLENBQUM7SUFDakMsaUJBQWlCLENBQU87SUFDeEIsYUFBYSxHQUFrQjtRQUN0QyxTQUFTLEVBQUUsRUFBRTtRQUNiLE9BQU8sRUFBRSxFQUFFO1FBQ1gsUUFBUSxFQUFFLEtBQUs7S0FDaEIsQ0FBQztJQUNPLHlCQUF5QixHQUFHLEVBQUUsQ0FBQztJQUN4QyxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQWdCLENBQUM7SUFDeEQsQ0FBQzt3R0FmVSw4QkFBOEI7NEZBQTlCLDhCQUE4Qix5VENUM0MsdXVCQXVCQTs7NEZEZGEsOEJBQThCO2tCQUwxQyxTQUFTOytCQUNFLHlCQUF5Qjs4QkFLMUIsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUtHLHlCQUF5QjtzQkFBakMsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBMYWJlbEljb25EYXRhIH0gZnJvbSAnLi4vYXRvbWl4LWZvcm0tY2hpcHMvZm9ybS5jaGlwcy5tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdG9taXgtZm9ybS1yYWRpby1ncm91cCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hdG9taXgtcmFkaW8tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYXRvbWl4LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBdG9taXhGb3JtUmFkaW9CdXR0b25Db21wb25lbnQge1xuICBASW5wdXQoKSBjb250cm9sTmFtZSE6IHN0cmluZztcbiAgQElucHV0KCkgZm9ybSE6IEZvcm1Hcm91cDtcbiAgQElucHV0KCkgdmFsdWU6IHsgbmFtZTogc3RyaW5nOyBrZXk6IHN0cmluZyB9ID0geyBuYW1lOiAnJywga2V5OiAnJyB9O1xuICBASW5wdXQoKSBsYWJlbCA9ICcnO1xuICBASW5wdXQoKSBpc0xhYmVsUmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgcmFkaW9Hcm91cE9wdGlvbnMhOiBhbnk7XG4gIEBJbnB1dCgpIGxhYmVsSWNvbkRhdGE6IExhYmVsSWNvbkRhdGEgPSB7XG4gICAgaWNvbkNsYXNzOiAnJyxcbiAgICB0b29sdGlwOiAnJyxcbiAgICByZXF1aXJlZDogZmFsc2UsXG4gIH07XG4gIEBJbnB1dCgpIHJhZGlvQnV0dG9uQ29udGFpbmVyQ2xhc3MgPSAnJztcbiAgZ2V0IGNvbnRyb2woKSB7XG4gICAgcmV0dXJuIHRoaXMuZm9ybS5nZXQodGhpcy5jb250cm9sTmFtZSkgYXMgRm9ybUNvbnRyb2w7XG4gIH1cbn1cbiIsIjxkaXY+XG4gIDxsYWJlbCAqbmdJZj1cImxhYmVsXCIgW2Zvcl09XCJjb250cm9sTmFtZVwiXG4gICAgPnt7IGxhYmVsIH19IDxzcGFuICpuZ0lmPVwiaXNMYWJlbFJlcXVpcmVkXCIgY2xhc3M9XCJlcnJvci1hc3Rlcmlza1wiPio8L3NwYW4+XG4gICAgPGlcbiAgICAgICpuZ0lmPVwibGFiZWxJY29uRGF0YT8ucmVxdWlyZWRcIlxuICAgICAgW2NsYXNzXT1cImxhYmVsSWNvbkRhdGE/Lmljb25DbGFzcyArICcgbWwtMidcIlxuICAgICAgW3BUb29sdGlwXT1cImxhYmVsSWNvbkRhdGE/LnRvb2x0aXBcIlxuICAgID48L2lcbiAgPjwvbGFiZWw+XG48L2Rpdj5cbjxkaXYgc3R5bGU9XCJtYXJnaW4tdG9wOiAwLjJyZW1cIiBbY2xhc3NdPVwicmFkaW9CdXR0b25Db250YWluZXJDbGFzc1wiPlxuICA8c3BhblxuICAgICpuZ0Zvcj1cImxldCBvcHRpb24gb2YgcmFkaW9Hcm91cE9wdGlvbnM7IGxldCBpID0gaW5kZXhcIlxuICAgIFtuZ0NsYXNzXT1cInsgaW5kZW50ZWQ6IGkgPiAwIH1cIlxuICA+XG4gICAgPHAtcmFkaW9CdXR0b25cbiAgICAgIFtmb3JtQ29udHJvbF09XCJjb250cm9sXCJcbiAgICAgIFtpbnB1dElkXT1cImNvbnRyb2xOYW1lXCJcbiAgICAgIFt2YWx1ZV09XCJvcHRpb24ua2V5XCJcbiAgICA+PC9wLXJhZGlvQnV0dG9uPlxuICAgIDxsYWJlbCBbZm9yXT1cImNvbnRyb2xOYW1lXCIgY2xhc3M9XCJtbC0yXCI+e3sgb3B0aW9uLm5hbWUgfX08L2xhYmVsPlxuICA8L3NwYW4+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,46 @@
|
|
|
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 "@angular/forms";
|
|
5
|
+
export class AtomixFormTextareaComponent {
|
|
6
|
+
controlName;
|
|
7
|
+
form;
|
|
8
|
+
label = '';
|
|
9
|
+
rows = 5;
|
|
10
|
+
cols = 30;
|
|
11
|
+
placeholder = '';
|
|
12
|
+
disabled = false;
|
|
13
|
+
class;
|
|
14
|
+
isLabelRequired = false;
|
|
15
|
+
height = '';
|
|
16
|
+
get control() {
|
|
17
|
+
return this.form.get(this.controlName);
|
|
18
|
+
}
|
|
19
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormTextareaComponent, selector: "atomix-form-textarea", inputs: { controlName: "controlName", form: "form", label: "label", rows: "rows", cols: "cols", placeholder: "placeholder", disabled: "disabled", class: "class", isLabelRequired: "isLabelRequired", height: "height" }, ngImport: i0, template: "<label *ngIf=\"label\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<textarea\n variant=\"filled\"\n pInputTextarea\n [rows]=\"rows\"\n [id]=\"controlName\"\n [cols]=\"cols\"\n [ngClass]=\"class + ' atomix-form-textarea'\"\n [disabled]=\"disabled\"\n autocomplete=\"new-password\"\n [formControl]=\"control\"\n [placeholder]=\"placeholder\"\n [style.height]=\"height\"\n></textarea>\n", styles: ["::ng-deep .atomix-form-textarea{border-radius:var(--global-border-radius);margin-top:.2rem;font-family:Inter var,sans-serif;padding:.5rem}\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: 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
21
|
+
}
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormTextareaComponent, decorators: [{
|
|
23
|
+
type: Component,
|
|
24
|
+
args: [{ selector: 'atomix-form-textarea', template: "<label *ngIf=\"label\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<textarea\n variant=\"filled\"\n pInputTextarea\n [rows]=\"rows\"\n [id]=\"controlName\"\n [cols]=\"cols\"\n [ngClass]=\"class + ' atomix-form-textarea'\"\n [disabled]=\"disabled\"\n autocomplete=\"new-password\"\n [formControl]=\"control\"\n [placeholder]=\"placeholder\"\n [style.height]=\"height\"\n></textarea>\n", styles: ["::ng-deep .atomix-form-textarea{border-radius:var(--global-border-radius);margin-top:.2rem;font-family:Inter var,sans-serif;padding:.5rem}\n"] }]
|
|
25
|
+
}], propDecorators: { controlName: [{
|
|
26
|
+
type: Input
|
|
27
|
+
}], form: [{
|
|
28
|
+
type: Input
|
|
29
|
+
}], label: [{
|
|
30
|
+
type: Input
|
|
31
|
+
}], rows: [{
|
|
32
|
+
type: Input
|
|
33
|
+
}], cols: [{
|
|
34
|
+
type: Input
|
|
35
|
+
}], placeholder: [{
|
|
36
|
+
type: Input
|
|
37
|
+
}], disabled: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], class: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}], isLabelRequired: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], height: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}] } });
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWZvcm0tdGV4dGFyZWEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0tdGV4dGFyZWEvYXRvbWl4LWZvcm0tdGV4dGFyZWEuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0tdGV4dGFyZWEvYXRvbWl4LWZvcm0tdGV4dGFyZWEuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFRakQsTUFBTSxPQUFPLDJCQUEyQjtJQUM3QixXQUFXLENBQVU7SUFDckIsSUFBSSxDQUFhO0lBQ2pCLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDWCxJQUFJLEdBQVcsQ0FBQyxDQUFDO0lBQ2pCLElBQUksR0FBVyxFQUFFLENBQUM7SUFDbEIsV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUNqQixRQUFRLEdBQVksS0FBSyxDQUFDO0lBQzFCLEtBQUssQ0FBVTtJQUNmLGVBQWUsR0FBWSxLQUFLLENBQUM7SUFDakMsTUFBTSxHQUFXLEVBQUUsQ0FBQztJQUU3QixJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQWdCLENBQUM7SUFDeEQsQ0FBQzt3R0FkVSwyQkFBMkI7NEZBQTNCLDJCQUEyQixzUkNSeEMsZ2NBaUJBOzs0RkRUYSwyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0Usc0JBQXNCOzhCQUt2QixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXRvbWl4LWZvcm0tdGV4dGFyZWEnLFxuICB0ZW1wbGF0ZVVybDogJy4vYXRvbWl4LWZvcm0tdGV4dGFyZWEuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hdG9taXgtZm9ybS10ZXh0YXJlYS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBdG9taXhGb3JtVGV4dGFyZWFDb21wb25lbnQge1xuICBASW5wdXQoKSBjb250cm9sTmFtZSE6IHN0cmluZztcbiAgQElucHV0KCkgZm9ybSE6IEZvcm1Hcm91cDtcbiAgQElucHV0KCkgbGFiZWwgPSAnJztcbiAgQElucHV0KCkgcm93czogbnVtYmVyID0gNTtcbiAgQElucHV0KCkgY29sczogbnVtYmVyID0gMzA7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJyc7XG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGNsYXNzITogc3RyaW5nO1xuICBASW5wdXQoKSBpc0xhYmVsUmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgaGVpZ2h0OiBzdHJpbmcgPSAnJztcblxuICBnZXQgY29udHJvbCgpIHtcbiAgICByZXR1cm4gdGhpcy5mb3JtLmdldCh0aGlzLmNvbnRyb2xOYW1lKSBhcyBGb3JtQ29udHJvbDtcbiAgfVxufVxuIiwiPGxhYmVsICpuZ0lmPVwibGFiZWxcIlxuICA+e3sgbGFiZWwgfX1cbiAgPHNwYW4gKm5nSWY9XCJpc0xhYmVsUmVxdWlyZWRcIiBjbGFzcz1cImVycm9yLWFzdGVyaXNrXCI+Kjwvc3Bhbj48L2xhYmVsXG4+XG48dGV4dGFyZWFcbiAgdmFyaWFudD1cImZpbGxlZFwiXG4gIHBJbnB1dFRleHRhcmVhXG4gIFtyb3dzXT1cInJvd3NcIlxuICBbaWRdPVwiY29udHJvbE5hbWVcIlxuICBbY29sc109XCJjb2xzXCJcbiAgW25nQ2xhc3NdPVwiY2xhc3MgKyAnIGF0b21peC1mb3JtLXRleHRhcmVhJ1wiXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gIGF1dG9jb21wbGV0ZT1cIm5ldy1wYXNzd29yZFwiXG4gIFtmb3JtQ29udHJvbF09XCJjb250cm9sXCJcbiAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgW3N0eWxlLmhlaWdodF09XCJoZWlnaHRcIlxuPjwvdGV4dGFyZWE+XG4iXX0=
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import { Component, Input, Output, EventEmitter, ViewChild, } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "primeng/inputtext";
|
|
5
|
+
export class AtomixInputComponent {
|
|
6
|
+
inputEl;
|
|
7
|
+
value = '';
|
|
8
|
+
name = '';
|
|
9
|
+
type = 'text';
|
|
10
|
+
placeholder = '';
|
|
11
|
+
valueChange = new EventEmitter();
|
|
12
|
+
withSearchIcon = false;
|
|
13
|
+
searchIconPosition = 'right';
|
|
14
|
+
iconName = '';
|
|
15
|
+
containerClass = '';
|
|
16
|
+
class = '';
|
|
17
|
+
disabled = false;
|
|
18
|
+
isCrossRequired = true;
|
|
19
|
+
label = '';
|
|
20
|
+
isLabelRequired = false;
|
|
21
|
+
autofocus = false;
|
|
22
|
+
changeValueHandler = new EventEmitter();
|
|
23
|
+
ngAfterViewInit() {
|
|
24
|
+
if (this.autofocus) {
|
|
25
|
+
// Timeout ensures input is available in the DOM
|
|
26
|
+
setTimeout(() => this.inputEl?.nativeElement?.focus());
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
onInput(event) {
|
|
30
|
+
const input = event.target;
|
|
31
|
+
this.value = input.value;
|
|
32
|
+
this.changeValueHandler.emit(this.value);
|
|
33
|
+
}
|
|
34
|
+
onEnter() {
|
|
35
|
+
this.valueChange.emit(this.value);
|
|
36
|
+
}
|
|
37
|
+
clearValue() {
|
|
38
|
+
this.value = '';
|
|
39
|
+
this.changeValueHandler.emit(this.value);
|
|
40
|
+
this.onEnter();
|
|
41
|
+
}
|
|
42
|
+
onSearchClear(event) {
|
|
43
|
+
const input = event.target;
|
|
44
|
+
if (input.value === '') {
|
|
45
|
+
this.value = '';
|
|
46
|
+
this.valueChange.emit('');
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
focus() {
|
|
50
|
+
this.inputEl?.nativeElement?.focus();
|
|
51
|
+
}
|
|
52
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
53
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixInputComponent, selector: "atomix-input", inputs: { value: "value", name: "name", type: "type", placeholder: "placeholder", withSearchIcon: "withSearchIcon", searchIconPosition: "searchIconPosition", iconName: "iconName", containerClass: "containerClass", class: "class", disabled: "disabled", isCrossRequired: "isCrossRequired", label: "label", isLabelRequired: "isLabelRequired", autofocus: "autofocus" }, outputs: { valueChange: "valueChange", changeValueHandler: "changeValueHandler" }, viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["inputEl"], descendants: true }], ngImport: i0, template: "<label *ngIf=\"label\" for=\"name\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span></label\n>\n\n<i\n class=\"pi pi-search search-icon\"\n [ngClass]=\"\n (searchIconPosition === 'left' ? 'search-icon-left' : 'search-icon-right') +\n (label ? ' with-label' : '')\n \"\n *ngIf=\"withSearchIcon\"\n (click)=\"onEnter()\"\n></i>\n\n<input\n [id]=\"name\"\n type=\"text\"\n pInputText\n [value]=\"value\"\n [attr.placeholder]=\"placeholder\"\n (input)=\"onInput($event)\"\n (keydown.enter)=\"onEnter()\"\n [ngClass]=\"\n class +\n ' lib-input-field' +\n (withSearchIcon ? ' with-search-icon-' + searchIconPosition : '') +\n (isCrossRequired ? ' with-cross-icon' : '')\n \"\n autocomplete=\"new-password\"\n [disabled]=\"disabled\"\n [type]=\"type\"\n #inputEl\n/>\n<i\n class=\"pi pi-times filter-dropdown-icon\"\n [ngClass]=\"\n (withSearchIcon && searchIconPosition === 'right'\n ? 'filter-dropdown-icon-left'\n : '') + (label ? ' with-label' : '')\n \"\n style=\"cursor: pointer\"\n (click)=\"clearValue()\"\n *ngIf=\"isCrossRequired && value !== ''\"\n></i>\n", styles: [".lib-error-asterisk{color:red}.filter-dropdown-icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);z-index:1;cursor:pointer;color:#6c757d}.filter-dropdown-icon-left{right:40px}.search-icon.with-label,.filter-dropdown-icon.with-label{top:88%}.search-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:1;color:var(--primary-text-color)!important;font-size:1rem}.search-icon-left{left:10px}.search-icon-right{right:0}.with-search-icon-left{padding-left:30px!important;padding-right:30px!important}.with-search-icon-right{padding-right:60px}::ng-deep .lib-input-field{border-radius:var(--global-border-radius)}\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: i2.InputText, selector: "[pInputText]", inputs: ["variant"] }] });
|
|
54
|
+
}
|
|
55
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixInputComponent, decorators: [{
|
|
56
|
+
type: Component,
|
|
57
|
+
args: [{ selector: 'atomix-input', template: "<label *ngIf=\"label\" for=\"name\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span></label\n>\n\n<i\n class=\"pi pi-search search-icon\"\n [ngClass]=\"\n (searchIconPosition === 'left' ? 'search-icon-left' : 'search-icon-right') +\n (label ? ' with-label' : '')\n \"\n *ngIf=\"withSearchIcon\"\n (click)=\"onEnter()\"\n></i>\n\n<input\n [id]=\"name\"\n type=\"text\"\n pInputText\n [value]=\"value\"\n [attr.placeholder]=\"placeholder\"\n (input)=\"onInput($event)\"\n (keydown.enter)=\"onEnter()\"\n [ngClass]=\"\n class +\n ' lib-input-field' +\n (withSearchIcon ? ' with-search-icon-' + searchIconPosition : '') +\n (isCrossRequired ? ' with-cross-icon' : '')\n \"\n autocomplete=\"new-password\"\n [disabled]=\"disabled\"\n [type]=\"type\"\n #inputEl\n/>\n<i\n class=\"pi pi-times filter-dropdown-icon\"\n [ngClass]=\"\n (withSearchIcon && searchIconPosition === 'right'\n ? 'filter-dropdown-icon-left'\n : '') + (label ? ' with-label' : '')\n \"\n style=\"cursor: pointer\"\n (click)=\"clearValue()\"\n *ngIf=\"isCrossRequired && value !== ''\"\n></i>\n", styles: [".lib-error-asterisk{color:red}.filter-dropdown-icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);z-index:1;cursor:pointer;color:#6c757d}.filter-dropdown-icon-left{right:40px}.search-icon.with-label,.filter-dropdown-icon.with-label{top:88%}.search-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:1;color:var(--primary-text-color)!important;font-size:1rem}.search-icon-left{left:10px}.search-icon-right{right:0}.with-search-icon-left{padding-left:30px!important;padding-right:30px!important}.with-search-icon-right{padding-right:60px}::ng-deep .lib-input-field{border-radius:var(--global-border-radius)}\n"] }]
|
|
58
|
+
}], propDecorators: { inputEl: [{
|
|
59
|
+
type: ViewChild,
|
|
60
|
+
args: ['inputEl']
|
|
61
|
+
}], value: [{
|
|
62
|
+
type: Input
|
|
63
|
+
}], name: [{
|
|
64
|
+
type: Input
|
|
65
|
+
}], type: [{
|
|
66
|
+
type: Input
|
|
67
|
+
}], placeholder: [{
|
|
68
|
+
type: Input
|
|
69
|
+
}], valueChange: [{
|
|
70
|
+
type: Output
|
|
71
|
+
}], withSearchIcon: [{
|
|
72
|
+
type: Input
|
|
73
|
+
}], searchIconPosition: [{
|
|
74
|
+
type: Input
|
|
75
|
+
}], iconName: [{
|
|
76
|
+
type: Input
|
|
77
|
+
}], containerClass: [{
|
|
78
|
+
type: Input
|
|
79
|
+
}], class: [{
|
|
80
|
+
type: Input
|
|
81
|
+
}], disabled: [{
|
|
82
|
+
type: Input
|
|
83
|
+
}], isCrossRequired: [{
|
|
84
|
+
type: Input
|
|
85
|
+
}], label: [{
|
|
86
|
+
type: Input
|
|
87
|
+
}], isLabelRequired: [{
|
|
88
|
+
type: Input
|
|
89
|
+
}], autofocus: [{
|
|
90
|
+
type: Input
|
|
91
|
+
}], changeValueHandler: [{
|
|
92
|
+
type: Output
|
|
93
|
+
}] } });
|
|
94
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ByaW1la2l0L3NyYy9saWIvbGliL2F0b21peC1pbnB1dC9hdG9taXgtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWlucHV0L2F0b21peC1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCxNQUFNLEVBQ04sWUFBWSxFQUVaLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQzs7OztBQU92QixNQUFNLE9BQU8sb0JBQW9CO0lBQ1QsT0FBTyxDQUFnQztJQUNwRCxLQUFLLEdBQVcsRUFBRSxDQUFDO0lBQ25CLElBQUksR0FBVyxFQUFFLENBQUM7SUFDbEIsSUFBSSxHQUFXLE1BQU0sQ0FBQztJQUN0QixXQUFXLEdBQVcsRUFBRSxDQUFDO0lBQ3hCLFdBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBQzFDLGNBQWMsR0FBWSxLQUFLLENBQUM7SUFDaEMsa0JBQWtCLEdBQXFCLE9BQU8sQ0FBQztJQUMvQyxRQUFRLEdBQVcsRUFBRSxDQUFDO0lBQ3RCLGNBQWMsR0FBVyxFQUFFLENBQUM7SUFDNUIsS0FBSyxHQUFXLEVBQUUsQ0FBQztJQUNuQixRQUFRLEdBQVksS0FBSyxDQUFDO0lBQzFCLGVBQWUsR0FBWSxJQUFJLENBQUM7SUFDaEMsS0FBSyxHQUFXLEVBQUUsQ0FBQztJQUNuQixlQUFlLEdBQVksS0FBSyxDQUFDO0lBQ2pDLFNBQVMsR0FBWSxLQUFLLENBQUM7SUFDMUIsa0JBQWtCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUUxRCxlQUFlO1FBQ2IsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDbkIsZ0RBQWdEO1lBQ2hELFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO1FBQ3pELENBQUM7SUFDSCxDQUFDO0lBRUQsT0FBTyxDQUFDLEtBQVk7UUFDbEIsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLE1BQTBCLENBQUM7UUFDL0MsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDO1FBQ3pCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNDLENBQUM7SUFDRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFDRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7UUFDaEIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDekMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFDRCxhQUFhLENBQUMsS0FBWTtRQUN4QixNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsTUFBMEIsQ0FBQztRQUMvQyxJQUFJLEtBQUssQ0FBQyxLQUFLLEtBQUssRUFBRSxFQUFFLENBQUM7WUFDdkIsSUFBSSxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7WUFDaEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDNUIsQ0FBQztJQUNILENBQUM7SUFDRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLE9BQU8sRUFBRSxhQUFhLEVBQUUsS0FBSyxFQUFFLENBQUM7SUFDdkMsQ0FBQzt3R0FoRFUsb0JBQW9COzRGQUFwQixvQkFBb0IseWxCQ2RqQyxvb0NBNkNBOzs0RkQvQmEsb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGNBQWM7OEJBS0YsT0FBTztzQkFBNUIsU0FBUzt1QkFBQyxTQUFTO2dCQUNYLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTTtnQkFDRSxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNJLGtCQUFrQjtzQkFBM0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBFbGVtZW50UmVmLFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdG9taXgtaW5wdXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vYXRvbWl4LWlucHV0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYXRvbWl4LWlucHV0LmNvbXBvbmVudC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQXRvbWl4SW5wdXRDb21wb25lbnQge1xuICBAVmlld0NoaWxkKCdpbnB1dEVsJykgaW5wdXRFbCE6IEVsZW1lbnRSZWY8SFRNTElucHV0RWxlbWVudD47XG4gIEBJbnB1dCgpIHZhbHVlOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgbmFtZTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHR5cGU6IHN0cmluZyA9ICd0ZXh0JztcbiAgQElucHV0KCkgcGxhY2Vob2xkZXI6IHN0cmluZyA9ICcnO1xuICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQElucHV0KCkgd2l0aFNlYXJjaEljb246IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgc2VhcmNoSWNvblBvc2l0aW9uOiAnbGVmdCcgfCAncmlnaHQnID0gJ3JpZ2h0JztcbiAgQElucHV0KCkgaWNvbk5hbWU6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBjb250YWluZXJDbGFzczogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGNsYXNzOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgaXNDcm9zc1JlcXVpcmVkOiBib29sZWFuID0gdHJ1ZTtcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBpc0xhYmVsUmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgYXV0b2ZvY3VzOiBib29sZWFuID0gZmFsc2U7XG4gIEBPdXRwdXQoKSBjaGFuZ2VWYWx1ZUhhbmRsZXIgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuYXV0b2ZvY3VzKSB7XG4gICAgICAvLyBUaW1lb3V0IGVuc3VyZXMgaW5wdXQgaXMgYXZhaWxhYmxlIGluIHRoZSBET01cbiAgICAgIHNldFRpbWVvdXQoKCkgPT4gdGhpcy5pbnB1dEVsPy5uYXRpdmVFbGVtZW50Py5mb2N1cygpKTtcbiAgICB9XG4gIH1cblxuICBvbklucHV0KGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGlucHV0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XG4gICAgdGhpcy52YWx1ZSA9IGlucHV0LnZhbHVlO1xuICAgIHRoaXMuY2hhbmdlVmFsdWVIYW5kbGVyLmVtaXQodGhpcy52YWx1ZSk7XG4gIH1cbiAgb25FbnRlcigpOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQodGhpcy52YWx1ZSk7XG4gIH1cbiAgY2xlYXJWYWx1ZSgpOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlID0gJyc7XG4gICAgdGhpcy5jaGFuZ2VWYWx1ZUhhbmRsZXIuZW1pdCh0aGlzLnZhbHVlKTtcbiAgICB0aGlzLm9uRW50ZXIoKTtcbiAgfVxuICBvblNlYXJjaENsZWFyKGV2ZW50OiBFdmVudCkge1xuICAgIGNvbnN0IGlucHV0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XG4gICAgaWYgKGlucHV0LnZhbHVlID09PSAnJykge1xuICAgICAgdGhpcy52YWx1ZSA9ICcnO1xuICAgICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KCcnKTtcbiAgICB9XG4gIH1cbiAgZm9jdXMoKTogdm9pZCB7XG4gICAgdGhpcy5pbnB1dEVsPy5uYXRpdmVFbGVtZW50Py5mb2N1cygpO1xuICB9XG59XG4iLCI8bGFiZWwgKm5nSWY9XCJsYWJlbFwiIGZvcj1cIm5hbWVcIlxuICA+e3sgbGFiZWwgfX1cbiAgPHNwYW4gKm5nSWY9XCJpc0xhYmVsUmVxdWlyZWRcIiBjbGFzcz1cImxpYi1lcnJvci1hc3Rlcmlza1wiPio8L3NwYW4+PC9sYWJlbFxuPlxuXG48aVxuICBjbGFzcz1cInBpIHBpLXNlYXJjaCBzZWFyY2gtaWNvblwiXG4gIFtuZ0NsYXNzXT1cIlxuICAgIChzZWFyY2hJY29uUG9zaXRpb24gPT09ICdsZWZ0JyA/ICdzZWFyY2gtaWNvbi1sZWZ0JyA6ICdzZWFyY2gtaWNvbi1yaWdodCcpICtcbiAgICAobGFiZWwgPyAnIHdpdGgtbGFiZWwnIDogJycpXG4gIFwiXG4gICpuZ0lmPVwid2l0aFNlYXJjaEljb25cIlxuICAoY2xpY2spPVwib25FbnRlcigpXCJcbj48L2k+XG5cbjxpbnB1dFxuICBbaWRdPVwibmFtZVwiXG4gIHR5cGU9XCJ0ZXh0XCJcbiAgcElucHV0VGV4dFxuICBbdmFsdWVdPVwidmFsdWVcIlxuICBbYXR0ci5wbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gIChpbnB1dCk9XCJvbklucHV0KCRldmVudClcIlxuICAoa2V5ZG93bi5lbnRlcik9XCJvbkVudGVyKClcIlxuICBbbmdDbGFzc109XCJcbiAgICBjbGFzcyArXG4gICAgJyBsaWItaW5wdXQtZmllbGQnICtcbiAgICAod2l0aFNlYXJjaEljb24gPyAnIHdpdGgtc2VhcmNoLWljb24tJyArIHNlYXJjaEljb25Qb3NpdGlvbiA6ICcnKSArXG4gICAgKGlzQ3Jvc3NSZXF1aXJlZCA/ICcgd2l0aC1jcm9zcy1pY29uJyA6ICcnKVxuICBcIlxuICBhdXRvY29tcGxldGU9XCJuZXctcGFzc3dvcmRcIlxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICBbdHlwZV09XCJ0eXBlXCJcbiAgI2lucHV0RWxcbi8+XG48aVxuICBjbGFzcz1cInBpIHBpLXRpbWVzIGZpbHRlci1kcm9wZG93bi1pY29uXCJcbiAgW25nQ2xhc3NdPVwiXG4gICAgKHdpdGhTZWFyY2hJY29uICYmIHNlYXJjaEljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0J1xuICAgICAgPyAnZmlsdGVyLWRyb3Bkb3duLWljb24tbGVmdCdcbiAgICAgIDogJycpICsgKGxhYmVsID8gJyB3aXRoLWxhYmVsJyA6ICcnKVxuICBcIlxuICBzdHlsZT1cImN1cnNvcjogcG9pbnRlclwiXG4gIChjbGljayk9XCJjbGVhclZhbHVlKClcIlxuICAqbmdJZj1cImlzQ3Jvc3NSZXF1aXJlZCAmJiB2YWx1ZSAhPT0gJydcIlxuPjwvaT5cbiJdfQ==
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { Component, Input, forwardRef } from '@angular/core';
|
|
2
|
+
import { NG_VALUE_ACCESSOR, } from '@angular/forms';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/forms";
|
|
5
|
+
import * as i2 from "primeng/inputswitch";
|
|
6
|
+
export class AtomixInputSwitchComponent {
|
|
7
|
+
style;
|
|
8
|
+
styleClass;
|
|
9
|
+
tabindex;
|
|
10
|
+
inputId;
|
|
11
|
+
name;
|
|
12
|
+
disabled = false;
|
|
13
|
+
readonly = false;
|
|
14
|
+
trueValue = true;
|
|
15
|
+
falseValue = false;
|
|
16
|
+
ariaLabel;
|
|
17
|
+
ariaLabelledBy;
|
|
18
|
+
autofocus = false;
|
|
19
|
+
formControl;
|
|
20
|
+
value = false;
|
|
21
|
+
onChange = (_) => { };
|
|
22
|
+
onTouched = () => { };
|
|
23
|
+
writeValue(value) {
|
|
24
|
+
this.value = value ?? this.falseValue;
|
|
25
|
+
}
|
|
26
|
+
registerOnChange(fn) {
|
|
27
|
+
this.onChange = fn;
|
|
28
|
+
}
|
|
29
|
+
registerOnTouched(fn) {
|
|
30
|
+
this.onTouched = fn;
|
|
31
|
+
}
|
|
32
|
+
setDisabledState(disabled) {
|
|
33
|
+
this.disabled = disabled;
|
|
34
|
+
}
|
|
35
|
+
handleChange(event) {
|
|
36
|
+
this.value = event.checked ? this.trueValue : this.falseValue;
|
|
37
|
+
this.onChange(this.value);
|
|
38
|
+
this.onTouched();
|
|
39
|
+
}
|
|
40
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixInputSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
41
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixInputSwitchComponent, selector: "atomix-inputSwitch", inputs: { style: "style", styleClass: "styleClass", tabindex: "tabindex", inputId: "inputId", name: "name", disabled: "disabled", readonly: "readonly", trueValue: "trueValue", falseValue: "falseValue", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", autofocus: "autofocus", formControl: "formControl" }, providers: [
|
|
42
|
+
{
|
|
43
|
+
provide: NG_VALUE_ACCESSOR,
|
|
44
|
+
useExisting: forwardRef(() => AtomixInputSwitchComponent),
|
|
45
|
+
multi: true,
|
|
46
|
+
},
|
|
47
|
+
], ngImport: i0, template: "<p-inputSwitch\n [(ngModel)]=\"value\"\n [trueValue]=\"trueValue\"\n [falseValue]=\"falseValue\"\n [style]=\"style\"\n [styleClass]=\"styleClass\"\n [tabindex]=\"tabindex\"\n [inputId]=\"inputId\"\n [attr.name]=\"name\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [ariaLabel]=\"ariaLabel\"\n [ariaLabelledBy]=\"ariaLabelledBy\"\n [autofocus]=\"autofocus\"\n (onChange)=\"handleChange($event)\"\n (onBlur)=\"onTouched()\"\n></p-inputSwitch>\n", styles: [".input-switch-wrapper{display:flex;align-items:center;gap:.5rem}.atomix-switch-button{height:30px;padding:0 12px;font-size:14px;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }] });
|
|
48
|
+
}
|
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixInputSwitchComponent, decorators: [{
|
|
50
|
+
type: Component,
|
|
51
|
+
args: [{ selector: 'atomix-inputSwitch', providers: [
|
|
52
|
+
{
|
|
53
|
+
provide: NG_VALUE_ACCESSOR,
|
|
54
|
+
useExisting: forwardRef(() => AtomixInputSwitchComponent),
|
|
55
|
+
multi: true,
|
|
56
|
+
},
|
|
57
|
+
], template: "<p-inputSwitch\n [(ngModel)]=\"value\"\n [trueValue]=\"trueValue\"\n [falseValue]=\"falseValue\"\n [style]=\"style\"\n [styleClass]=\"styleClass\"\n [tabindex]=\"tabindex\"\n [inputId]=\"inputId\"\n [attr.name]=\"name\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [ariaLabel]=\"ariaLabel\"\n [ariaLabelledBy]=\"ariaLabelledBy\"\n [autofocus]=\"autofocus\"\n (onChange)=\"handleChange($event)\"\n (onBlur)=\"onTouched()\"\n></p-inputSwitch>\n", styles: [".input-switch-wrapper{display:flex;align-items:center;gap:.5rem}.atomix-switch-button{height:30px;padding:0 12px;font-size:14px;cursor:pointer}\n"] }]
|
|
58
|
+
}], propDecorators: { style: [{
|
|
59
|
+
type: Input
|
|
60
|
+
}], styleClass: [{
|
|
61
|
+
type: Input
|
|
62
|
+
}], tabindex: [{
|
|
63
|
+
type: Input
|
|
64
|
+
}], inputId: [{
|
|
65
|
+
type: Input
|
|
66
|
+
}], name: [{
|
|
67
|
+
type: Input
|
|
68
|
+
}], disabled: [{
|
|
69
|
+
type: Input
|
|
70
|
+
}], readonly: [{
|
|
71
|
+
type: Input
|
|
72
|
+
}], trueValue: [{
|
|
73
|
+
type: Input
|
|
74
|
+
}], falseValue: [{
|
|
75
|
+
type: Input
|
|
76
|
+
}], ariaLabel: [{
|
|
77
|
+
type: Input
|
|
78
|
+
}], ariaLabelledBy: [{
|
|
79
|
+
type: Input
|
|
80
|
+
}], autofocus: [{
|
|
81
|
+
type: Input
|
|
82
|
+
}], formControl: [{
|
|
83
|
+
type: Input
|
|
84
|
+
}] } });
|
|
85
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWlucHV0LXN3aXRjaC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmltZWtpdC9zcmMvbGliL2xpYi9hdG9taXgtaW5wdXQtc3dpdGNoL2F0b21peC1pbnB1dC1zd2l0Y2guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWlucHV0LXN3aXRjaC9hdG9taXgtaW5wdXQtc3dpdGNoLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RCxPQUFPLEVBRUwsaUJBQWlCLEdBRWxCLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUFleEIsTUFBTSxPQUFPLDBCQUEwQjtJQUM1QixLQUFLLENBQTBCO0lBQy9CLFVBQVUsQ0FBVTtJQUNwQixRQUFRLENBQVU7SUFDbEIsT0FBTyxDQUFVO0lBQ2pCLElBQUksQ0FBVTtJQUNkLFFBQVEsR0FBRyxLQUFLLENBQUM7SUFDakIsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUNqQixTQUFTLEdBQVEsSUFBSSxDQUFDO0lBQ3RCLFVBQVUsR0FBUSxLQUFLLENBQUM7SUFDeEIsU0FBUyxDQUFVO0lBQ25CLGNBQWMsQ0FBVTtJQUN4QixTQUFTLEdBQUcsS0FBSyxDQUFDO0lBQ2xCLFdBQVcsQ0FBZTtJQUVuQyxLQUFLLEdBQVEsS0FBSyxDQUFDO0lBRW5CLFFBQVEsR0FBRyxDQUFDLENBQU0sRUFBRSxFQUFFLEdBQUUsQ0FBQyxDQUFDO0lBQzFCLFNBQVMsR0FBRyxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7SUFFckIsVUFBVSxDQUFDLEtBQVU7UUFDbkIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN4QyxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBTztRQUN0QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsUUFBaUI7UUFDaEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7SUFDM0IsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUE2QjtRQUN4QyxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7UUFDOUQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDMUIsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ25CLENBQUM7d0dBeENVLDBCQUEwQjs0RkFBMUIsMEJBQTBCLHVXQVIxQjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsMEJBQTBCLENBQUM7Z0JBQ3pELEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRiwwQkNsQkgsb2RBaUJBOzs0RkRHYSwwQkFBMEI7a0JBWnRDLFNBQVM7K0JBQ0Usb0JBQW9CLGFBR25CO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLDJCQUEyQixDQUFDOzRCQUN6RCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjs4QkFHUSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgQ29udHJvbFZhbHVlQWNjZXNzb3IsXG4gIE5HX1ZBTFVFX0FDQ0VTU09SLFxuICBGb3JtQ29udHJvbCxcbn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgSW5wdXRTd2l0Y2hDaGFuZ2VFdmVudCB9IGZyb20gJ3ByaW1lbmcvaW5wdXRzd2l0Y2gnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdG9taXgtaW5wdXRTd2l0Y2gnLFxuICB0ZW1wbGF0ZVVybDogJy4vYXRvbWl4LWlucHV0LXN3aXRjaC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2F0b21peC1pbnB1dC1zd2l0Y2guY29tcG9uZW50LmNzcyddLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEF0b21peElucHV0U3dpdGNoQ29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEF0b21peElucHV0U3dpdGNoQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICBASW5wdXQoKSBzdHlsZT86IHsgW2tleTogc3RyaW5nXTogYW55IH07XG4gIEBJbnB1dCgpIHN0eWxlQ2xhc3M/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRhYmluZGV4PzogbnVtYmVyO1xuICBASW5wdXQoKSBpbnB1dElkPzogc3RyaW5nO1xuICBASW5wdXQoKSBuYW1lPzogc3RyaW5nO1xuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuICBASW5wdXQoKSByZWFkb25seSA9IGZhbHNlO1xuICBASW5wdXQoKSB0cnVlVmFsdWU6IGFueSA9IHRydWU7XG4gIEBJbnB1dCgpIGZhbHNlVmFsdWU6IGFueSA9IGZhbHNlO1xuICBASW5wdXQoKSBhcmlhTGFiZWw/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGFyaWFMYWJlbGxlZEJ5Pzogc3RyaW5nO1xuICBASW5wdXQoKSBhdXRvZm9jdXMgPSBmYWxzZTtcbiAgQElucHV0KCkgZm9ybUNvbnRyb2w/OiBGb3JtQ29udHJvbDtcblxuICB2YWx1ZTogYW55ID0gZmFsc2U7XG5cbiAgb25DaGFuZ2UgPSAoXzogYW55KSA9PiB7fTtcbiAgb25Ub3VjaGVkID0gKCkgPT4ge307XG5cbiAgd3JpdGVWYWx1ZSh2YWx1ZTogYW55KTogdm9pZCB7XG4gICAgdGhpcy52YWx1ZSA9IHZhbHVlID8/IHRoaXMuZmFsc2VWYWx1ZTtcbiAgfVxuXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICB9XG5cbiAgc2V0RGlzYWJsZWRTdGF0ZShkaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBkaXNhYmxlZDtcbiAgfVxuXG4gIGhhbmRsZUNoYW5nZShldmVudDogSW5wdXRTd2l0Y2hDaGFuZ2VFdmVudCkge1xuICAgIHRoaXMudmFsdWUgPSBldmVudC5jaGVja2VkID8gdGhpcy50cnVlVmFsdWUgOiB0aGlzLmZhbHNlVmFsdWU7XG4gICAgdGhpcy5vbkNoYW5nZSh0aGlzLnZhbHVlKTtcbiAgICB0aGlzLm9uVG91Y2hlZCgpO1xuICB9XG59XG4iLCI8cC1pbnB1dFN3aXRjaFxuICBbKG5nTW9kZWwpXT1cInZhbHVlXCJcbiAgW3RydWVWYWx1ZV09XCJ0cnVlVmFsdWVcIlxuICBbZmFsc2VWYWx1ZV09XCJmYWxzZVZhbHVlXCJcbiAgW3N0eWxlXT1cInN0eWxlXCJcbiAgW3N0eWxlQ2xhc3NdPVwic3R5bGVDbGFzc1wiXG4gIFt0YWJpbmRleF09XCJ0YWJpbmRleFwiXG4gIFtpbnB1dElkXT1cImlucHV0SWRcIlxuICBbYXR0ci5uYW1lXT1cIm5hbWVcIlxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICBbcmVhZG9ubHldPVwicmVhZG9ubHlcIlxuICBbYXJpYUxhYmVsXT1cImFyaWFMYWJlbFwiXG4gIFthcmlhTGFiZWxsZWRCeV09XCJhcmlhTGFiZWxsZWRCeVwiXG4gIFthdXRvZm9jdXNdPVwiYXV0b2ZvY3VzXCJcbiAgKG9uQ2hhbmdlKT1cImhhbmRsZUNoYW5nZSgkZXZlbnQpXCJcbiAgKG9uQmx1cik9XCJvblRvdWNoZWQoKVwiXG4+PC9wLWlucHV0U3dpdGNoPlxuIl19
|
|
@@ -0,0 +1,44 @@
|
|
|
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 "primeng/progressspinner";
|
|
5
|
+
import * as i3 from "primeng/blockui";
|
|
6
|
+
export class AtomixLoadingOverlayComponent {
|
|
7
|
+
loading = false;
|
|
8
|
+
target;
|
|
9
|
+
message = 'Processing...';
|
|
10
|
+
icon = 'pi pi-spin pi-spinner';
|
|
11
|
+
iconSize = '3rem';
|
|
12
|
+
customClass = '';
|
|
13
|
+
fullscreen = false;
|
|
14
|
+
transparent = false;
|
|
15
|
+
blocked = false;
|
|
16
|
+
ngOnChanges(changes) {
|
|
17
|
+
if (changes['loading']) {
|
|
18
|
+
this.blocked = this.loading;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixLoadingOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixLoadingOverlayComponent, selector: "atomix-loading-overlay", inputs: { loading: "loading", target: "target", message: "message", icon: "icon", iconSize: "iconSize", customClass: "customClass", fullscreen: "fullscreen", transparent: "transparent" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"target && !fullscreen\">\n <p-blockUI [blocked]=\"blocked\" [target]=\"target\">\n <div\n class=\"flex flex-column align-items-center justify-content-center p-3 {{\n customClass\n }}\"\n >\n <p-progressSpinner\n *ngIf=\"icon === 'pi pi-spin pi-spinner'\"\n styleClass=\"w-{{ iconSize }} h-{{ iconSize }}\"\n strokeWidth=\"4\"\n animationDuration=\".5s\"\n >\n </p-progressSpinner>\n\n <i\n *ngIf=\"icon !== 'pi pi-spin pi-spinner'\"\n class=\"{{ icon }} text-{{ iconSize }} mb-3\"\n >\n </i>\n\n <span *ngIf=\"message\" class=\"mt-3 font-bold text-lg\">{{ message }}</span>\n </div>\n </p-blockUI>\n</ng-container>\n\n<div\n *ngIf=\"fullscreen && blocked\"\n class=\"atomix-loading-overlay-fullscreen flex flex-column align-items-center justify-content-center\"\n [ngClass]=\"{ 'atomix-loading-overlay-transparent': transparent }\"\n>\n <p-progressSpinner\n *ngIf=\"icon === 'pi pi-spin pi-spinner'\"\n styleClass=\"w-{{ iconSize }} h-{{ iconSize }}\"\n strokeWidth=\"4\"\n animationDuration=\".5s\"\n >\n </p-progressSpinner>\n\n <i\n *ngIf=\"icon !== 'pi pi-spin pi-spinner'\"\n class=\"{{ icon }} text-{{ iconSize }} mb-3\"\n >\n </i>\n\n <span *ngIf=\"message\" class=\"mt-3 font-bold text-lg\">{{ message }}</span>\n</div>\n", styles: [".atomix-loading-overlay-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:9999;color:#fff}.atomix-loading-overlay-transparent{background-color:#0003}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i3.BlockUI, selector: "p-blockUI", inputs: ["target", "autoZIndex", "baseZIndex", "styleClass", "blocked"] }] });
|
|
23
|
+
}
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixLoadingOverlayComponent, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{ selector: 'atomix-loading-overlay', template: "<ng-container *ngIf=\"target && !fullscreen\">\n <p-blockUI [blocked]=\"blocked\" [target]=\"target\">\n <div\n class=\"flex flex-column align-items-center justify-content-center p-3 {{\n customClass\n }}\"\n >\n <p-progressSpinner\n *ngIf=\"icon === 'pi pi-spin pi-spinner'\"\n styleClass=\"w-{{ iconSize }} h-{{ iconSize }}\"\n strokeWidth=\"4\"\n animationDuration=\".5s\"\n >\n </p-progressSpinner>\n\n <i\n *ngIf=\"icon !== 'pi pi-spin pi-spinner'\"\n class=\"{{ icon }} text-{{ iconSize }} mb-3\"\n >\n </i>\n\n <span *ngIf=\"message\" class=\"mt-3 font-bold text-lg\">{{ message }}</span>\n </div>\n </p-blockUI>\n</ng-container>\n\n<div\n *ngIf=\"fullscreen && blocked\"\n class=\"atomix-loading-overlay-fullscreen flex flex-column align-items-center justify-content-center\"\n [ngClass]=\"{ 'atomix-loading-overlay-transparent': transparent }\"\n>\n <p-progressSpinner\n *ngIf=\"icon === 'pi pi-spin pi-spinner'\"\n styleClass=\"w-{{ iconSize }} h-{{ iconSize }}\"\n strokeWidth=\"4\"\n animationDuration=\".5s\"\n >\n </p-progressSpinner>\n\n <i\n *ngIf=\"icon !== 'pi pi-spin pi-spinner'\"\n class=\"{{ icon }} text-{{ iconSize }} mb-3\"\n >\n </i>\n\n <span *ngIf=\"message\" class=\"mt-3 font-bold text-lg\">{{ message }}</span>\n</div>\n", styles: [".atomix-loading-overlay-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:9999;color:#fff}.atomix-loading-overlay-transparent{background-color:#0003}\n"] }]
|
|
27
|
+
}], propDecorators: { loading: [{
|
|
28
|
+
type: Input
|
|
29
|
+
}], target: [{
|
|
30
|
+
type: Input
|
|
31
|
+
}], message: [{
|
|
32
|
+
type: Input
|
|
33
|
+
}], icon: [{
|
|
34
|
+
type: Input
|
|
35
|
+
}], iconSize: [{
|
|
36
|
+
type: Input
|
|
37
|
+
}], customClass: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], fullscreen: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}], transparent: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}] } });
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWxvYWRpbmctb3ZlcmxheS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmltZWtpdC9zcmMvbGliL2xpYi9hdG9taXgtbG9hZGluZy1vdmVybGF5L2F0b21peC1sb2FkaW5nLW92ZXJsYXkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWxvYWRpbmctb3ZlcmxheS9hdG9taXgtbG9hZGluZy1vdmVybGF5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUE0QixNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFPM0UsTUFBTSxPQUFPLDZCQUE2QjtJQUMvQixPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQ2hCLE1BQU0sQ0FBTTtJQUNaLE9BQU8sR0FBRyxlQUFlLENBQUM7SUFDMUIsSUFBSSxHQUFHLHVCQUF1QixDQUFDO0lBQy9CLFFBQVEsR0FBRyxNQUFNLENBQUM7SUFDbEIsV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUNqQixVQUFVLEdBQUcsS0FBSyxDQUFDO0lBQ25CLFdBQVcsR0FBRyxLQUFLLENBQUM7SUFFN0IsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUVoQixXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLENBQUMsU0FBUyxDQUFDLEVBQUUsQ0FBQztZQUN2QixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7UUFDOUIsQ0FBQztJQUNILENBQUM7d0dBaEJVLDZCQUE2Qjs0RkFBN0IsNkJBQTZCLCtRQ1AxQywwMkNBK0NBOzs0RkR4Q2EsNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNFLHdCQUF3Qjs4QkFLekIsT0FBTztzQkFBZixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkNoYW5nZXMsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXRvbWl4LWxvYWRpbmctb3ZlcmxheScsXG4gIHRlbXBsYXRlVXJsOiAnLi9hdG9taXgtbG9hZGluZy1vdmVybGF5LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYXRvbWl4LWxvYWRpbmctb3ZlcmxheS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBdG9taXhMb2FkaW5nT3ZlcmxheUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpIGxvYWRpbmcgPSBmYWxzZTtcbiAgQElucHV0KCkgdGFyZ2V0OiBhbnk7XG4gIEBJbnB1dCgpIG1lc3NhZ2UgPSAnUHJvY2Vzc2luZy4uLic7XG4gIEBJbnB1dCgpIGljb24gPSAncGkgcGktc3BpbiBwaS1zcGlubmVyJztcbiAgQElucHV0KCkgaWNvblNpemUgPSAnM3JlbSc7XG4gIEBJbnB1dCgpIGN1c3RvbUNsYXNzID0gJyc7XG4gIEBJbnB1dCgpIGZ1bGxzY3JlZW4gPSBmYWxzZTtcbiAgQElucHV0KCkgdHJhbnNwYXJlbnQgPSBmYWxzZTtcblxuICBibG9ja2VkID0gZmFsc2U7XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGlmIChjaGFuZ2VzWydsb2FkaW5nJ10pIHtcbiAgICAgIHRoaXMuYmxvY2tlZCA9IHRoaXMubG9hZGluZztcbiAgICB9XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJ0YXJnZXQgJiYgIWZ1bGxzY3JlZW5cIj5cbiAgPHAtYmxvY2tVSSBbYmxvY2tlZF09XCJibG9ja2VkXCIgW3RhcmdldF09XCJ0YXJnZXRcIj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cImZsZXggZmxleC1jb2x1bW4gYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXIgcC0zIHt7XG4gICAgICAgIGN1c3RvbUNsYXNzXG4gICAgICB9fVwiXG4gICAgPlxuICAgICAgPHAtcHJvZ3Jlc3NTcGlubmVyXG4gICAgICAgICpuZ0lmPVwiaWNvbiA9PT0gJ3BpIHBpLXNwaW4gcGktc3Bpbm5lcidcIlxuICAgICAgICBzdHlsZUNsYXNzPVwidy17eyBpY29uU2l6ZSB9fSBoLXt7IGljb25TaXplIH19XCJcbiAgICAgICAgc3Ryb2tlV2lkdGg9XCI0XCJcbiAgICAgICAgYW5pbWF0aW9uRHVyYXRpb249XCIuNXNcIlxuICAgICAgPlxuICAgICAgPC9wLXByb2dyZXNzU3Bpbm5lcj5cblxuICAgICAgPGlcbiAgICAgICAgKm5nSWY9XCJpY29uICE9PSAncGkgcGktc3BpbiBwaS1zcGlubmVyJ1wiXG4gICAgICAgIGNsYXNzPVwie3sgaWNvbiB9fSB0ZXh0LXt7IGljb25TaXplIH19IG1iLTNcIlxuICAgICAgPlxuICAgICAgPC9pPlxuXG4gICAgICA8c3BhbiAqbmdJZj1cIm1lc3NhZ2VcIiBjbGFzcz1cIm10LTMgZm9udC1ib2xkIHRleHQtbGdcIj57eyBtZXNzYWdlIH19PC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L3AtYmxvY2tVST5cbjwvbmctY29udGFpbmVyPlxuXG48ZGl2XG4gICpuZ0lmPVwiZnVsbHNjcmVlbiAmJiBibG9ja2VkXCJcbiAgY2xhc3M9XCJhdG9taXgtbG9hZGluZy1vdmVybGF5LWZ1bGxzY3JlZW4gZmxleCBmbGV4LWNvbHVtbiBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlclwiXG4gIFtuZ0NsYXNzXT1cInsgJ2F0b21peC1sb2FkaW5nLW92ZXJsYXktdHJhbnNwYXJlbnQnOiB0cmFuc3BhcmVudCB9XCJcbj5cbiAgPHAtcHJvZ3Jlc3NTcGlubmVyXG4gICAgKm5nSWY9XCJpY29uID09PSAncGkgcGktc3BpbiBwaS1zcGlubmVyJ1wiXG4gICAgc3R5bGVDbGFzcz1cIncte3sgaWNvblNpemUgfX0gaC17eyBpY29uU2l6ZSB9fVwiXG4gICAgc3Ryb2tlV2lkdGg9XCI0XCJcbiAgICBhbmltYXRpb25EdXJhdGlvbj1cIi41c1wiXG4gID5cbiAgPC9wLXByb2dyZXNzU3Bpbm5lcj5cblxuICA8aVxuICAgICpuZ0lmPVwiaWNvbiAhPT0gJ3BpIHBpLXNwaW4gcGktc3Bpbm5lcidcIlxuICAgIGNsYXNzPVwie3sgaWNvbiB9fSB0ZXh0LXt7IGljb25TaXplIH19IG1iLTNcIlxuICA+XG4gIDwvaT5cblxuICA8c3BhbiAqbmdJZj1cIm1lc3NhZ2VcIiBjbGFzcz1cIm10LTMgZm9udC1ib2xkIHRleHQtbGdcIj57eyBtZXNzYWdlIH19PC9zcGFuPlxuPC9kaXY+XG4iXX0=
|