ps-toolkit-ui 1.21.42 → 1.21.67

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.
Files changed (169) hide show
  1. package/bundles/ps-toolkit-ui.umd.js +10322 -0
  2. package/bundles/ps-toolkit-ui.umd.js.map +1 -0
  3. package/bundles/ps-toolkit-ui.umd.min.js +2 -0
  4. package/bundles/ps-toolkit-ui.umd.min.js.map +1 -0
  5. package/esm2015/lib/classes/addModal.class.js +36 -0
  6. package/esm2015/lib/classes/chart.class.js +165 -0
  7. package/esm2015/lib/classes/currentDataClass.js +17 -0
  8. package/esm2015/lib/classes/enum.class.js +253 -0
  9. package/esm2015/lib/classes/excel.class.js +56 -0
  10. package/esm2015/lib/classes/form.class.js +667 -0
  11. package/esm2015/lib/classes/header.class.js +16 -0
  12. package/esm2015/lib/classes/helper.class.js +650 -0
  13. package/esm2015/lib/classes/lang.class.js +35 -0
  14. package/esm2015/lib/classes/login.class.js +29 -0
  15. package/esm2015/lib/classes/modal.class.js +49 -0
  16. package/esm2015/lib/classes/permission.class.js +63 -0
  17. package/esm2015/lib/classes/request.class.js +155 -0
  18. package/esm2015/lib/classes/safehtml.class.js +17 -0
  19. package/esm2015/lib/classes/safestyle.class.js +17 -0
  20. package/esm2015/lib/classes/sidebar.class.js +16 -0
  21. package/esm2015/lib/classes/steps.class.js +45 -0
  22. package/esm2015/lib/classes/string.class.js +251 -0
  23. package/esm2015/lib/classes/table.class.js +593 -0
  24. package/esm2015/lib/components/accordion/accordion.component.js +45 -0
  25. package/esm2015/lib/components/alert/alert.component.js +39 -0
  26. package/esm2015/lib/components/base.component.js +54 -0
  27. package/esm2015/lib/components/calendar/calendar.component.js +98 -0
  28. package/esm2015/lib/components/chart/chart.component.js +17 -0
  29. package/esm2015/lib/components/clock/clock.component.js +33 -0
  30. package/esm2015/lib/components/confirm/confirm.component.js +50 -0
  31. package/esm2015/lib/components/error/error.component.js +26 -0
  32. package/esm2015/lib/components/footer/footer.component.js +23 -0
  33. package/esm2015/lib/components/form/bank-card/form.bank-card.component.js +200 -0
  34. package/esm2015/lib/components/form/button/form.button.component.js +68 -0
  35. package/esm2015/lib/components/form/checkbox/form.checkbox.component.js +67 -0
  36. package/esm2015/lib/components/form/ckeditor/form.ckeditor.component.js +90 -0
  37. package/esm2015/lib/components/form/date/form.date.component.js +314 -0
  38. package/esm2015/lib/components/form/datetime/form.datetime.component.js +106 -0
  39. package/esm2015/lib/components/form/file/form.file.component.js +124 -0
  40. package/esm2015/lib/components/form/finger/form.finger.component.js +140 -0
  41. package/esm2015/lib/components/form/hidden/form.hidden.component.js +31 -0
  42. package/esm2015/lib/components/form/icon/form.icon.component.js +84 -0
  43. package/esm2015/lib/components/form/index/form.component.js +51 -0
  44. package/esm2015/lib/components/form/label/form.label.component.js +32 -0
  45. package/esm2015/lib/components/form/plaque/form.plaque.component.js +258 -0
  46. package/esm2015/lib/components/form/plaque/select/form.plaque.select.component.js +468 -0
  47. package/esm2015/lib/components/form/radio/form.radio.component.js +82 -0
  48. package/esm2015/lib/components/form/select/form.select.component.js +452 -0
  49. package/esm2015/lib/components/form/select/item/form.select.item.component.js +27 -0
  50. package/esm2015/lib/components/form/slide/form.slide.component.js +84 -0
  51. package/esm2015/lib/components/form/star/form.star.component.js +66 -0
  52. package/esm2015/lib/components/form/table/form.table.component.js +96 -0
  53. package/esm2015/lib/components/form/tag/form.tag.component.js +100 -0
  54. package/esm2015/lib/components/form/textarea/form.textarea.component.js +83 -0
  55. package/esm2015/lib/components/form/textbox/form.textbox.component.js +227 -0
  56. package/esm2015/lib/components/form/time/form.time.component.js +149 -0
  57. package/esm2015/lib/components/form/toggle/form.toggle.component.js +72 -0
  58. package/esm2015/lib/components/form/tree/form.tree.component.js +157 -0
  59. package/esm2015/lib/components/form/tree/item/form.tree.item.component.js +50 -0
  60. package/esm2015/lib/components/form/uploader/form.uploader.component.js +159 -0
  61. package/esm2015/lib/components/form/vehicle/form.vehicle.component.js +104 -0
  62. package/esm2015/lib/components/form/vehicle/search/form.vehicle.search.component.js +237 -0
  63. package/esm2015/lib/components/header/header.component.js +28 -0
  64. package/esm2015/lib/components/header/sub/sub.header.component.js +14 -0
  65. package/esm2015/lib/components/layout/layout.component.js +18 -0
  66. package/esm2015/lib/components/loading/loading.component.js +22 -0
  67. package/esm2015/lib/components/login/login.component.js +159 -0
  68. package/esm2015/lib/components/modal/modal.component.js +25 -0
  69. package/esm2015/lib/components/notfound/notfound.component.js +29 -0
  70. package/esm2015/lib/components/notification/notification.component.js +14 -0
  71. package/esm2015/lib/components/sidebar/item/sidebar.item.component.js +55 -0
  72. package/esm2015/lib/components/sidebar/sidebar.component.js +98 -0
  73. package/esm2015/lib/components/steps/steps.component.js +88 -0
  74. package/esm2015/lib/components/table/loading/table.loading.component.js +17 -0
  75. package/esm2015/lib/components/table/pagination/table.pagination.component.js +84 -0
  76. package/esm2015/lib/components/table/row/table.row.component.js +451 -0
  77. package/esm2015/lib/components/table/table.component.js +240 -0
  78. package/esm2015/lib/components/tooltip/tooltip.component.js +19 -0
  79. package/esm2015/lib/ps-toolkit-ui.module.js +105 -0
  80. package/esm2015/lib/services/config.service.js +14 -0
  81. package/esm2015/lib/services/sidebar.service.js +21 -0
  82. package/esm2015/ps-toolkit-ui.js +21 -0
  83. package/esm2015/public-api.js +64 -0
  84. package/fesm2015/ps-toolkit-ui.js +8927 -0
  85. package/fesm2015/ps-toolkit-ui.js.map +1 -0
  86. package/lib/classes/addModal.class.d.ts +14 -0
  87. package/lib/classes/chart.class.d.ts +15 -0
  88. package/lib/classes/currentDataClass.d.ts +10 -0
  89. package/lib/classes/enum.class.d.ts +221 -0
  90. package/lib/classes/excel.class.d.ts +8 -0
  91. package/lib/classes/form.class.d.ts +193 -0
  92. package/lib/classes/header.class.d.ts +8 -0
  93. package/lib/classes/helper.class.d.ts +50 -0
  94. package/lib/classes/lang.class.d.ts +5 -0
  95. package/lib/classes/login.class.d.ts +21 -0
  96. package/lib/classes/modal.class.d.ts +19 -0
  97. package/lib/classes/permission.class.d.ts +35 -0
  98. package/lib/classes/request.class.d.ts +10 -0
  99. package/lib/classes/safehtml.class.d.ts +7 -0
  100. package/lib/classes/safestyle.class.d.ts +7 -0
  101. package/lib/classes/sidebar.class.d.ts +14 -0
  102. package/lib/classes/steps.class.d.ts +31 -0
  103. package/lib/classes/string.class.d.ts +249 -0
  104. package/lib/classes/table.class.d.ts +88 -0
  105. package/lib/components/accordion/accordion.component.d.ts +7 -0
  106. package/lib/components/alert/alert.component.d.ts +10 -0
  107. package/lib/components/base.component.d.ts +17 -0
  108. package/lib/components/calendar/calendar.component.d.ts +26 -0
  109. package/lib/components/chart/chart.component.d.ts +5 -0
  110. package/lib/components/clock/clock.component.d.ts +11 -0
  111. package/lib/components/confirm/confirm.component.d.ts +14 -0
  112. package/lib/components/error/error.component.d.ts +7 -0
  113. package/lib/components/footer/footer.component.d.ts +6 -0
  114. package/lib/components/form/bank-card/form.bank-card.component.d.ts +28 -0
  115. package/lib/components/form/button/form.button.component.d.ts +15 -0
  116. package/lib/components/form/checkbox/form.checkbox.component.d.ts +14 -0
  117. package/lib/components/form/ckeditor/form.ckeditor.component.d.ts +14 -0
  118. package/lib/components/form/date/form.date.component.d.ts +45 -0
  119. package/lib/components/form/datetime/form.datetime.component.d.ts +13 -0
  120. package/lib/components/form/file/form.file.component.d.ts +18 -0
  121. package/lib/components/form/finger/form.finger.component.d.ts +15 -0
  122. package/lib/components/form/hidden/form.hidden.component.d.ts +7 -0
  123. package/lib/components/form/icon/form.icon.component.d.ts +16 -0
  124. package/lib/components/form/index/form.component.d.ts +10 -0
  125. package/lib/components/form/label/form.label.component.d.ts +8 -0
  126. package/lib/components/form/plaque/form.plaque.component.d.ts +21 -0
  127. package/lib/components/form/plaque/select/form.plaque.select.component.d.ts +38 -0
  128. package/lib/components/form/radio/form.radio.component.d.ts +13 -0
  129. package/lib/components/form/select/form.select.component.d.ts +45 -0
  130. package/lib/components/form/select/item/form.select.item.component.d.ts +12 -0
  131. package/lib/components/form/slide/form.slide.component.d.ts +13 -0
  132. package/lib/components/form/star/form.star.component.d.ts +13 -0
  133. package/lib/components/form/table/form.table.component.d.ts +9 -0
  134. package/lib/components/form/tag/form.tag.component.d.ts +16 -0
  135. package/lib/components/form/textarea/form.textarea.component.d.ts +13 -0
  136. package/lib/components/form/textbox/form.textbox.component.d.ts +20 -0
  137. package/lib/components/form/time/form.time.component.d.ts +25 -0
  138. package/lib/components/form/toggle/form.toggle.component.d.ts +13 -0
  139. package/lib/components/form/tree/form.tree.component.d.ts +21 -0
  140. package/lib/components/form/tree/item/form.tree.item.component.d.ts +19 -0
  141. package/lib/components/form/uploader/form.uploader.component.d.ts +21 -0
  142. package/lib/components/form/vehicle/form.vehicle.component.d.ts +18 -0
  143. package/lib/components/form/vehicle/search/form.vehicle.search.component.d.ts +22 -0
  144. package/lib/components/header/header.component.d.ts +10 -0
  145. package/lib/components/header/sub/sub.header.component.d.ts +3 -0
  146. package/lib/components/layout/layout.component.d.ts +7 -0
  147. package/lib/components/loading/loading.component.d.ts +5 -0
  148. package/lib/components/login/login.component.d.ts +15 -0
  149. package/lib/components/modal/modal.component.d.ts +9 -0
  150. package/lib/components/notfound/notfound.component.d.ts +8 -0
  151. package/lib/components/notification/notification.component.d.ts +3 -0
  152. package/lib/components/sidebar/item/sidebar.item.component.d.ts +14 -0
  153. package/lib/components/sidebar/sidebar.component.d.ts +22 -0
  154. package/lib/components/steps/steps.component.d.ts +16 -0
  155. package/lib/components/table/loading/table.loading.component.d.ts +5 -0
  156. package/lib/components/table/pagination/table.pagination.component.d.ts +15 -0
  157. package/lib/components/table/row/table.row.component.d.ts +44 -0
  158. package/lib/components/table/table.component.d.ts +43 -0
  159. package/lib/components/tooltip/tooltip.component.d.ts +5 -0
  160. package/lib/ps-toolkit-ui.module.d.ts +4 -0
  161. package/lib/services/config.service.d.ts +6 -0
  162. package/lib/services/sidebar.service.d.ts +9 -0
  163. package/package.json +12 -16
  164. package/ps-toolkit-ui.d.ts +20 -0
  165. package/ps-toolkit-ui.metadata.json +1 -0
  166. package/public-api.d.ts +60 -0
  167. package/fesm2022/ps-toolkit-ui.mjs +0 -9472
  168. package/fesm2022/ps-toolkit-ui.mjs.map +0 -1
  169. package/types/ps-toolkit-ui.d.ts +0 -1671
@@ -0,0 +1,84 @@
1
+ import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
2
+ import * as $ from 'jquery';
3
+ import { InputError } from '../../../classes/enum.class';
4
+ export class FormSlideComponent {
5
+ constructor() {
6
+ this.changeIndex = new EventEmitter();
7
+ }
8
+ ngOnInit() {
9
+ this.inp.load();
10
+ this.inp.setValue = (v, isEdit) => {
11
+ this.inp.value = v !== null ? v.toString() : this.inp.default != null ? this.inp.default.toString() : null;
12
+ if (this.inp.value == null && this.inp.options.length > 0) {
13
+ this.inp.value = this.inp.options.find(x => true).value;
14
+ }
15
+ this.onChange(isEdit);
16
+ };
17
+ if (this.inp.default != null) {
18
+ this.inp.setValue(this.inp.default, false);
19
+ }
20
+ this.inp.isValid = () => {
21
+ this.inp.error = null;
22
+ if (this.inp.required && this.inp.value === null) {
23
+ this.inp.error = InputError.Required;
24
+ return false;
25
+ }
26
+ return true;
27
+ };
28
+ this.inp.clear = () => {
29
+ this.inp.error = null;
30
+ this.inp.setValue(this.inp.default, false);
31
+ };
32
+ this.inp.data = () => {
33
+ return this.inp.value;
34
+ };
35
+ this.inp.focus = () => {
36
+ this.onFocusIn();
37
+ };
38
+ }
39
+ onClick() {
40
+ this.onFocusIn();
41
+ }
42
+ onKeyDown(e) {
43
+ const code = e.keyCode || e.which;
44
+ if (code === 9 || code === 13) {
45
+ e.preventDefault();
46
+ this.changeIndex.emit(e.shiftKey ? 'ShiftTab' : 'Tab');
47
+ }
48
+ const selected = this.inp.options.findIndex(x => x.value === this.inp.value);
49
+ if (code === 37) {
50
+ const next = (selected >= this.inp.options.length - 1) ? selected : selected + 1;
51
+ this.inp.value = this.inp.options[next].value;
52
+ }
53
+ if (code === 39) {
54
+ const next = (selected > 0) ? selected - 1 : 0;
55
+ this.inp.value = this.inp.options[next].value;
56
+ }
57
+ }
58
+ onChange(isEdit = false) {
59
+ this.inp.error = null;
60
+ if (this.inp.onChange) {
61
+ this.inp.onChange(this.inp);
62
+ }
63
+ if (!isEdit) {
64
+ this.changeIndex.emit('Tab');
65
+ }
66
+ }
67
+ onFocusIn() {
68
+ $(this.inputBase.nativeElement).focus();
69
+ }
70
+ }
71
+ FormSlideComponent.decorators = [
72
+ { type: Component, args: [{
73
+ selector: 'lib-form-slide',
74
+ template: "<div #inputDiv [id]=\"inp.id + 'SlideInput'\" [className]=\"'form-input-con slide w-100' + (inp.error == null ? '' : ' error') + (inp.disabled ? ' disabled' : '') + ' ' + inp.class\">\r\n <div class=\"form-input\" (click)=\"onClick()\">\r\n <input #inputBase type=\"text\" class=\"input-base\" (keydown)=\"onKeyDown($event)\" (focusin)=\"onFocusIn()\">\r\n <div class=\"control\">\r\n <label [className]=\"(o.class ? o.class + ' ' : '') + 'option'\" *ngFor=\"let o of inp.options\">\r\n <input [disabled]=\"inp.disabled || o.disabled\" (change)=\"onChange()\" [value]=\"o.value\" [(ngModel)]=\"inp.value\" [checked]=\"inp.value == o.value\" type=\"radio\" [name]=\"inp.name\">\r\n <div class=\"text\" [innerHTML]=\"inp.l(o.name)\"></div>\r\n </label>\r\n </div>\r\n </div>\r\n</div>\r\n",
75
+ styles: [".form-input-con.slide{padding:0 15px;position:relative}.form-input-con.slide .form-input{float:right;position:relative;width:100%}.form-input-con.slide .form-input .label{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor:default;direction:rtl;float:right;font-size:12px;height:20px;line-height:20px;margin-bottom:3px;padding:0 10px;text-align:right;width:100%}.form-input-con.slide.error .form-input .label{color:var(--red);font-size:10px}.form-input-con.slide .form-input .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.slide .form-input>.control{align-items:center;background-color:#fff;display:flex;float:right;justify-content:center;min-height:35px;overflow:hidden;width:100%}.form-input-con.slide .form-input .input-base{cursor:pointer;height:0;opacity:0;position:absolute;right:50%;top:50%;width:0;z-index:1}.form-input-con.slide.disabled .form-input .label,.form-input-con.slide.disabled .form-input>.control,.form-input-con.slide.disabled .form-input i.icon{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;box-shadow:unset;cursor:default;filter:blur(.5px);opacity:.7}.form-input-con.slide .form-input .control .option{-webkit-user-select:none;align-items:center;border:var(--border-input);cursor:pointer;display:flex;float:right;font-size:11px;height:35px;justify-content:center;overflow:hidden;position:relative;text-align:center;user-select:none}.form-input-con.slide .form-input .control .option:first-of-type{border-radius:0 var(--border-radius-base) var(--border-radius-base) 0}.form-input-con.slide .form-input .control .option:last-of-type{border-radius:var(--border-radius-base) 0 0 var(--border-radius-base)}.form-input-con.slide .form-input .control .option.disabled{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;box-shadow:unset;cursor:default;filter:blur(.5px);opacity:.7}.form-input-con.slide .form-input .control .option .text{align-items:center;display:flex;float:right;height:100%;justify-content:center;padding:5px 20px;width:100%}.form-input-con.slide .form-input .control .option input{cursor:pointer;opacity:0;position:absolute;right:0}.form-input-con.slide .form-input .control .option input:checked~.text{background-color:var(--primary);color:var(--white)}.form-input-con.slide.h-30 .form-input>.control{min-height:30px}.form-input-con.slide.h-30 .form-input .control .option{height:30px}.form-input-con.slide.h-25 .form-input>.control{min-height:25px}.form-input-con.slide.h-25 .form-input .control .option{height:25px}.form-input-con.slide.h-20 .form-input>.control{min-height:20px}.form-input-con.slide.h-20 .form-input .control .option{height:20px}"]
76
+ },] }
77
+ ];
78
+ FormSlideComponent.ctorParameters = () => [];
79
+ FormSlideComponent.propDecorators = {
80
+ inp: [{ type: Input }],
81
+ changeIndex: [{ type: Output }],
82
+ inputBase: [{ type: ViewChild, args: ['inputBase',] }]
83
+ };
84
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5zbGlkZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiRDovUHNUb29sa2l0L1VJL3Byb2plY3RzL3BzLXRvb2xraXQtdWkvc3JjLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvZm9ybS9zbGlkZS9mb3JtLnNsaWRlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNwRyxPQUFPLEtBQUssQ0FBQyxNQUFNLFFBQVEsQ0FBQztBQUU1QixPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFPdkQsTUFBTSxPQUFPLGtCQUFrQjtJQU03QjtRQUZBLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUd6QyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDaEIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFDLEVBQUUsTUFBTSxFQUFFLEVBQUU7WUFDaEMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxLQUFLLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7WUFDM0csSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssSUFBSSxJQUFJLElBQUksSUFBSSxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBQztnQkFDeEQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLEdBQUcsSUFB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QyxDQUFDLENBQUMsQ0FBQztZQUMvQyxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxLQUFLLENBQUM7U0FDL0M7SUFDSCxDQUFDO0lBQ0QsUUFBUSxDQUFDLE1BQU0sR0FBRyxLQUFLO1FBQ3JCLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztRQUN0QixJQUFJLElBQUksQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFDO1lBQ3BCLElBQUksQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztTQUM3QjtRQUNELElBQUksQ0FBQyxNQUFNLEVBQUM7WUFDVixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUM5QjtJQUNILENBQUM7SUFDRCxTQUFTO1FBQ1AsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDMUMsQ0FBQzs7O1lBNUVGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO2dCQUMxQixxMEJBQTBDOzthQUUzQzs7OztrQkFFRSxLQUFLOzBCQUVMLE1BQU07d0JBRU4sU0FBUyxTQUFDLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdDaGlsZH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCAqIGFzICQgZnJvbSAnanF1ZXJ5JztcclxuaW1wb3J0IHtJbnB1dENsYXNzfSBmcm9tICcuLi8uLi8uLi9jbGFzc2VzL2Zvcm0uY2xhc3MnO1xyXG5pbXBvcnQge0lucHV0RXJyb3J9IGZyb20gJy4uLy4uLy4uL2NsYXNzZXMvZW51bS5jbGFzcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1mb3JtLXNsaWRlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZm9ybS5zbGlkZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZm9ybS5zbGlkZS5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEZvcm1TbGlkZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdHtcclxuICBASW5wdXQoKVxyXG4gIGlucDogSW5wdXRDbGFzcztcclxuICBAT3V0cHV0KClcclxuICBjaGFuZ2VJbmRleCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xyXG4gIEBWaWV3Q2hpbGQoJ2lucHV0QmFzZScpIGlucHV0QmFzZTogRWxlbWVudFJlZjtcclxuICBjb25zdHJ1Y3Rvcigpe1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmlucC5sb2FkKCk7XHJcbiAgICB0aGlzLmlucC5zZXRWYWx1ZSA9ICh2LCBpc0VkaXQpID0+IHtcclxuICAgICAgdGhpcy5pbnAudmFsdWUgPSB2ICE9PSBudWxsID8gdi50b1N0cmluZygpIDogdGhpcy5pbnAuZGVmYXVsdCAhPSBudWxsID8gdGhpcy5pbnAuZGVmYXVsdC50b1N0cmluZygpIDogbnVsbDtcclxuICAgICAgaWYgKHRoaXMuaW5wLnZhbHVlID09IG51bGwgJiYgdGhpcy5pbnAub3B0aW9ucy5sZW5ndGggPiAwKXtcclxuICAgICAgICB0aGlzLmlucC52YWx1ZSA9IHRoaXMuaW5wLm9wdGlvbnMuZmluZCh4ID0+IHRydWUpLnZhbHVlO1xyXG4gICAgICB9XHJcbiAgICAgIHRoaXMub25DaGFuZ2UoaXNFZGl0KTtcclxuICAgIH07XHJcbiAgICBpZiAodGhpcy5pbnAuZGVmYXVsdCAhPSBudWxsKXtcclxuICAgICAgdGhpcy5pbnAuc2V0VmFsdWUodGhpcy5pbnAuZGVmYXVsdCwgZmFsc2UpO1xyXG4gICAgfVxyXG4gICAgdGhpcy5pbnAuaXNWYWxpZCA9ICgpID0+IHtcclxuICAgICAgdGhpcy5pbnAuZXJyb3IgPSBudWxsO1xyXG4gICAgICBpZiAodGhpcy5pbnAucmVxdWlyZWQgJiYgdGhpcy5pbnAudmFsdWUgPT09IG51bGwpIHtcclxuICAgICAgICB0aGlzLmlucC5lcnJvciA9IElucHV0RXJyb3IuUmVxdWlyZWQ7XHJcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgICB9XHJcbiAgICAgIHJldHVybiB0cnVlO1xyXG4gICAgfTtcclxuICAgIHRoaXMuaW5wLmNsZWFyID0gKCkgPT4ge1xyXG4gICAgICB0aGlzLmlucC5lcnJvciA9IG51bGw7XHJcbiAgICAgIHRoaXMuaW5wLnNldFZhbHVlKHRoaXMuaW5wLmRlZmF1bHQsIGZhbHNlKTtcclxuICAgIH07XHJcbiAgICB0aGlzLmlucC5kYXRhID0gKCkgPT4ge1xyXG4gICAgICByZXR1cm4gdGhpcy5pbnAudmFsdWU7XHJcbiAgICB9O1xyXG4gICAgdGhpcy5pbnAuZm9jdXMgPSAoKSA9PiB7XHJcbiAgICAgIHRoaXMub25Gb2N1c0luKCk7XHJcbiAgICB9O1xyXG4gIH1cclxuXHJcbiAgb25DbGljaygpOiB2b2lke1xyXG4gICAgdGhpcy5vbkZvY3VzSW4oKTtcclxuICB9XHJcbiAgb25LZXlEb3duKGUpOiB2b2lke1xyXG4gICAgY29uc3QgY29kZSA9IGUua2V5Q29kZSB8fCBlLndoaWNoO1xyXG4gICAgaWYgKGNvZGUgPT09IDkgfHwgY29kZSA9PT0gMTMpIHtcclxuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgICB0aGlzLmNoYW5nZUluZGV4LmVtaXQoZS5zaGlmdEtleSA/ICdTaGlmdFRhYicgOiAnVGFiJyk7XHJcbiAgICB9XHJcbiAgICBjb25zdCBzZWxlY3RlZCA9IHRoaXMuaW5wLm9wdGlvbnMuZmluZEluZGV4KHggPT4geC52YWx1ZSA9PT0gdGhpcy5pbnAudmFsdWUpO1xyXG4gICAgaWYgKGNvZGUgPT09IDM3KXtcclxuICAgICAgY29uc3QgbmV4dCA9IChzZWxlY3RlZCA+PSB0aGlzLmlucC5vcHRpb25zLmxlbmd0aCAtIDEpID8gc2VsZWN0ZWQgOiBzZWxlY3RlZCArIDE7XHJcbiAgICAgIHRoaXMuaW5wLnZhbHVlID0gdGhpcy5pbnAub3B0aW9uc1tuZXh0XS52YWx1ZTtcclxuICAgIH1cclxuICAgIGlmIChjb2RlID09PSAzOSl7XHJcbiAgICAgIGNvbnN0IG5leHQgPSAoc2VsZWN0ZWQgPiAwKSA/IHNlbGVjdGVkIC0gMSA6IDA7XHJcbiAgICAgIHRoaXMuaW5wLnZhbHVlID0gdGhpcy5pbnAub3B0aW9uc1tuZXh0XS52YWx1ZTtcclxuICAgIH1cclxuICB9XHJcbiAgb25DaGFuZ2UoaXNFZGl0ID0gZmFsc2UpOiB2b2lke1xyXG4gICAgdGhpcy5pbnAuZXJyb3IgPSBudWxsO1xyXG4gICAgaWYgKHRoaXMuaW5wLm9uQ2hhbmdlKXtcclxuICAgICAgdGhpcy5pbnAub25DaGFuZ2UodGhpcy5pbnApO1xyXG4gICAgfVxyXG4gICAgaWYgKCFpc0VkaXQpe1xyXG4gICAgICB0aGlzLmNoYW5nZUluZGV4LmVtaXQoJ1RhYicpO1xyXG4gICAgfVxyXG4gIH1cclxuICBvbkZvY3VzSW4oKTogdm9pZHtcclxuICAgICQodGhpcy5pbnB1dEJhc2UubmF0aXZlRWxlbWVudCkuZm9jdXMoKTtcclxuICB9XHJcbn1cclxuIl19
@@ -0,0 +1,66 @@
1
+ import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
2
+ import { InputError } from '../../../classes/enum.class';
3
+ import * as $ from 'jquery';
4
+ export class FormStarComponent {
5
+ constructor() {
6
+ this.changeIndex = new EventEmitter();
7
+ }
8
+ ngOnInit() {
9
+ this.inp.setValue = (v) => {
10
+ this.inp.value = v;
11
+ };
12
+ this.inp.isValid = () => {
13
+ this.inp.error = null;
14
+ if (this.inp.required && this.inp.value == null) {
15
+ this.inp.error = InputError.Required;
16
+ return false;
17
+ }
18
+ return true;
19
+ };
20
+ this.inp.clear = () => {
21
+ this.inp.value = null;
22
+ };
23
+ this.inp.data = () => {
24
+ return this.inp.value;
25
+ };
26
+ }
27
+ onChange(s) {
28
+ this.inp.value = s;
29
+ if (this.inp.onChange) {
30
+ this.inp.onChange(this.inp);
31
+ }
32
+ }
33
+ onClick() {
34
+ this.onFocusIn();
35
+ }
36
+ onFocusIn() {
37
+ $(this.inputBase.nativeElement).focus();
38
+ }
39
+ onKeyDown(e) {
40
+ const code = e.keyCode || e.which;
41
+ if (code === 9 || code === 13) {
42
+ e.preventDefault();
43
+ this.changeIndex.emit(e.shiftKey ? 'ShiftTab' : 'Tab');
44
+ }
45
+ else if (code === 37 && this.inp.value < 5) {
46
+ this.inp.value += 1;
47
+ }
48
+ else if (code === 39 && this.inp.value > 5) {
49
+ this.inp.value -= 1;
50
+ }
51
+ }
52
+ }
53
+ FormStarComponent.decorators = [
54
+ { type: Component, args: [{
55
+ selector: 'lib-form-star',
56
+ template: "<div #inputDiv [id]=\"inp.id + 'StarInput'\" [style]=\"inp.style\" [className]=\"'form-input-con star w-100' + (inp.error == null ? '' : ' error') + (inp.disabled || inp.loading ? ' disabled' : '') + ' ' + inp.class\">\r\n <div class=\"form-input\" (click)=\"onClick()\">\r\n <div *ngIf=\"inp.displayLabel\" class=\"label\"><i *ngIf=\"inp.required\" class=\"fas fa-star-of-life required-icon\"></i>{{inp.getLabel()}}</div>\r\n <input #inputBase type=\"text\" class=\"input-base\" (keydown)=\"onKeyDown($event)\" (focusin)=\"onFocusIn()\">\r\n <div class=\"control\">\r\n <input type=\"radio\" id=\"star5\" name=\"star\" [checked]=\"inp.value == 5 ? 'checked' : ''\" (change)=\"onChange(5)\">\r\n <label [className]=\"'option' + (inp.value == 5 ? ' checked' : '')\" for=\"star5\"></label>\r\n <input type=\"radio\" id=\"star4\" name=\"star\" [checked]=\"inp.value == 4 ? 'checked' : ''\" (change)=\"onChange(4)\">\r\n <label [className]=\"'option' + (inp.value == 4 ? ' checked' : '')\" class=\"option\" for=\"star4\"></label>\r\n <input type=\"radio\" id=\"star3\" name=\"star\" [checked]=\"inp.value == 3 ? 'checked' : ''\" (change)=\"onChange(3)\">\r\n <label [className]=\"'option' + (inp.value == 3 ? ' checked' : '')\" class=\"option\" for=\"star3\"></label>\r\n <input type=\"radio\" id=\"star2\" name=\"star\" [checked]=\"inp.value == 2 ? 'checked' : ''\" (change)=\"onChange(2)\">\r\n <label [className]=\"'option' + (inp.value == 2 ? ' checked' : '')\" class=\"option\" for=\"star2\"></label>\r\n <input type=\"radio\" id=\"star1\" name=\"star\" [checked]=\"inp.value == 1 ? 'checked' : ''\" (change)=\"onChange(1)\">\r\n <label [className]=\"'option' + (inp.value == 1 ? ' checked' : '')\" class=\"option\" for=\"star1\"></label>\r\n </div>\r\n </div>\r\n</div>\r\n",
57
+ styles: [".form-input-con.star{padding:0 15px;position:relative}.form-input-con.star .form-input{align-items:center;display:flex;float:right;justify-content:center;position:relative;width:100%}.form-input-con.star .form-input .label{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor:default;direction:rtl;float:right;font-size:12px;height:20px;line-height:20px;margin-bottom:3px;padding:0 10px;text-align:right;width:100%}.form-input-con.star.error .form-input .label{color:var(--red);font-size:10px}.form-input-con.star .form-input .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.star .form-input>.control{background-color:#fff;display:table;height:35px;position:relative;z-index:2}.form-input-con.star .form-input .input-base{cursor:pointer;height:0;opacity:0;position:absolute;right:50%;top:50%;width:0;z-index:1}.form-input-con.star .form-input .input-base:focus+.control,.form-input-con.star .form-input:hover .control{outline:none}.form-input-con.star.error .form-input>.control{border:var(--border-input-red)}.form-input-con.star .form-input>.control input{display:none}.form-input-con.star .form-input>.control>.option{background-image:url(\"data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e\");background-position:50%;background-repeat:no-repeat;background-size:76%;cursor:pointer;float:right;height:35px;margin-top:auto;transition:.3s;width:35px}.form-input-con.star .form-input>.control input:checked~.option,.form-input-con.star .form-input>.control input:checked~.option~.option{background-image:url(\"data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23f7d000' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e\")}.form-input-con.star .form-input>.control input:not(:checked)~.option:hover,.form-input-con.star .form-input>.control input:not(:checked)~.option:hover~.option{background-image:url(\"data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3bc00' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e\")}"]
58
+ },] }
59
+ ];
60
+ FormStarComponent.ctorParameters = () => [];
61
+ FormStarComponent.propDecorators = {
62
+ inp: [{ type: Input }],
63
+ changeIndex: [{ type: Output }],
64
+ inputBase: [{ type: ViewChild, args: ['inputBase',] }]
65
+ };
66
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5zdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJEOi9Qc1Rvb2xraXQvVUkvcHJvamVjdHMvcHMtdG9vbGtpdC11aS9zcmMvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9mb3JtL3N0YXIvZm9ybS5zdGFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUVwRyxPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFDdkQsT0FBTyxLQUFLLENBQUMsTUFBTSxRQUFRLENBQUM7QUFPNUIsTUFBTSxPQUFPLGlCQUFpQjtJQU01QjtRQUZBLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUd6QyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxHQUFHLENBQUMsUUFBUSxHQUFHLENBQUMsQ0FBQyxFQUFFLEVBQUU7WUFDeEIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ3JCLENBQUMsQ0FBQztRQUNGLElBQUksQ0FBQyxHQUFHLENBQUMsT0FBTyxHQUFHLEdBQUcsRUFBRTtZQUN0QixJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7WUFDdEIsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssSUFBSSxJQUFJLEVBQUM7Z0JBQzlDLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxHQUFHLFVBQVUsQ0FBQyxRQUFRLENBQUM7Z0JBQ3JDLE9BQU8sS0FBSyxDQUFDO2FBQ2Q7WUFDRCxPQUFPLElBQUksQ0FBQztRQUNkLENBQUMsQ0FBQztRQUNGLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxHQUFHLEdBQUcsRUFBRTtZQUNwQixJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7UUFDeEIsQ0FBQyxDQUFDO1FBQ0YsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLEdBQUcsR0FBRyxFQUFFO1lBQ25CLE9BQU8sSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUM7UUFDeEIsQ0FBQyxDQUFDO0lBQ0osQ0FBQztJQUNELFFBQVEsQ0FBQyxDQUFTO1FBQ2hCLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQztRQUNuQixJQUFJLElBQUksQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFDO1lBQ3BCLElBQUksQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztTQUM3QjtJQUNILENBQUM7SUFDRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ25CLENBQUM7SUFDRCxTQUFTO1FBQ1AsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDMUMsQ0FBQztJQUNELFNBQVMsQ0FBQyxDQUFDO1FBQ1QsTUFBTSxJQUFJLEdBQUcsQ0FBQyxDQUFDLE9BQU8sSUFBSSxDQUFDLENBQUMsS0FBSyxDQUFDO1FBQ2xDLElBQUksSUFBSSxLQUFLLENBQUMsSUFBSSxJQUFJLEtBQUssRUFBRSxFQUFFO1lBQzdCLENBQUMsQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ3hEO2FBQU0sSUFBSSxJQUFJLEtBQUssRUFBRSxJQUFJLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxHQUFHLENBQUMsRUFBQztZQUMzQyxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssSUFBSSxDQUFDLENBQUM7U0FDckI7YUFBTSxJQUFJLElBQUksS0FBSyxFQUFFLElBQUksSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxFQUFDO1lBQzNDLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxJQUFJLENBQUMsQ0FBQztTQUNyQjtJQUNILENBQUM7OztZQXZERixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGVBQWU7Z0JBQ3pCLDJ6REFBeUM7O2FBRTFDOzs7O2tCQUVFLEtBQUs7MEJBRUwsTUFBTTt3QkFFTixTQUFTLFNBQUMsV0FBVyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtJbnB1dENsYXNzfSBmcm9tICcuLi8uLi8uLi9jbGFzc2VzL2Zvcm0uY2xhc3MnO1xyXG5pbXBvcnQge0lucHV0RXJyb3J9IGZyb20gJy4uLy4uLy4uL2NsYXNzZXMvZW51bS5jbGFzcyc7XHJcbmltcG9ydCAqIGFzICQgZnJvbSAnanF1ZXJ5JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWZvcm0tc3RhcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2Zvcm0uc3Rhci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZm9ybS5zdGFyLmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRm9ybVN0YXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXR7XHJcbiAgQElucHV0KClcclxuICBpbnA6IElucHV0Q2xhc3M7XHJcbiAgQE91dHB1dCgpXHJcbiAgY2hhbmdlSW5kZXggPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuICBAVmlld0NoaWxkKCdpbnB1dEJhc2UnKSBpbnB1dEJhc2U6IEVsZW1lbnRSZWY7XHJcbiAgY29uc3RydWN0b3IoKXtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5pbnAuc2V0VmFsdWUgPSAodikgPT4ge1xyXG4gICAgICB0aGlzLmlucC52YWx1ZSA9IHY7XHJcbiAgICB9O1xyXG4gICAgdGhpcy5pbnAuaXNWYWxpZCA9ICgpID0+IHtcclxuICAgICAgdGhpcy5pbnAuZXJyb3IgPSBudWxsO1xyXG4gICAgICBpZiAodGhpcy5pbnAucmVxdWlyZWQgJiYgdGhpcy5pbnAudmFsdWUgPT0gbnVsbCl7XHJcbiAgICAgICAgdGhpcy5pbnAuZXJyb3IgPSBJbnB1dEVycm9yLlJlcXVpcmVkO1xyXG4gICAgICAgIHJldHVybiBmYWxzZTtcclxuICAgICAgfVxyXG4gICAgICByZXR1cm4gdHJ1ZTtcclxuICAgIH07XHJcbiAgICB0aGlzLmlucC5jbGVhciA9ICgpID0+IHtcclxuICAgICAgdGhpcy5pbnAudmFsdWUgPSBudWxsO1xyXG4gICAgfTtcclxuICAgIHRoaXMuaW5wLmRhdGEgPSAoKSA9PiB7XHJcbiAgICAgIHJldHVybiB0aGlzLmlucC52YWx1ZTtcclxuICAgIH07XHJcbiAgfVxyXG4gIG9uQ2hhbmdlKHM6IG51bWJlcik6IHZvaWR7XHJcbiAgICB0aGlzLmlucC52YWx1ZSA9IHM7XHJcbiAgICBpZiAodGhpcy5pbnAub25DaGFuZ2Upe1xyXG4gICAgICB0aGlzLmlucC5vbkNoYW5nZSh0aGlzLmlucCk7XHJcbiAgICB9XHJcbiAgfVxyXG4gIG9uQ2xpY2soKTogdm9pZHtcclxuICAgIHRoaXMub25Gb2N1c0luKCk7XHJcbiAgfVxyXG4gIG9uRm9jdXNJbigpOiB2b2lke1xyXG4gICAgJCh0aGlzLmlucHV0QmFzZS5uYXRpdmVFbGVtZW50KS5mb2N1cygpO1xyXG4gIH1cclxuICBvbktleURvd24oZSk6IHZvaWR7XHJcbiAgICBjb25zdCBjb2RlID0gZS5rZXlDb2RlIHx8IGUud2hpY2g7XHJcbiAgICBpZiAoY29kZSA9PT0gOSB8fCBjb2RlID09PSAxMykge1xyXG4gICAgICBlLnByZXZlbnREZWZhdWx0KCk7XHJcbiAgICAgIHRoaXMuY2hhbmdlSW5kZXguZW1pdChlLnNoaWZ0S2V5ID8gJ1NoaWZ0VGFiJyA6ICdUYWInKTtcclxuICAgIH0gZWxzZSBpZiAoY29kZSA9PT0gMzcgJiYgdGhpcy5pbnAudmFsdWUgPCA1KXtcclxuICAgICAgdGhpcy5pbnAudmFsdWUgKz0gMTtcclxuICAgIH0gZWxzZSBpZiAoY29kZSA9PT0gMzkgJiYgdGhpcy5pbnAudmFsdWUgPiA1KXtcclxuICAgICAgdGhpcy5pbnAudmFsdWUgLT0gMTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIl19
@@ -0,0 +1,96 @@
1
+ import { Component, EventEmitter, Input, Output } from '@angular/core';
2
+ import { InputClass } from '../../../classes/form.class';
3
+ import { InputError, InputType, PermissionAccessTypeEnum } from '../../../classes/enum.class';
4
+ import { HelperClass } from '../../../classes/helper.class';
5
+ export class FormTableComponent {
6
+ constructor() {
7
+ this.changeIndex = new EventEmitter();
8
+ }
9
+ ngOnInit() {
10
+ const permissions = this.inp.table.permissions != null ? this.inp.table.permissions : HelperClass.getTablePermissions();
11
+ this.inp.table.permissions = permissions;
12
+ this.inp.table.displayLabel = false;
13
+ this.inp.table.style = { padding: 0, boxShadow: 'unset' };
14
+ this.inp.table.showExtraButtons = false;
15
+ this.inp.table.loading = false;
16
+ this.inp.table.cols.forEach(x => {
17
+ x.sort = false;
18
+ x.withSearch = false;
19
+ });
20
+ if (this.inp.table.form) {
21
+ this.inp.table.form.onTop = true;
22
+ this.inp.table.form.inputs.push(new InputClass(this.inp.environment, this.inp.l, 'Id', null, InputType.Hidden, '', null, false));
23
+ this.inp.table.form.inputs.forEach(x => {
24
+ x.displayLabel = false;
25
+ x.class += ' h-30';
26
+ });
27
+ }
28
+ this.inp.setValue = (v) => {
29
+ this.inp.table.rows = v === null ? [] : v.map(x => {
30
+ return {
31
+ Data: x,
32
+ Options: this.inp.table.form ? permissions.Accesses.filter(a => a.AccessType === PermissionAccessTypeEnum.Update || a.AccessType === PermissionAccessTypeEnum.Delete) :
33
+ permissions.Accesses.filter(a => a.AccessType === PermissionAccessTypeEnum.Delete)
34
+ };
35
+ });
36
+ };
37
+ this.inp.focus = () => {
38
+ if (this.inp.table.form) {
39
+ this.inp.table.form.inputs.find(_ => true).focus();
40
+ }
41
+ };
42
+ this.inp.isValid = () => {
43
+ this.inp.error = null;
44
+ if (this.inp.required && this.inp.table.rows.length === 0) {
45
+ this.inp.error = InputError.Required;
46
+ return false;
47
+ }
48
+ if (!this.inp.required && this.inp.table.rows.length === 0) {
49
+ return true;
50
+ }
51
+ if (this.inp.required && this.inp.minLength !== -1 && this.inp.minLength === this.inp.maxLength &&
52
+ this.inp.table.rows.length !== this.inp.minLength) {
53
+ this.inp.error = InputError.Length;
54
+ return false;
55
+ }
56
+ if (this.inp.required && this.inp.minLength !== -1 && this.inp.table.rows.length < this.inp.minLength) {
57
+ this.inp.error = InputError.MinLength;
58
+ return false;
59
+ }
60
+ if (this.inp.required && this.inp.maxLength !== -1 && this.inp.table.rows.length > this.inp.maxLength) {
61
+ this.inp.error = InputError.MaxLength;
62
+ return false;
63
+ }
64
+ return true;
65
+ };
66
+ this.inp.clear = () => {
67
+ this.inp.error = null;
68
+ this.inp.setValue(this.inp.default === null ? [] : this.inp.default, false);
69
+ };
70
+ this.inp.data = () => {
71
+ return this.inp.table.rows.map(x => x.Data);
72
+ };
73
+ if (this.inp.default) {
74
+ this.inp.setValue(this.inp.default, false);
75
+ }
76
+ }
77
+ changeRows(e) {
78
+ this.inp.error = null;
79
+ if (this.inp.onChange) {
80
+ this.inp.onChange(e);
81
+ }
82
+ }
83
+ }
84
+ FormTableComponent.decorators = [
85
+ { type: Component, args: [{
86
+ selector: 'lib-form-table',
87
+ template: "<div #inputDiv [id]=\"inp.id + 'TableInput'\" [style]=\"inp.style\" [className]=\"'form-input-con table w-100' + (inp.error == null ? '' : ' error') + (inp.disabled ? ' disabled' : '') + ' ' + inp.class\">\r\n <div class=\"form-input\">\r\n <div *ngIf=\"inp.displayLabel\" class=\"label\"><i *ngIf=\"inp.required\" class=\"fas fa-star-of-life required-icon\"></i>{{inp.getLabel()}}</div>\r\n <div class=\"control\">\r\n <lib-table (changeRows)=\"changeRows($event)\" [table]=\"inp.table\"></lib-table>\r\n </div>\r\n </div>\r\n</div>\r\n",
88
+ styles: [".form-input-con.table{padding:0 15px;position:relative}.form-input-con.table .form-input{float:right;position:relative;width:100%}.form-input-con.table .form-input .label{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor:default;direction:rtl;float:right;font-size:12px;height:20px;line-height:20px;margin-bottom:3px;padding:0 10px;text-align:right;width:100%}.form-input-con.table.error .form-input .label{color:var(--red);font-size:10px}.form-input-con.table .form-input .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.table .form-input .control{border:var(--border-input);border-radius:var(--border-radius-base);float:right;width:100%}.form-input-con.table.error .form-input .control{border:var(--border-input-red)}"]
89
+ },] }
90
+ ];
91
+ FormTableComponent.ctorParameters = () => [];
92
+ FormTableComponent.propDecorators = {
93
+ inp: [{ type: Input }],
94
+ changeIndex: [{ type: Output }]
95
+ };
96
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS50YWJsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiRDovUHNUb29sa2l0L1VJL3Byb2plY3RzL3BzLXRvb2xraXQtdWkvc3JjLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvZm9ybS90YWJsZS9mb3JtLnRhYmxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzdFLE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSw2QkFBNkIsQ0FBQztBQUN2RCxPQUFPLEVBQUMsVUFBVSxFQUFFLFNBQVMsRUFBRSx3QkFBd0IsRUFBQyxNQUFNLDZCQUE2QixDQUFDO0FBQzVGLE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSwrQkFBK0IsQ0FBQztBQU8xRCxNQUFNLE9BQU8sa0JBQWtCO0lBSzdCO1FBREEsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBRXpDLENBQUM7SUFDRCxRQUFRO1FBQ04sTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsV0FBVyxJQUFJLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztRQUN4SCxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxXQUFXLEdBQUcsV0FBVyxDQUFDO1FBQ3pDLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7UUFDcEMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLEVBQUMsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFDLENBQUM7UUFDeEQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsZ0JBQWdCLEdBQUcsS0FBSyxDQUFDO1FBQ3hDLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7UUFDL0IsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUM5QixDQUFDLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztZQUNmLENBQUMsQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUM7WUFDdEIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7WUFDakMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQztZQUNqSSxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRTtnQkFDckMsQ0FBQyxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7Z0JBQ3ZCLENBQUMsQ0FBQyxLQUFLLElBQUksT0FBTyxDQUFDO1lBQ3JCLENBQUMsQ0FBQyxDQUFDO1NBQ0o7UUFDRCxJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsR0FBRyxDQUFDLENBQUMsRUFBRSxFQUFFO1lBQ3hCLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLElBQUksR0FBRyxDQUFDLEtBQUssSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUU7Z0JBQ2hELE9BQU87b0JBQ0wsSUFBSSxFQUFFLENBQUM7b0JBQ1AsT0FBTyxFQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsVUFBVSxLQUFLLHdCQUF3QixDQUFDLE1BQU0sSUFBSSxDQUFDLENBQUMsVUFBVSxLQUFLLHdCQUF3QixDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUM7d0JBQ3JLLFdBQVcsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLFVBQVUsS0FBSyx3QkFBd0IsQ0FBQyxNQUFNLENBQUM7aUJBQ3JGLENBQUM7WUFDSixDQUFDLENBQUMsQ0FBQztRQUNMLENBQUMsQ0FBQztRQUNGLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxHQUFHLEdBQUcsRUFBRTtZQUNwQixJQUFJLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLElBQUksRUFBQztnQkFDdEIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxLQUFLLEVBQUUsQ0FBQzthQUNwRDtRQUNILENBQUMsQ0FBQztRQUNGLElBQUksQ0FBQyxHQUFHLENBQUMsT0FBTyxHQUFHLEdBQUcsRUFBRTtZQUN0QixJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7WUFDdEIsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRTtnQkFDekQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLEdBQUcsVUFBVSxDQUFDLFFBQVEsQ0FBQztnQkFDckMsT0FBTyxLQUFLLENBQUM7YUFDZDtZQUNELElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRTtnQkFDMUQsT0FBTyxJQUFJLENBQUM7YUFDYjtZQUNELElBQUksSUFBSSxDQUFDLEdBQUcsQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLEdBQUcsQ0FBQyxTQUFTLEtBQUssQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDLEdBQUcsQ0FBQyxTQUFTLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxTQUFTO2dCQUM3RixJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsU0FBUyxFQUFFO2dCQUNuRCxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO2dCQUNuQyxPQUFPLEtBQUssQ0FBQzthQUNkO1lBQ0QsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLFNBQVMsS0FBSyxDQUFDLENBQUMsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsU0FBUyxFQUFFO2dCQUNyRyxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssR0FBRyxVQUFVLENBQUMsU0FBUyxDQUFDO2dCQUN0QyxPQUFPLEtBQUssQ0FBQzthQUNkO1lBQ0QsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLFNBQVMsS0FBSyxDQUFDLENBQUMsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsU0FBUyxFQUFFO2dCQUNyRyxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssR0FBRyxVQUFVLENBQUMsU0FBUyxDQUFDO2dCQUN0QyxPQUFPLEtBQUssQ0FBQzthQUNkO1lBQ0QsT0FBTyxJQUFJLENBQUM7UUFDZCxDQUFDLENBQUM7UUFDRixJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssR0FBRyxHQUFHLEVBQUU7WUFDcEIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsT0FBTyxLQUFLLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsQ0FBQztRQUM5RSxDQUFDLENBQUM7UUFDRixJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksR0FBRyxHQUFHLEVBQUU7WUFDbkIsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzlDLENBQUMsQ0FBQztRQUNGLElBQUksSUFBSSxDQUFDLEdBQUcsQ0FBQyxPQUFPLEVBQUM7WUFDbkIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLENBQUM7U0FDNUM7SUFDSCxDQUFDO0lBQ0QsVUFBVSxDQUFDLENBQUM7UUFDVixJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7UUFDdEIsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBQztZQUNwQixJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUN0QjtJQUNILENBQUM7OztZQXJGRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGdCQUFnQjtnQkFDMUIscWpCQUEwQzs7YUFFM0M7Ozs7a0JBRUUsS0FBSzswQkFFTCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtJbnB1dENsYXNzfSBmcm9tICcuLi8uLi8uLi9jbGFzc2VzL2Zvcm0uY2xhc3MnO1xyXG5pbXBvcnQge0lucHV0RXJyb3IsIElucHV0VHlwZSwgUGVybWlzc2lvbkFjY2Vzc1R5cGVFbnVtfSBmcm9tICcuLi8uLi8uLi9jbGFzc2VzL2VudW0uY2xhc3MnO1xyXG5pbXBvcnQge0hlbHBlckNsYXNzfSBmcm9tICcuLi8uLi8uLi9jbGFzc2VzL2hlbHBlci5jbGFzcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1mb3JtLXRhYmxlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZm9ybS50YWJsZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZm9ybS50YWJsZS5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEZvcm1UYWJsZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdHtcclxuICBASW5wdXQoKVxyXG4gIGlucDogSW5wdXRDbGFzcztcclxuICBAT3V0cHV0KClcclxuICBjaGFuZ2VJbmRleCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xyXG4gIGNvbnN0cnVjdG9yKCl7XHJcbiAgfVxyXG4gIG5nT25Jbml0KCk6IHZvaWR7XHJcbiAgICBjb25zdCBwZXJtaXNzaW9ucyA9IHRoaXMuaW5wLnRhYmxlLnBlcm1pc3Npb25zICE9IG51bGwgPyB0aGlzLmlucC50YWJsZS5wZXJtaXNzaW9ucyA6IEhlbHBlckNsYXNzLmdldFRhYmxlUGVybWlzc2lvbnMoKTtcclxuICAgIHRoaXMuaW5wLnRhYmxlLnBlcm1pc3Npb25zID0gcGVybWlzc2lvbnM7XHJcbiAgICB0aGlzLmlucC50YWJsZS5kaXNwbGF5TGFiZWwgPSBmYWxzZTtcclxuICAgIHRoaXMuaW5wLnRhYmxlLnN0eWxlID0ge3BhZGRpbmc6IDAsIGJveFNoYWRvdzogJ3Vuc2V0J307XHJcbiAgICB0aGlzLmlucC50YWJsZS5zaG93RXh0cmFCdXR0b25zID0gZmFsc2U7XHJcbiAgICB0aGlzLmlucC50YWJsZS5sb2FkaW5nID0gZmFsc2U7XHJcbiAgICB0aGlzLmlucC50YWJsZS5jb2xzLmZvckVhY2goeCA9PiB7XHJcbiAgICAgIHguc29ydCA9IGZhbHNlO1xyXG4gICAgICB4LndpdGhTZWFyY2ggPSBmYWxzZTtcclxuICAgIH0pO1xyXG4gICAgaWYgKHRoaXMuaW5wLnRhYmxlLmZvcm0pe1xyXG4gICAgICB0aGlzLmlucC50YWJsZS5mb3JtLm9uVG9wID0gdHJ1ZTtcclxuICAgICAgdGhpcy5pbnAudGFibGUuZm9ybS5pbnB1dHMucHVzaChuZXcgSW5wdXRDbGFzcyh0aGlzLmlucC5lbnZpcm9ubWVudCwgdGhpcy5pbnAubCwgJ0lkJywgbnVsbCwgSW5wdXRUeXBlLkhpZGRlbiwgJycsIG51bGwsIGZhbHNlKSk7XHJcbiAgICAgIHRoaXMuaW5wLnRhYmxlLmZvcm0uaW5wdXRzLmZvckVhY2goeCA9PiB7XHJcbiAgICAgICAgeC5kaXNwbGF5TGFiZWwgPSBmYWxzZTtcclxuICAgICAgICB4LmNsYXNzICs9ICcgaC0zMCc7XHJcbiAgICAgIH0pO1xyXG4gICAgfVxyXG4gICAgdGhpcy5pbnAuc2V0VmFsdWUgPSAodikgPT4ge1xyXG4gICAgICB0aGlzLmlucC50YWJsZS5yb3dzID0gdiA9PT0gbnVsbCA/IFtdIDogdi5tYXAoeCA9PiB7XHJcbiAgICAgICAgcmV0dXJuIHtcclxuICAgICAgICAgIERhdGE6IHgsXHJcbiAgICAgICAgICBPcHRpb25zOiB0aGlzLmlucC50YWJsZS5mb3JtID8gcGVybWlzc2lvbnMuQWNjZXNzZXMuZmlsdGVyKGEgPT4gYS5BY2Nlc3NUeXBlID09PSBQZXJtaXNzaW9uQWNjZXNzVHlwZUVudW0uVXBkYXRlIHx8IGEuQWNjZXNzVHlwZSA9PT0gUGVybWlzc2lvbkFjY2Vzc1R5cGVFbnVtLkRlbGV0ZSkgOlxyXG4gICAgICAgICAgICBwZXJtaXNzaW9ucy5BY2Nlc3Nlcy5maWx0ZXIoYSA9PiBhLkFjY2Vzc1R5cGUgPT09IFBlcm1pc3Npb25BY2Nlc3NUeXBlRW51bS5EZWxldGUpXHJcbiAgICAgICAgfTtcclxuICAgICAgfSk7XHJcbiAgICB9O1xyXG4gICAgdGhpcy5pbnAuZm9jdXMgPSAoKSA9PiB7XHJcbiAgICAgIGlmICh0aGlzLmlucC50YWJsZS5mb3JtKXtcclxuICAgICAgICB0aGlzLmlucC50YWJsZS5mb3JtLmlucHV0cy5maW5kKF8gPT4gdHJ1ZSkuZm9jdXMoKTtcclxuICAgICAgfVxyXG4gICAgfTtcclxuICAgIHRoaXMuaW5wLmlzVmFsaWQgPSAoKSA9PiB7XHJcbiAgICAgIHRoaXMuaW5wLmVycm9yID0gbnVsbDtcclxuICAgICAgaWYgKHRoaXMuaW5wLnJlcXVpcmVkICYmIHRoaXMuaW5wLnRhYmxlLnJvd3MubGVuZ3RoID09PSAwKSB7XHJcbiAgICAgICAgdGhpcy5pbnAuZXJyb3IgPSBJbnB1dEVycm9yLlJlcXVpcmVkO1xyXG4gICAgICAgIHJldHVybiBmYWxzZTtcclxuICAgICAgfVxyXG4gICAgICBpZiAoIXRoaXMuaW5wLnJlcXVpcmVkICYmIHRoaXMuaW5wLnRhYmxlLnJvd3MubGVuZ3RoID09PSAwKSB7XHJcbiAgICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICAgIH1cclxuICAgICAgaWYgKHRoaXMuaW5wLnJlcXVpcmVkICYmIHRoaXMuaW5wLm1pbkxlbmd0aCAhPT0gLTEgJiYgdGhpcy5pbnAubWluTGVuZ3RoID09PSB0aGlzLmlucC5tYXhMZW5ndGggJiZcclxuICAgICAgICB0aGlzLmlucC50YWJsZS5yb3dzLmxlbmd0aCAhPT0gdGhpcy5pbnAubWluTGVuZ3RoKSB7XHJcbiAgICAgICAgdGhpcy5pbnAuZXJyb3IgPSBJbnB1dEVycm9yLkxlbmd0aDtcclxuICAgICAgICByZXR1cm4gZmFsc2U7XHJcbiAgICAgIH1cclxuICAgICAgaWYgKHRoaXMuaW5wLnJlcXVpcmVkICYmIHRoaXMuaW5wLm1pbkxlbmd0aCAhPT0gLTEgJiYgdGhpcy5pbnAudGFibGUucm93cy5sZW5ndGggPCB0aGlzLmlucC5taW5MZW5ndGgpIHtcclxuICAgICAgICB0aGlzLmlucC5lcnJvciA9IElucHV0RXJyb3IuTWluTGVuZ3RoO1xyXG4gICAgICAgIHJldHVybiBmYWxzZTtcclxuICAgICAgfVxyXG4gICAgICBpZiAodGhpcy5pbnAucmVxdWlyZWQgJiYgdGhpcy5pbnAubWF4TGVuZ3RoICE9PSAtMSAmJiB0aGlzLmlucC50YWJsZS5yb3dzLmxlbmd0aCA+IHRoaXMuaW5wLm1heExlbmd0aCkge1xyXG4gICAgICAgIHRoaXMuaW5wLmVycm9yID0gSW5wdXRFcnJvci5NYXhMZW5ndGg7XHJcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgICB9XHJcbiAgICAgIHJldHVybiB0cnVlO1xyXG4gICAgfTtcclxuICAgIHRoaXMuaW5wLmNsZWFyID0gKCkgPT4ge1xyXG4gICAgICB0aGlzLmlucC5lcnJvciA9IG51bGw7XHJcbiAgICAgIHRoaXMuaW5wLnNldFZhbHVlKHRoaXMuaW5wLmRlZmF1bHQgPT09IG51bGwgPyBbXSA6IHRoaXMuaW5wLmRlZmF1bHQsIGZhbHNlKTtcclxuICAgIH07XHJcbiAgICB0aGlzLmlucC5kYXRhID0gKCkgPT4ge1xyXG4gICAgICByZXR1cm4gdGhpcy5pbnAudGFibGUucm93cy5tYXAoeCA9PiB4LkRhdGEpO1xyXG4gICAgfTtcclxuICAgIGlmICh0aGlzLmlucC5kZWZhdWx0KXtcclxuICAgICAgdGhpcy5pbnAuc2V0VmFsdWUodGhpcy5pbnAuZGVmYXVsdCwgZmFsc2UpO1xyXG4gICAgfVxyXG4gIH1cclxuICBjaGFuZ2VSb3dzKGUpOiB2b2lke1xyXG4gICAgdGhpcy5pbnAuZXJyb3IgPSBudWxsO1xyXG4gICAgaWYgKHRoaXMuaW5wLm9uQ2hhbmdlKXtcclxuICAgICAgdGhpcy5pbnAub25DaGFuZ2UoZSk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiJdfQ==
@@ -0,0 +1,100 @@
1
+ import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
2
+ import * as $ from 'jquery';
3
+ import { InputError, InputType } from '../../../classes/enum.class';
4
+ import { HelperClass } from '../../../classes/helper.class';
5
+ export class FormTagComponent {
6
+ constructor() {
7
+ this.cValue = '';
8
+ this.changeIndex = new EventEmitter();
9
+ }
10
+ ngOnInit() {
11
+ this.inp.setValue = (v) => {
12
+ this.inp.value = v != null ? v instanceof Array ? v : v.toString().split(/[,]/).filter(x => x !== '') : [];
13
+ };
14
+ this.inp.focus = (changeIndex = false) => {
15
+ this.onFocusIn(changeIndex);
16
+ };
17
+ this.inp.isValid = () => {
18
+ this.inp.error = null;
19
+ if (this.inp.required && this.inp.value.length === 0) {
20
+ this.inp.error = InputError.Required;
21
+ return false;
22
+ }
23
+ if (!this.inp.required && this.inp.value.length === 0) {
24
+ return true;
25
+ }
26
+ if (this.inp.allowed !== null && this.inp.value.filter(x => x !== '').map(x => RegExp(this.inp.allowed === InputType.BillNumber ? /^\d+(\/\d+)*$/ : '').test(x)).some(x => x === false)) {
27
+ this.inp.error = InputError.Invalid;
28
+ return false;
29
+ }
30
+ return true;
31
+ };
32
+ this.inp.clear = () => {
33
+ this.inp.error = null;
34
+ this.inp.setValue(this.inp.default, false);
35
+ };
36
+ this.inp.data = () => {
37
+ return this.inp.value.filter(x => x !== '');
38
+ };
39
+ this.inp.setValue(this.inp.default, false);
40
+ }
41
+ onFocusIn(changeIndex = false) {
42
+ if (changeIndex) {
43
+ this.inputBase.nativeElement.select();
44
+ }
45
+ else {
46
+ this.inputBase.nativeElement.focus();
47
+ }
48
+ }
49
+ onKeyDown(e) {
50
+ const v = $(this.inputBase.nativeElement);
51
+ if (this.inp.onKeyDown) {
52
+ this.inp.onKeyDown(e);
53
+ }
54
+ const code = e.keyCode || e.which;
55
+ if (code === 9) {
56
+ e.preventDefault();
57
+ this.setValue(v);
58
+ this.changeIndex.emit(code === 9 ? e.shiftKey ? 'ShiftTab' : 'Tab' : e.shiftKey ? 'ShiftEnter' : 'Enter');
59
+ }
60
+ else if (code === 13) {
61
+ if (v.val() !== '') {
62
+ this.setValue(v);
63
+ }
64
+ }
65
+ else if (code === 8) {
66
+ if (v.val() === '') {
67
+ this.inp.value.pop();
68
+ }
69
+ }
70
+ this.inp.error = null;
71
+ }
72
+ onFocusOut() {
73
+ const v = $(this.inputBase.nativeElement);
74
+ this.setValue(v);
75
+ }
76
+ removeTag(t) {
77
+ this.inp.value = this.inp.value.filter(x => x !== t);
78
+ }
79
+ setValue(v) {
80
+ if (v.val() !== '') {
81
+ this.inp.value = this.inp.value.concat(HelperClass.fixChars(v.val().toString()).split(/[,]/).filter(x => x !== '' && !this.inp.value.includes(x)));
82
+ v.val('');
83
+ }
84
+ }
85
+ }
86
+ FormTagComponent.decorators = [
87
+ { type: Component, args: [{
88
+ selector: 'lib-form-tag',
89
+ template: "<div #inputDiv [id]=\"inp.id + 'TextInput'\" [style]=\"inp.style\" [className]=\"'form-input-con tag w-100' + (inp.error == null ? '' : ' error') + (inp.disabled || inp.loading ? ' disabled' : '') + (inp.icon == null ? ' without-icon' : '') + ' ' + inp.class\">\r\n <div class=\"form-input\" (click)=\"onFocusIn()\">\r\n <div *ngIf=\"inp.displayLabel\" class=\"label\"><i *ngIf=\"inp.required\" class=\"fas fa-star-of-life required-icon\"></i>{{inp.getLabel()}}</div>\r\n <div class=\"control\">\r\n <i *ngIf=\"inp.icon != null || inp.loading\" #inputIcon [className]=\"(inp.loading ? 'fad fa-spin fa-spinner' : inp.icon) + ' icon'\"></i>\r\n <div class=\"tag\" *ngFor=\"let t of inp.value\"><i (click)=\"removeTag(t)\" class=\"fas fa-times\"></i><span>{{t}}</span></div>\r\n <input (keydown)=\"onKeyDown($event)\" (focusout)=\"onFocusOut()\" [disabled]=\"inp.disabled || inp.loading\" [placeholder]=\"inp.placeholder ? inp.l(inp.placeholder) : ''\" #inputBase type=\"text\" autocomplete=\"off\">\r\n </div>\r\n </div>\r\n</div>\r\n",
90
+ styles: [".form-input-con.tag{padding:0 15px;position:relative}.form-input-con.tag .form-input{float:right;position:relative;width:100%}.form-input-con.tag .form-input .label{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor:default;direction:rtl;float:right;font-size:12px;height:20px;line-height:20px;margin-bottom:3px;padding:0 10px;text-align:right;width:100%}.form-input-con.tag.error .form-input .label{color:var(--red);font-size:10px}.form-input-con.tag .form-input .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.tag .form-input .control{align-items:center;background-color:#fff;border:var(--border-input);border-radius:var(--border-radius-base);cursor:text;display:flex;flex-flow:wrap;float:right;justify-content:center;min-height:35px;padding:5px 35px;position:relative;width:100%;z-index:2}.form-input-con.tag .form-input .control input{background-image:none;border:unset;color:var(--black);float:right;font-size:11px;height:20px;margin:1.5px 5px;outline:none;padding:0;position:relative;text-align:center;width:100px}.form-input-con.tag .form-input .control .tag{background-color:var(--primary);border-radius:var(--border-radius-base);color:var(--white);cursor:default;float:right;margin:1.5px 5px;overflow:hidden}.form-input-con.tag .form-input .control .tag span{float:right;font-size:12px;height:20px;line-height:20px;padding:0 5px}.form-input-con.tag .form-input .control .tag i{cursor:pointer;float:right;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.tag .form-input .control .tag i:hover{background-color:var(--blue-dark)}.form-input-con.tag .form-input .control:focus,.form-input-con.tag .form-input:hover .control{border:var(--border-input-dark);outline:none}.form-input-con.tag.error .form-input .control{border:var(--border-input-red)}.form-input-con.tag.error .form-input .control,.form-input-con.tag.error .form-input i.icon{color:var(--red)}.form-input-con.tag.error .form-input .control:focus,.form-input-con.tag.error .form-input:hover .control{border:var(--border-input-red-dark)}.form-input-con.tag .form-input i.icon{color:var(--primary);cursor:text;left:0;line-height:38px;top:0}.form-input-con.tag .form-input i.icon,.form-input-con.tag .form-input span.clear-icon{font-size:14px;height:35px;position:absolute;text-align:center;transition:all .35s ease-in-out;width:35px;z-index:2}.form-input-con.tag .form-input span.clear-icon{bottom:0;color:var(--red);cursor:pointer;line-height:35px;right:0}.form-input-con.tag.disabled .form-input .control,.form-input-con.tag.disabled .form-input .label,.form-input-con.tag.disabled .form-input i.icon{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;box-shadow:unset;cursor:default;filter:blur(.5px);opacity:.7}.form-input-con.tag .form-input .progress{background-color:var(--primary);border-radius:var(--border-radius-base);bottom:-3px;height:10px;line-height:10px;margin-right:0;position:absolute;right:0;transition:width .5s ease-in-out;width:100%}.form-input-con.tag.h-50 .form-input .control{height:50px}.form-input-con.tag.h-50 .form-input i.icon{height:50px;line-height:50px}.form-input-con.tag.h-45 .form-input .control{font-size:17px;height:45px}.form-input-con.tag.h-45 .form-input .control::-moz-placeholder,.form-input-con.tag.h-45 .form-input .control::-webkit-input-placeholder{font-size:12px}.form-input-con.tag.h-45 .form-input i.icon{font-size:15px;height:45px;line-height:50px}.form-input-con.tag.h-30 .form-input .control{font-size:10px;height:30px;padding:0}.form-input-con.tag.h-30 .form-input i.icon{font-size:11px;height:30px;line-height:33px;width:30px}.form-input-con.tag.h-35{height:35px}.form-input-con.tag.h-35 .form-input .control{height:35px;padding:0 35px}.form-input-con.tag.h-35 .form-input i.icon{height:35px;line-height:35px}"]
91
+ },] }
92
+ ];
93
+ FormTagComponent.propDecorators = {
94
+ inp: [{ type: Input }],
95
+ changeIndex: [{ type: Output }],
96
+ inputBase: [{ type: ViewChild, args: ['inputBase',] }],
97
+ inputDiv: [{ type: ViewChild, args: ['inputDiv',] }],
98
+ inputLabel: [{ type: ViewChild, args: ['inputLabel',] }]
99
+ };
100
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS50YWcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IkQ6L1BzVG9vbGtpdC9VSS9wcm9qZWN0cy9wcy10b29sa2l0LXVpL3NyYy8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL2Zvcm0vdGFnL2Zvcm0udGFnLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNwRyxPQUFPLEtBQUssQ0FBQyxNQUFNLFFBQVEsQ0FBQztBQUU1QixPQUFPLEVBQUMsVUFBVSxFQUFFLFNBQVMsRUFBQyxNQUFNLDZCQUE2QixDQUFDO0FBQ2xFLE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSwrQkFBK0IsQ0FBQztBQU8xRCxNQUFNLE9BQU8sZ0JBQWdCO0lBTDdCO1FBUUUsV0FBTSxHQUFHLEVBQUUsQ0FBQztRQUVaLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQStFM0MsQ0FBQztJQXpFQyxRQUFRO1FBQ04sSUFBSSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUN4QixJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssR0FBRyxDQUFDLElBQUksSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLFlBQVksS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFFLENBQUMsQ0FBQyxFQUFFLENBQUM7UUFDOUcsQ0FBQyxDQUFDO1FBQ0YsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxXQUFXLEdBQUUsS0FBSyxFQUFFLEVBQUU7WUFDdEMsSUFBSSxD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SUFBSSxDQUFDLENBQUMsR0FBRyxFQUFFLEtBQUssRUFBRSxFQUFDO1lBQ2pCLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUNuSixDQUFDLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1NBQ1g7SUFDSCxDQUFDOzs7WUF4RkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxjQUFjO2dCQUN4Qiw4aUNBQXdDOzthQUV6Qzs7O2tCQUVFLEtBQUs7MEJBR0wsTUFBTTt3QkFHTixTQUFTLFNBQUMsV0FBVzt1QkFDckIsU0FBUyxTQUFDLFVBQVU7eUJBQ3BCLFNBQVMsU0FBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBWaWV3Q2hpbGR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgKiBhcyAkIGZyb20gJ2pxdWVyeSc7XHJcbmltcG9ydCB7SW5wdXRDbGFzc30gZnJvbSAnLi4vLi4vLi4vY2xhc3Nlcy9mb3JtLmNsYXNzJztcclxuaW1wb3J0IHtJbnB1dEVycm9yLCBJbnB1dFR5cGV9IGZyb20gJy4uLy4uLy4uL2NsYXNzZXMvZW51bS5jbGFzcyc7XHJcbmltcG9ydCB7SGVscGVyQ2xhc3N9IGZyb20gJy4uLy4uLy4uL2NsYXNzZXMvaGVscGVyLmNsYXNzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWZvcm0tdGFnJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZm9ybS50YWcuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2Zvcm0udGFnLmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRm9ybVRhZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KClcclxuICBpbnA6IElucHV0Q2xhc3M7XHJcbiAgY1ZhbHVlID0gJyc7XHJcbiAgQE91dHB1dCgpXHJcbiAgY2hhbmdlSW5kZXggPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuXHJcbiAgQFZpZXdDaGlsZCgnaW5wdXRCYXNlJykgaW5wdXRCYXNlOiBFbGVtZW50UmVmO1xyXG4gIEBWaWV3Q2hpbGQoJ2lucHV0RGl2JykgaW5wdXREaXY6IEVsZW1lbnRSZWY7XHJcbiAgQFZpZXdDaGlsZCgnaW5wdXRMYWJlbCcpIGlucHV0TGFiZWw6IEVsZW1lbnRSZWY7XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5pbnAuc2V0VmFsdWUgPSAodikgPT4ge1xyXG4gICAgICB0aGlzLmlucC52YWx1ZSA9IHYgIT0gbnVsbCA/IHYgaW5zdGFuY2VvZiBBcnJheSA/IHYgOiB2LnRvU3RyaW5nKCkuc3BsaXQoL1ssXS8pLmZpbHRlcih4ID0+IHggIT09ICcnKSAgOiBbXTtcclxuICAgIH07XHJcbiAgICB0aGlzLmlucC5mb2N1cyA9IChjaGFuZ2VJbmRleD0gZmFsc2UpID0+IHtcclxuICAgICAgdGhpcy5vbkZvY3VzSW4oY2hhbmdlSW5kZXgpO1xyXG4gICAgfTtcclxuICAgIHRoaXMuaW5wLmlzVmFsaWQgPSAoKSA9PiB7XHJcbiAgICAgIHRoaXMuaW5wLmVycm9yID0gbnVsbDtcclxuICAgICAgaWYgKHRoaXMuaW5wLnJlcXVpcmVkICYmIHRoaXMuaW5wLnZhbHVlLmxlbmd0aCA9PT0gMCkge1xyXG4gICAgICAgIHRoaXMuaW5wLmVycm9yID0gSW5wdXRFcnJvci5SZXF1aXJlZDtcclxuICAgICAgICByZXR1cm4gZmFsc2U7XHJcbiAgICAgIH1cclxuICAgICAgaWYgKCF0aGlzLmlucC5yZXF1aXJlZCAmJiB0aGlzLmlucC52YWx1ZS5sZW5ndGggPT09IDApIHtcclxuICAgICAgICByZXR1cm4gdHJ1ZTtcclxuICAgICAgfVxyXG4gICAgICBpZiAodGhpcy5pbnAuYWxsb3dlZCAhPT0gbnVsbCAmJiB0aGlzLmlucC52YWx1ZS5maWx0ZXIoeCA9PiB4ICE9PSAnJykubWFwKHggPT4gUmVnRXhwKHRoaXMuaW5wLmFsbG93ZWQgPT09IElucHV0VHlwZS5CaWxsTnVtYmVyID8gL15cXGQrKFxcL1xcZCspKiQvIDogJycpLnRlc3QoeCkpLnNvbWUoeCA9PiB4ID09PSBmYWxzZSkpIHtcclxuICAgICAgICB0aGlzLmlucC5lcnJvciA9IElucHV0RXJyb3IuSW52YWxpZDtcclxuICAgICAgICByZXR1cm4gZmFsc2U7XHJcbiAgICAgIH1cclxuICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICB9O1xyXG4gICAgdGhpcy5pbnAuY2xlYXIgPSAoKSA9PiB7XHJcbiAgICAgIHRoaXMuaW5wLmVycm9yID0gbnVsbDtcclxuICAgICAgdGhpcy5pbnAuc2V0VmFsdWUodGhpcy5pbnAuZGVmYXVsdCwgZmFsc2UpO1xyXG4gICAgfTtcclxuICAgIHRoaXMuaW5wLmRhdGEgPSAoKSA9PiB7XHJcbiAgICAgIHJldHVybiB0aGlzLmlucC52YWx1ZS5maWx0ZXIoeCA9PiB4ICE9PSAnJyk7XHJcbiAgICB9O1xyXG4gICAgdGhpcy5pbnAuc2V0VmFsdWUodGhpcy5pbnAuZGVmYXVsdCwgZmFsc2UpO1xyXG4gIH1cclxuXHJcbiAgb25Gb2N1c0luKGNoYW5nZUluZGV4ID0gZmFsc2UpOiB2b2lkIHtcclxuICAgIGlmIChjaGFuZ2VJbmRleCl7XHJcbiAgICAgIHRoaXMuaW5wdXRCYXNlLm5hdGl2ZUVsZW1lbnQuc2VsZWN0KCk7XHJcbiAgICB9ZWxzZXtcclxuICAgICAgdGhpcy5pbnB1dEJhc2UubmF0aXZlRWxlbWVudC5mb2N1cygpO1xyXG4gICAgfVxyXG4gIH1cclxuICBvbktleURvd24oZSk6IHZvaWQge1xyXG4gICAgY29uc3QgdiA9ICQodGhpcy5pbnB1dEJhc2UubmF0aXZlRWxlbWVudCk7XHJcbiAgICBpZiAodGhpcy5pbnAub25LZXlEb3duKSB7XHJcbiAgICAgIHRoaXMuaW5wLm9uS2V5RG93bihlKTtcclxuICAgIH1cclxuICAgIGNvbnN0IGNvZGUgPSBlLmtleUNvZGUgfHwgZS53aGljaDtcclxuICAgIGlmIChjb2RlID09PSA5KSB7XHJcbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcclxuICAgICAgdGhpcy5zZXRWYWx1ZSh2KTtcclxuICAgICAgdGhpcy5jaGFuZ2VJbmRleC5lbWl0KGNvZGUgPT09IDkgPyBlLnNoaWZ0S2V5ID8gJ1NoaWZ0VGFiJyA6ICdUYWInIDogZS5zaGlmdEtleSA/ICdTaGlmdEVudGVyJyA6ICdFbnRlcicpO1xyXG4gICAgfSBlbHNlIGlmIChjb2RlID09PSAxMyl7XHJcbiAgICAgIGlmICh2LnZhbCgpICE9PSAnJyl7XHJcbiAgICAgICAgdGhpcy5zZXRWYWx1ZSh2KTtcclxuICAgICAgfVxyXG4gICAgfSBlbHNlIGlmIChjb2RlID09PSA4KXtcclxuICAgICAgaWYgKHYudmFsKCkgPT09ICcnKXtcclxuICAgICAgICB0aGlzLmlucC52YWx1ZS5wb3AoKTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgdGhpcy5pbnAuZXJyb3IgPSBudWxsO1xyXG4gIH1cclxuICBvbkZvY3VzT3V0KCk6IHZvaWR7XHJcbiAgICBjb25zdCB2ID0gJCh0aGlzLmlucHV0QmFzZS5uYXRpdmVFbGVtZW50KTtcclxuICAgIHRoaXMuc2V0VmFsdWUodik7XHJcbiAgfVxyXG4gIHJlbW92ZVRhZyh0KTogdm9pZHtcclxuICAgIHRoaXMuaW5wLnZhbHVlID0gdGhpcy5pbnAudmFsdWUuZmlsdGVyKHggPT4geCAhPT0gdCk7XHJcbiAgfVxyXG4gIHNldFZhbHVlKHYpOiB2b2lke1xyXG4gICAgaWYgKHYudmFsKCkgIT09ICcnKXtcclxuICAgICAgdGhpcy5pbnAudmFsdWUgPSB0aGlzLmlucC52YWx1ZS5jb25jYXQoSGVscGVyQ2xhc3MuZml4Q2hhcnModi52YWwoKS50b1N0cmluZygpKS5zcGxpdCgvWyxdLykuZmlsdGVyKHggPT4geCAhPT0gJycgJiYgIXRoaXMuaW5wLnZhbHVlLmluY2x1ZGVzKHgpKSk7XHJcbiAgICAgIHYudmFsKCcnKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIl19
@@ -0,0 +1,83 @@
1
+ import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
2
+ import { InputError } from '../../../classes/enum.class';
3
+ import { HelperClass } from '../../../classes/helper.class';
4
+ export class FormTextareaComponent {
5
+ constructor() {
6
+ this.changeIndex = new EventEmitter();
7
+ }
8
+ ngOnInit() {
9
+ this.inp.setValue = (v) => {
10
+ this.inp.value = v;
11
+ };
12
+ this.inp.isValid = () => {
13
+ this.inp.error = null;
14
+ if (this.inp.required && !this.inp.value) {
15
+ this.inp.error = InputError.Required;
16
+ return false;
17
+ }
18
+ if (!this.inp.required && !this.inp.value) {
19
+ return true;
20
+ }
21
+ if (this.inp.required && this.inp.minLength !== -1 &&
22
+ this.inp.minLength === this.inp.maxLength &&
23
+ this.inp.value.length !== this.inp.minLength) {
24
+ this.inp.error = InputError.Length;
25
+ return false;
26
+ }
27
+ if (this.inp.required &&
28
+ this.inp.minLength !== -1 &&
29
+ this.inp.value.length < this.inp.minLength) {
30
+ this.inp.error = InputError.MinLength;
31
+ return false;
32
+ }
33
+ if (this.inp.required &&
34
+ this.inp.maxLength !== -1 &&
35
+ this.inp.value.length > this.inp.maxLength) {
36
+ this.inp.error = InputError.MaxLength;
37
+ return false;
38
+ }
39
+ return true;
40
+ };
41
+ this.inp.clear = () => {
42
+ this.inp.error = null;
43
+ this.inp.value = this.inp.default;
44
+ };
45
+ this.inp.data = () => {
46
+ const v = this.inp.value;
47
+ if (v === null || v === '' || v === undefined) {
48
+ return null;
49
+ }
50
+ return HelperClass.fixChars(v);
51
+ };
52
+ this.inp.focus = () => {
53
+ this.onFocusIn();
54
+ };
55
+ }
56
+ onFocusIn() {
57
+ this.inputBase.nativeElement.focus();
58
+ }
59
+ onKeyDown(e) {
60
+ this.inp.error = null;
61
+ const code = e.keyCode || e.which;
62
+ if (code === 9) {
63
+ e.preventDefault();
64
+ this.changeIndex.emit(e.shiftKey ? 'ShiftTab' : 'Tab');
65
+ }
66
+ }
67
+ }
68
+ FormTextareaComponent.decorators = [
69
+ { type: Component, args: [{
70
+ selector: 'lib-form-textarea',
71
+ template: "<div #inputDiv [id]=\"inp.id + 'TextareaInput'\" [style]=\"inp.style\" [className]=\"'form-input-con textarea w-100' + (inp.error == null ? '' : ' error') + (inp.disabled ? ' disabled' : '') + ' ' + inp.class\">\r\n <div class=\"form-input\" (click)=\"onFocusIn()\">\r\n <div *ngIf=\"inp.displayLabel\" class=\"label\"><i *ngIf=\"inp.required\" class=\"fas fa-star-of-life required-icon\"></i>{{inp.getLabel()}}</div>\r\n <div class=\"w-100 p-r\">\r\n <textarea (keydown)=\"onKeyDown($event)\" [disabled]=\"inp.disabled\" [(ngModel)]=\"inp.value\" [placeholder]=\"inp.placeholder ? inp.l(inp.placeholder) : ''\" #inputBase [name]=\"inp.name\" class=\"control\" autocomplete=\"off\" [maxLength]=\"inp.maxLength > 0 ? inp.maxLength : 524288\"></textarea>\r\n <i *ngIf=\"inp.icon != null || inp.loading\" #inputIcon [className]=\"(inp.loading ? 'fad fa-spin fa-spinner' : inp.icon) + ' icon'\"></i>\r\n <i *ngIf=\"inp.withClear && inp.value\" (click)=\"inp.clear()\" class=\"fad fa-times clear-icon\"></i>\r\n </div>\r\n </div>\r\n</div>\r\n",
72
+ styles: [".form-input-con.textarea{padding:0 15px;position:relative}.form-input-con.textarea .form-input{float:right;position:relative;width:100%}.form-input-con.textarea .form-input .label{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor:default;direction:rtl;float:right;font-size:12px;height:20px;line-height:20px;margin-bottom:3px;padding:0 10px;text-align:right;width:100%}.form-input-con.textarea.error .form-input .label{color:var(--red);font-size:10px}.form-input-con.textarea .form-input .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.textarea .form-input .control{background-image:none;border:none;border:var(--border-input);border-radius:var(--border-radius-base);color:var(--black);display:block;font-size:11px;height:80px;line-height:23px;margin:0;padding:5px 35px;resize:none;text-align:center;width:100%}.form-input-con.textarea .form-input .control:focus,.form-input-con.textarea .form-input .control:hover{border:var(--border-input-dark);outline:none}.form-input-con.textarea .form-input i.icon{color:var(--primary);cursor:text;left:0;z-index:1}.form-input-con.textarea .form-input i.clear-icon,.form-input-con.textarea .form-input i.icon{font-size:14px;height:35px;line-height:35px;position:absolute;text-align:center;top:0;transition:all .35s ease-in-out;width:35px}.form-input-con.textarea .form-input i.clear-icon{color:var(--red);cursor:pointer;right:0;z-index:3}.form-input-con.textarea.error .form-input .control{border:var(--border-input-red)}.form-input-con.textarea.error .form-input .control:focus,.form-input-con.textarea.error .form-input .control:hover{border:var(--border-input-red-dark)}.form-input-con.textarea.error .form-input .control,.form-input-con.textarea.error .form-input i.icon{color:var(--red-light)}.form-input-con.textarea.h-30 .form-input .control{height:30px}.form-input-con.textarea.h-35 .form-input .control{height:35px}.form-input-con.textarea.h-40 .form-input .control{height:40px}.form-input-con.textarea.h-45 .form-input .control{height:45px}.form-input-con.textarea.h-50 .form-input .control{height:50px}"]
73
+ },] }
74
+ ];
75
+ FormTextareaComponent.ctorParameters = () => [];
76
+ FormTextareaComponent.propDecorators = {
77
+ inp: [{ type: Input }],
78
+ changeIndex: [{ type: Output }],
79
+ inputBase: [{ type: ViewChild, args: ['inputBase',] }],
80
+ inputDiv: [{ type: ViewChild, args: ['inputDiv',] }],
81
+ inputLabel: [{ type: ViewChild, args: ['inputLabel',] }]
82
+ };
83
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS50ZXh0YXJlYS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiRDovUHNUb29sa2l0L1VJL3Byb2plY3RzL3BzLXRvb2xraXQtdWkvc3JjLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvZm9ybS90ZXh0YXJlYS9mb3JtLnRleHRhcmVhLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFjLFlBQVksRUFBZ0IsS0FBSyxFQUFVLE1BQU0sRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFbEgsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLDZCQUE2QixDQUFDO0FBQ3ZELE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSwrQkFBK0IsQ0FBQztBQU8xRCxNQUFNLE9BQU8scUJBQXFCO0lBUWhDO1FBSkEsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBS3pDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUN4QixJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7UUFDckIsQ0FBQyxDQUFDO1FBQ0YsSUFBSSxDQUFDLEdBQUcsQ0FBQyxPQUFPLEdBQUcsR0FBRyxFQUFFO1lBQ3RCLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztZQUN0QixJQUFJLElBQUksQ0FBQyxHQUFHLENBQUMsUUFBUSxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLEVBQUU7Z0JBQ3hDLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxHQUFHLFVBQVUsQ0FBQyxRQUFRLENBQUM7Z0JBQ3JDLE9BQU8sS0FBSyxDQUFDO2FBQ2Q7WUFDRCxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxRQUFRLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssRUFB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QkFDN0Isb2pDQUE2Qzs7YUFFOUM7Ozs7a0JBRUUsS0FBSzswQkFFTCxNQUFNO3dCQUVOLFNBQVMsU0FBQyxXQUFXO3VCQUNyQixTQUFTLFNBQUMsVUFBVTt5QkFDcEIsU0FBUyxTQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtJbnB1dENsYXNzfSBmcm9tICcuLi8uLi8uLi9jbGFzc2VzL2Zvcm0uY2xhc3MnO1xyXG5pbXBvcnQge0lucHV0RXJyb3J9IGZyb20gJy4uLy4uLy4uL2NsYXNzZXMvZW51bS5jbGFzcyc7XHJcbmltcG9ydCB7SGVscGVyQ2xhc3N9IGZyb20gJy4uLy4uLy4uL2NsYXNzZXMvaGVscGVyLmNsYXNzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWZvcm0tdGV4dGFyZWEnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9mb3JtLnRleHRhcmVhLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9mb3JtLnRleHRhcmVhLmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRm9ybVRleHRhcmVhQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0e1xyXG4gIEBJbnB1dCgpXHJcbiAgaW5wOiBJbnB1dENsYXNzO1xyXG4gIEBPdXRwdXQoKVxyXG4gIGNoYW5nZUluZGV4ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcbiAgQFZpZXdDaGlsZCgnaW5wdXRCYXNlJykgaW5wdXRCYXNlOiBFbGVtZW50UmVmO1xyXG4gIEBWaWV3Q2hpbGQoJ2lucHV0RGl2JykgaW5wdXREaXY6IEVsZW1lbnRSZWY7XHJcbiAgQFZpZXdDaGlsZCgnaW5wdXRMYWJlbCcpIGlucHV0TGFiZWw6IEVsZW1lbnRSZWY7XHJcbiAgY29uc3RydWN0b3IoKXtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5pbnAuc2V0VmFsdWUgPSAodikgPT4ge1xyXG4gICAgICB0aGlzLmlucC52YWx1ZSA9IHY7XHJcbiAgICB9O1xyXG4gICAgdGhpcy5pbnAuaXNWYWxpZCA9ICgpID0+IHtcclxuICAgICAgdGhpcy5pbnAuZXJyb3IgPSBudWxsO1xyXG4gICAgICBpZiAodGhpcy5pbnAucmVxdWlyZWQgJiYgIXRoaXMuaW5wLnZhbHVlKSB7XHJcbiAgICAgICAgdGhpcy5pbnAuZXJyb3IgPSBJbnB1dEVycm9yLlJlcXVpcmVkO1xyXG4gICAgICAgIHJldHVybiBmYWxzZTtcclxuICAgICAgfVxyXG4gICAgICBpZiAoIXRoaXMuaW5wLnJlcXVpcmVkICYmICF0aGlzLmlucC52YWx1ZSkge1xyXG4gICAgICAgIHJldHVybiB0cnVlO1xyXG4gICAgICB9XHJcbiAgICAgIGlmICh0aGlzLmlucC5yZXF1aXJlZCAmJiB0aGlzLmlucC5taW5MZW5ndGggIT09IC0xICYmXHJcbiAgICAgICAgdGhpcy5pbnAubWluTGVuZ3RoID09PSB0aGlzLmlucC5tYXhMZW5ndGggJiZcclxuICAgICAgICB0aGlzLmlucC52YWx1ZS5sZW5ndGggIT09IHRoaXMuaW5wLm1pbkxlbmd0aCkge1xyXG4gICAgICAgIHRoaXMuaW5wLmVycm9yID0gSW5wdXRFcnJvci5MZW5ndGg7XHJcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgICB9XHJcbiAgICAgIGlmICh0aGlzLmlucC5yZXF1aXJlZCAmJlxyXG4gICAgICAgIHRoaXMuaW5wLm1pbkxlbmd0aCAhPT0gLTEgJiZcclxuICAgICAgICB0aGlzLmlucC52YWx1ZS5sZW5ndGggPCB0aGlzLmlucC5taW5MZW5ndGgpIHtcclxuICAgICAgICB0aGlzLmlucC5lcnJvciA9IElucHV0RXJyb3IuTWluTGVuZ3RoO1xyXG4gICAgICAgIHJldHVybiBmYWxzZTtcclxuICAgICAgfVxyXG4gICAgICBpZiAodGhpcy5pbnAucmVxdWlyZWQgJiZcclxuICAgICAgICB0aGlzLmlucC5tYXhMZW5ndGggIT09IC0xICYmXHJcbiAgICAgICAgdGhpcy5pbnAudmFsdWUubGVuZ3RoID4gdGhpcy5pbnAubWF4TGVuZ3RoKSB7XHJcbiAgICAgICAgdGhpcy5pbnAuZXJyb3IgPSBJbnB1dEVycm9yLk1heExlbmd0aDtcclxuICAgICAgICByZXR1cm4gZmFsc2U7XHJcbiAgICAgIH1cclxuICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICB9O1xyXG4gICAgdGhpcy5pbnAuY2xlYXIgPSAoKSA9PiB7XHJcbiAgICAgIHRoaXMuaW5wLmVycm9yID0gbnVsbDtcclxuICAgICAgdGhpcy5pbnAudmFsdWUgPSB0aGlzLmlucC5kZWZhdWx0O1xyXG4gICAgfTtcclxuICAgIHRoaXMuaW5wLmRhdGEgPSAoKSA9PiB7XHJcbiAgICAgIGNvbnN0IHYgPSB0aGlzLmlucC52YWx1ZTtcclxuICAgICAgaWYgKHYgPT09IG51bGwgfHwgdiA9PT0gJycgfHwgdiA9PT0gdW5kZWZpbmVkKXtcclxuICAgICAgICByZXR1cm4gbnVsbDtcclxuICAgICAgfVxyXG4gICAgICByZXR1cm4gSGVscGVyQ2xhc3MuZml4Q2hhcnModik7XHJcbiAgICB9O1xyXG4gICAgdGhpcy5pbnAuZm9jdXMgPSAoKSA9PiB7XHJcbiAgICAgIHRoaXMub25Gb2N1c0luKCk7XHJcbiAgICB9O1xyXG4gIH1cclxuICBvbkZvY3VzSW4oKTogdm9pZHtcclxuICAgIHRoaXMuaW5wdXRCYXNlLm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcclxuICB9XHJcbiAgb25LZXlEb3duKGUpOiB2b2lke1xyXG4gICAgdGhpcy5pbnAuZXJyb3IgPSBudWxsO1xyXG4gICAgY29uc3QgY29kZSA9IGUua2V5Q29kZSB8fCBlLndoaWNoO1xyXG4gICAgaWYgKGNvZGUgPT09IDkpIHtcclxuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgICB0aGlzLmNoYW5nZUluZGV4LmVtaXQoZS5zaGlmdEtleSA/ICdTaGlmdFRhYicgOiAnVGFiJyk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiJdfQ==