@es.framework/ng.ui.core 2.0.66 → 2.0.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 (174) hide show
  1. package/README.md +3 -3
  2. package/attachments/README.md +3 -3
  3. package/base-crud/README.md +3 -3
  4. package/breadcrumb/README.md +3 -3
  5. package/checkbox/README.md +3 -3
  6. package/collapsible/README.md +3 -3
  7. package/color-picker/README.md +3 -3
  8. package/column-settings-popover/README.md +3 -3
  9. package/custom-switch/README.md +3 -3
  10. package/datepicker/README.md +3 -3
  11. package/deactivation-reason/README.md +3 -3
  12. package/excel-import/README.md +3 -3
  13. package/fesm2022/es.framework-ng.ui.core-attachments.mjs +2 -2
  14. package/fesm2022/es.framework-ng.ui.core-attachments.mjs.map +1 -1
  15. package/fesm2022/es.framework-ng.ui.core-base-crud.mjs.map +1 -1
  16. package/fesm2022/es.framework-ng.ui.core-breadcrumb.mjs +110 -109
  17. package/fesm2022/es.framework-ng.ui.core-breadcrumb.mjs.map +1 -1
  18. package/fesm2022/es.framework-ng.ui.core-checkbox.mjs +54 -54
  19. package/fesm2022/es.framework-ng.ui.core-checkbox.mjs.map +1 -1
  20. package/fesm2022/es.framework-ng.ui.core-collapsible.mjs.map +1 -1
  21. package/fesm2022/es.framework-ng.ui.core-color-picker.mjs +44 -44
  22. package/fesm2022/es.framework-ng.ui.core-color-picker.mjs.map +1 -1
  23. package/fesm2022/es.framework-ng.ui.core-column-settings-popover.mjs +2 -2
  24. package/fesm2022/es.framework-ng.ui.core-column-settings-popover.mjs.map +1 -1
  25. package/fesm2022/es.framework-ng.ui.core-custom-switch.mjs.map +1 -1
  26. package/fesm2022/es.framework-ng.ui.core-datepicker.mjs +178 -178
  27. package/fesm2022/es.framework-ng.ui.core-datepicker.mjs.map +1 -1
  28. package/fesm2022/es.framework-ng.ui.core-deactivation-reason.mjs +46 -46
  29. package/fesm2022/es.framework-ng.ui.core-deactivation-reason.mjs.map +1 -1
  30. package/fesm2022/es.framework-ng.ui.core-excel-import.mjs.map +1 -1
  31. package/fesm2022/es.framework-ng.ui.core-filter-templates.mjs +624 -624
  32. package/fesm2022/es.framework-ng.ui.core-filter-templates.mjs.map +1 -1
  33. package/fesm2022/es.framework-ng.ui.core-form-button.mjs.map +1 -1
  34. package/fesm2022/es.framework-ng.ui.core-form-field.mjs +80 -80
  35. package/fesm2022/es.framework-ng.ui.core-form-field.mjs.map +1 -1
  36. package/fesm2022/es.framework-ng.ui.core-form-template.mjs.map +1 -1
  37. package/fesm2022/es.framework-ng.ui.core-formly-avatar-image.mjs.map +1 -1
  38. package/fesm2022/es.framework-ng.ui.core-formly-avatar-label.mjs +44 -44
  39. package/fesm2022/es.framework-ng.ui.core-formly-avatar-label.mjs.map +1 -1
  40. package/fesm2022/es.framework-ng.ui.core-formly-button-selector.mjs +92 -92
  41. package/fesm2022/es.framework-ng.ui.core-formly-button-selector.mjs.map +1 -1
  42. package/fesm2022/es.framework-ng.ui.core-formly-button.mjs +24 -24
  43. package/fesm2022/es.framework-ng.ui.core-formly-button.mjs.map +1 -1
  44. package/fesm2022/es.framework-ng.ui.core-formly-presets.mjs.map +1 -1
  45. package/fesm2022/es.framework-ng.ui.core-formly-prime-icon-picker.mjs +366 -366
  46. package/fesm2022/es.framework-ng.ui.core-formly-prime-icon-picker.mjs.map +1 -1
  47. package/fesm2022/es.framework-ng.ui.core-formly-split-button.mjs +16 -16
  48. package/fesm2022/es.framework-ng.ui.core-formly-split-button.mjs.map +1 -1
  49. package/fesm2022/es.framework-ng.ui.core-formly-ui-all.mjs.map +1 -1
  50. package/fesm2022/es.framework-ng.ui.core-formly-ui.mjs.map +1 -1
  51. package/fesm2022/es.framework-ng.ui.core-formly-username-with-domain.mjs +16 -16
  52. package/fesm2022/es.framework-ng.ui.core-formly-username-with-domain.mjs.map +1 -1
  53. package/fesm2022/es.framework-ng.ui.core-generic-assets.mjs.map +1 -1
  54. package/fesm2022/es.framework-ng.ui.core-generic-autocomplete.mjs +38 -38
  55. package/fesm2022/es.framework-ng.ui.core-generic-autocomplete.mjs.map +1 -1
  56. package/fesm2022/es.framework-ng.ui.core-generic-button.mjs +2 -2
  57. package/fesm2022/es.framework-ng.ui.core-generic-button.mjs.map +1 -1
  58. package/fesm2022/es.framework-ng.ui.core-generic-card.mjs +2 -2
  59. package/fesm2022/es.framework-ng.ui.core-generic-card.mjs.map +1 -1
  60. package/fesm2022/es.framework-ng.ui.core-generic-crud-table.mjs +12 -5
  61. package/fesm2022/es.framework-ng.ui.core-generic-crud-table.mjs.map +1 -1
  62. package/fesm2022/es.framework-ng.ui.core-generic-dialog.mjs +2 -2
  63. package/fesm2022/es.framework-ng.ui.core-generic-dialog.mjs.map +1 -1
  64. package/fesm2022/es.framework-ng.ui.core-generic-errormessage.mjs +2 -2
  65. package/fesm2022/es.framework-ng.ui.core-generic-errormessage.mjs.map +1 -1
  66. package/fesm2022/es.framework-ng.ui.core-generic-formly-fields.mjs +2 -2
  67. package/fesm2022/es.framework-ng.ui.core-generic-formly-fields.mjs.map +1 -1
  68. package/fesm2022/es.framework-ng.ui.core-generic-listbox.mjs +64 -64
  69. package/fesm2022/es.framework-ng.ui.core-generic-listbox.mjs.map +1 -1
  70. package/fesm2022/es.framework-ng.ui.core-generic-loadingspinner.mjs +2 -2
  71. package/fesm2022/es.framework-ng.ui.core-generic-loadingspinner.mjs.map +1 -1
  72. package/fesm2022/es.framework-ng.ui.core-generic-report-tabs.mjs +68 -68
  73. package/fesm2022/es.framework-ng.ui.core-generic-report-tabs.mjs.map +1 -1
  74. package/fesm2022/es.framework-ng.ui.core-generic-report.mjs +4 -2
  75. package/fesm2022/es.framework-ng.ui.core-generic-report.mjs.map +1 -1
  76. package/fesm2022/es.framework-ng.ui.core-generic-search-advanced.mjs +518 -495
  77. package/fesm2022/es.framework-ng.ui.core-generic-search-advanced.mjs.map +1 -1
  78. package/fesm2022/es.framework-ng.ui.core-generic-search.mjs +2 -2
  79. package/fesm2022/es.framework-ng.ui.core-generic-search.mjs.map +1 -1
  80. package/fesm2022/es.framework-ng.ui.core-generic-selector.mjs.map +1 -1
  81. package/fesm2022/es.framework-ng.ui.core-generic-table.mjs +4 -4
  82. package/fesm2022/es.framework-ng.ui.core-generic-table.mjs.map +1 -1
  83. package/fesm2022/es.framework-ng.ui.core-generic-view.mjs +2 -2
  84. package/fesm2022/es.framework-ng.ui.core-generic-view.mjs.map +1 -1
  85. package/fesm2022/es.framework-ng.ui.core-header-wrapper.mjs +2 -2
  86. package/fesm2022/es.framework-ng.ui.core-header-wrapper.mjs.map +1 -1
  87. package/fesm2022/es.framework-ng.ui.core-icon-picker.mjs +106 -106
  88. package/fesm2022/es.framework-ng.ui.core-icon-picker.mjs.map +1 -1
  89. package/fesm2022/es.framework-ng.ui.core-input-switch.mjs +58 -58
  90. package/fesm2022/es.framework-ng.ui.core-input-switch.mjs.map +1 -1
  91. package/fesm2022/es.framework-ng.ui.core-input-with-icon.mjs +26 -26
  92. package/fesm2022/es.framework-ng.ui.core-input-with-icon.mjs.map +1 -1
  93. package/fesm2022/es.framework-ng.ui.core-input.mjs +64 -64
  94. package/fesm2022/es.framework-ng.ui.core-input.mjs.map +1 -1
  95. package/fesm2022/es.framework-ng.ui.core-label-type.mjs +16 -16
  96. package/fesm2022/es.framework-ng.ui.core-label-type.mjs.map +1 -1
  97. package/fesm2022/es.framework-ng.ui.core-loading-skeletons.mjs +22 -22
  98. package/fesm2022/es.framework-ng.ui.core-loading-skeletons.mjs.map +1 -1
  99. package/fesm2022/es.framework-ng.ui.core-odata-query-builder.mjs +2 -2
  100. package/fesm2022/es.framework-ng.ui.core-odata-query-builder.mjs.map +1 -1
  101. package/fesm2022/es.framework-ng.ui.core-query-type.mjs +14 -14
  102. package/fesm2022/es.framework-ng.ui.core-query-type.mjs.map +1 -1
  103. package/fesm2022/es.framework-ng.ui.core-radio.mjs +30 -30
  104. package/fesm2022/es.framework-ng.ui.core-radio.mjs.map +1 -1
  105. package/fesm2022/es.framework-ng.ui.core-repeat.mjs +354 -354
  106. package/fesm2022/es.framework-ng.ui.core-repeat.mjs.map +1 -1
  107. package/fesm2022/es.framework-ng.ui.core-select.mjs +84 -84
  108. package/fesm2022/es.framework-ng.ui.core-select.mjs.map +1 -1
  109. package/fesm2022/es.framework-ng.ui.core-sidebar-cards.mjs +2 -2
  110. package/fesm2022/es.framework-ng.ui.core-sidebar-cards.mjs.map +1 -1
  111. package/fesm2022/es.framework-ng.ui.core-sidebar-toggles.mjs +2 -2
  112. package/fesm2022/es.framework-ng.ui.core-sidebar-toggles.mjs.map +1 -1
  113. package/fesm2022/es.framework-ng.ui.core-tabs.mjs +14 -14
  114. package/fesm2022/es.framework-ng.ui.core-tabs.mjs.map +1 -1
  115. package/fesm2022/es.framework-ng.ui.core-tag-type.mjs +80 -80
  116. package/fesm2022/es.framework-ng.ui.core-tag-type.mjs.map +1 -1
  117. package/fesm2022/es.framework-ng.ui.core-text-editor.mjs.map +1 -1
  118. package/fesm2022/es.framework-ng.ui.core-textarea.mjs.map +1 -1
  119. package/fesm2022/es.framework-ng.ui.core-wrappers.mjs +118 -118
  120. package/fesm2022/es.framework-ng.ui.core-wrappers.mjs.map +1 -1
  121. package/fesm2022/es.framework-ng.ui.core.mjs +2 -2
  122. package/fesm2022/es.framework-ng.ui.core.mjs.map +1 -1
  123. package/filter-templates/README.md +3 -3
  124. package/form-button/README.md +3 -3
  125. package/form-field/README.md +3 -3
  126. package/form-template/README.md +3 -3
  127. package/formly-avatar-image/README.md +3 -3
  128. package/formly-avatar-label/README.md +3 -3
  129. package/formly-button/README.md +3 -3
  130. package/formly-button-selector/README.md +3 -3
  131. package/formly-presets/README.md +3 -3
  132. package/formly-prime-icon-picker/README.md +3 -3
  133. package/formly-split-button/README.md +3 -3
  134. package/formly-ui/README.md +3 -3
  135. package/formly-ui-all/README.md +3 -3
  136. package/formly-username-with-domain/README.md +3 -3
  137. package/generic-assets/README.md +3 -3
  138. package/generic-autocomplete/README.md +3 -3
  139. package/generic-button/README.md +3 -3
  140. package/generic-card/README.md +3 -3
  141. package/generic-crud-table/README.md +3 -3
  142. package/generic-dialog/README.md +3 -3
  143. package/generic-errormessage/README.md +3 -3
  144. package/generic-formly-fields/README.md +3 -3
  145. package/generic-loadingspinner/README.md +3 -3
  146. package/generic-report/README.md +3 -3
  147. package/generic-search/README.md +3 -3
  148. package/generic-search-advanced/README.md +3 -3
  149. package/generic-selector/README.md +3 -3
  150. package/generic-table/README.md +3 -3
  151. package/generic-view/README.md +3 -3
  152. package/header-wrapper/README.md +3 -3
  153. package/icon-picker/README.md +3 -3
  154. package/input/README.md +3 -3
  155. package/input-switch/README.md +3 -3
  156. package/input-with-icon/README.md +3 -3
  157. package/label-type/README.md +3 -3
  158. package/loading-skeletons/README.md +3 -3
  159. package/odata-query-builder/README.md +3 -3
  160. package/package.json +1 -1
  161. package/query-type/README.md +3 -3
  162. package/radio/README.md +3 -3
  163. package/repeat/README.md +3 -3
  164. package/select/README.md +3 -3
  165. package/sidebar-cards/README.md +3 -3
  166. package/sidebar-toggles/README.md +3 -3
  167. package/styles.css +0 -0
  168. package/tabs/README.md +3 -3
  169. package/tag-type/README.md +3 -3
  170. package/text-editor/README.md +3 -3
  171. package/textarea/README.md +3 -3
  172. package/types/es.framework-ng.ui.core-generic-crud-table.d.ts +1 -0
  173. package/types/es.framework-ng.ui.core-generic-search-advanced.d.ts +5 -2
  174. package/wrappers/README.md +3 -3
@@ -80,59 +80,59 @@ class IconPickerComponent extends FieldType {
80
80
  this.page--;
81
81
  }
82
82
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IconPickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
83
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: IconPickerComponent, isStandalone: true, selector: "formly-field-icon-picker", usesInheritance: true, ngImport: i0, template: `
84
- <div class="relative inline-block">
85
- <!-- Toggle Button -->
86
- <button type="button" class="px-2 py-1 border rounded shadow-sm bg-white dark:bg-gray-800 dark:border-gray-600"
87
- (click)="dropdownOpen = !dropdownOpen">
88
- <i [class]="formControl.value || 'fa-solid fa-circle-half-stroke'" class="text-lg"></i>
89
- <i class="fas fa-caret-down ml-1 text-xs"></i>
90
- </button>
91
-
92
- <!-- Dropdown -->
93
- @if (dropdownOpen) {
94
- <div
95
- class="absolute z-50 mt-2 w-72 rounded-md border border-gray-300 shadow-lg bg-white dark:bg-gray-800 dark:border-gray-600">
96
- <!-- Header -->
97
- <div class="flex items-center justify-between px-2 py-1 border-b dark:border-gray-600">
98
- <button (click)="prevPage()" class="p-1 hover:text-blue-600" [disabled]="page === 1">
99
- <i class="fas fa-arrow-left"></i>
100
- </button>
101
- <span class="text-xs text-gray-600 dark:text-gray-300">Page {{ page }} / {{ totalPages }}</span>
102
- <button (click)="nextPage()" class="p-1 hover:text-blue-600" [disabled]="page === totalPages">
103
- <i class="fas fa-arrow-right"></i>
104
- </button>
105
- </div>
106
- <!-- Search -->
107
- <div class="p-2">
108
- <input
109
- type="text"
110
- placeholder="Search icon"
111
- [(ngModel)]="searchQuery"
112
- (ngModelChange)="onSearch()"
113
- class="w-full px-2 py-1 text-sm border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white"
114
- />
115
- </div>
116
- <!-- Icon Grid -->
117
- <div class="grid grid-cols-4 gap-2 p-2 max-h-56 overflow-y-auto">
118
- @for (icon of pagedIcons; track icon) {
119
- <button
120
- (click)="selectIcon(icon)"
121
- class="flex items-center justify-center h-10 w-10 border rounded hover:bg-gray-100 dark:hover:bg-gray-700"
122
- [ngClass]="{ 'ring-2 ring-blue-500': formControl.value === icon }"
123
- >
124
- <i [class]="icon" class="text-lg"></i>
125
- </button>
126
- }
127
- </div>
128
- <!-- Footer -->
129
- <div class="px-2 py-1 text-xs text-gray-500 dark:text-gray-400 border-t dark:border-gray-600">
130
- {{ start + 1 }} - {{ end }} of {{ filteredIcons.length }}
131
- </div>
132
- </div>
133
- }
134
- </div>
135
-
83
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: IconPickerComponent, isStandalone: true, selector: "formly-field-icon-picker", usesInheritance: true, ngImport: i0, template: `
84
+ <div class="relative inline-block">
85
+ <!-- Toggle Button -->
86
+ <button type="button" class="px-2 py-1 border rounded shadow-sm bg-white dark:bg-gray-800 dark:border-gray-600"
87
+ (click)="dropdownOpen = !dropdownOpen">
88
+ <i [class]="formControl.value || 'fa-solid fa-circle-half-stroke'" class="text-lg"></i>
89
+ <i class="fas fa-caret-down ml-1 text-xs"></i>
90
+ </button>
91
+
92
+ <!-- Dropdown -->
93
+ @if (dropdownOpen) {
94
+ <div
95
+ class="absolute z-50 mt-2 w-72 rounded-md border border-gray-300 shadow-lg bg-white dark:bg-gray-800 dark:border-gray-600">
96
+ <!-- Header -->
97
+ <div class="flex items-center justify-between px-2 py-1 border-b dark:border-gray-600">
98
+ <button (click)="prevPage()" class="p-1 hover:text-blue-600" [disabled]="page === 1">
99
+ <i class="fas fa-arrow-left"></i>
100
+ </button>
101
+ <span class="text-xs text-gray-600 dark:text-gray-300">Page {{ page }} / {{ totalPages }}</span>
102
+ <button (click)="nextPage()" class="p-1 hover:text-blue-600" [disabled]="page === totalPages">
103
+ <i class="fas fa-arrow-right"></i>
104
+ </button>
105
+ </div>
106
+ <!-- Search -->
107
+ <div class="p-2">
108
+ <input
109
+ type="text"
110
+ placeholder="Search icon"
111
+ [(ngModel)]="searchQuery"
112
+ (ngModelChange)="onSearch()"
113
+ class="w-full px-2 py-1 text-sm border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white"
114
+ />
115
+ </div>
116
+ <!-- Icon Grid -->
117
+ <div class="grid grid-cols-4 gap-2 p-2 max-h-56 overflow-y-auto">
118
+ @for (icon of pagedIcons; track icon) {
119
+ <button
120
+ (click)="selectIcon(icon)"
121
+ class="flex items-center justify-center h-10 w-10 border rounded hover:bg-gray-100 dark:hover:bg-gray-700"
122
+ [ngClass]="{ 'ring-2 ring-blue-500': formControl.value === icon }"
123
+ >
124
+ <i [class]="icon" class="text-lg"></i>
125
+ </button>
126
+ }
127
+ </div>
128
+ <!-- Footer -->
129
+ <div class="px-2 py-1 text-xs text-gray-500 dark:text-gray-400 border-t dark:border-gray-600">
130
+ {{ start + 1 }} - {{ end }} of {{ filteredIcons.length }}
131
+ </div>
132
+ </div>
133
+ }
134
+ </div>
135
+
136
136
  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: 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: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: ButtonModule }] });
137
137
  }
138
138
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IconPickerComponent, decorators: [{
@@ -140,59 +140,59 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
140
140
  args: [{
141
141
  selector: 'formly-field-icon-picker',
142
142
  imports: [FormsModule, CommonModule, DialogModule, ReactiveFormsModule, ButtonModule],
143
- template: `
144
- <div class="relative inline-block">
145
- <!-- Toggle Button -->
146
- <button type="button" class="px-2 py-1 border rounded shadow-sm bg-white dark:bg-gray-800 dark:border-gray-600"
147
- (click)="dropdownOpen = !dropdownOpen">
148
- <i [class]="formControl.value || 'fa-solid fa-circle-half-stroke'" class="text-lg"></i>
149
- <i class="fas fa-caret-down ml-1 text-xs"></i>
150
- </button>
151
-
152
- <!-- Dropdown -->
153
- @if (dropdownOpen) {
154
- <div
155
- class="absolute z-50 mt-2 w-72 rounded-md border border-gray-300 shadow-lg bg-white dark:bg-gray-800 dark:border-gray-600">
156
- <!-- Header -->
157
- <div class="flex items-center justify-between px-2 py-1 border-b dark:border-gray-600">
158
- <button (click)="prevPage()" class="p-1 hover:text-blue-600" [disabled]="page === 1">
159
- <i class="fas fa-arrow-left"></i>
160
- </button>
161
- <span class="text-xs text-gray-600 dark:text-gray-300">Page {{ page }} / {{ totalPages }}</span>
162
- <button (click)="nextPage()" class="p-1 hover:text-blue-600" [disabled]="page === totalPages">
163
- <i class="fas fa-arrow-right"></i>
164
- </button>
165
- </div>
166
- <!-- Search -->
167
- <div class="p-2">
168
- <input
169
- type="text"
170
- placeholder="Search icon"
171
- [(ngModel)]="searchQuery"
172
- (ngModelChange)="onSearch()"
173
- class="w-full px-2 py-1 text-sm border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white"
174
- />
175
- </div>
176
- <!-- Icon Grid -->
177
- <div class="grid grid-cols-4 gap-2 p-2 max-h-56 overflow-y-auto">
178
- @for (icon of pagedIcons; track icon) {
179
- <button
180
- (click)="selectIcon(icon)"
181
- class="flex items-center justify-center h-10 w-10 border rounded hover:bg-gray-100 dark:hover:bg-gray-700"
182
- [ngClass]="{ 'ring-2 ring-blue-500': formControl.value === icon }"
183
- >
184
- <i [class]="icon" class="text-lg"></i>
185
- </button>
186
- }
187
- </div>
188
- <!-- Footer -->
189
- <div class="px-2 py-1 text-xs text-gray-500 dark:text-gray-400 border-t dark:border-gray-600">
190
- {{ start + 1 }} - {{ end }} of {{ filteredIcons.length }}
191
- </div>
192
- </div>
193
- }
194
- </div>
195
-
143
+ template: `
144
+ <div class="relative inline-block">
145
+ <!-- Toggle Button -->
146
+ <button type="button" class="px-2 py-1 border rounded shadow-sm bg-white dark:bg-gray-800 dark:border-gray-600"
147
+ (click)="dropdownOpen = !dropdownOpen">
148
+ <i [class]="formControl.value || 'fa-solid fa-circle-half-stroke'" class="text-lg"></i>
149
+ <i class="fas fa-caret-down ml-1 text-xs"></i>
150
+ </button>
151
+
152
+ <!-- Dropdown -->
153
+ @if (dropdownOpen) {
154
+ <div
155
+ class="absolute z-50 mt-2 w-72 rounded-md border border-gray-300 shadow-lg bg-white dark:bg-gray-800 dark:border-gray-600">
156
+ <!-- Header -->
157
+ <div class="flex items-center justify-between px-2 py-1 border-b dark:border-gray-600">
158
+ <button (click)="prevPage()" class="p-1 hover:text-blue-600" [disabled]="page === 1">
159
+ <i class="fas fa-arrow-left"></i>
160
+ </button>
161
+ <span class="text-xs text-gray-600 dark:text-gray-300">Page {{ page }} / {{ totalPages }}</span>
162
+ <button (click)="nextPage()" class="p-1 hover:text-blue-600" [disabled]="page === totalPages">
163
+ <i class="fas fa-arrow-right"></i>
164
+ </button>
165
+ </div>
166
+ <!-- Search -->
167
+ <div class="p-2">
168
+ <input
169
+ type="text"
170
+ placeholder="Search icon"
171
+ [(ngModel)]="searchQuery"
172
+ (ngModelChange)="onSearch()"
173
+ class="w-full px-2 py-1 text-sm border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white"
174
+ />
175
+ </div>
176
+ <!-- Icon Grid -->
177
+ <div class="grid grid-cols-4 gap-2 p-2 max-h-56 overflow-y-auto">
178
+ @for (icon of pagedIcons; track icon) {
179
+ <button
180
+ (click)="selectIcon(icon)"
181
+ class="flex items-center justify-center h-10 w-10 border rounded hover:bg-gray-100 dark:hover:bg-gray-700"
182
+ [ngClass]="{ 'ring-2 ring-blue-500': formControl.value === icon }"
183
+ >
184
+ <i [class]="icon" class="text-lg"></i>
185
+ </button>
186
+ }
187
+ </div>
188
+ <!-- Footer -->
189
+ <div class="px-2 py-1 text-xs text-gray-500 dark:text-gray-400 border-t dark:border-gray-600">
190
+ {{ start + 1 }} - {{ end }} of {{ filteredIcons.length }}
191
+ </div>
192
+ </div>
193
+ }
194
+ </div>
195
+
196
196
  `
197
197
  }]
198
198
  }] });
@@ -1 +1 @@
1
- {"version":3,"file":"es.framework-ng.ui.core-icon-picker.mjs","sources":["../../../../libs/ng.ui.core/icon-picker/src/lib/icon-picker-module.ts","../../../../libs/ng.ui.core/icon-picker/src/lib/icon-picker.type.ts","../../../../libs/ng.ui.core/icon-picker/src/es.framework-ng.ui.core-icon-picker.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\n@NgModule({\r\n imports: [CommonModule],\r\n})\r\nexport class IconPickerModule {}\r\n","import { CommonModule } from '@angular/common';\r\nimport { Component, EventEmitter, Input, Output } from '@angular/core';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { FieldType } from '@ngx-formly/core';\r\nimport { ButtonModule } from 'primeng/button';\r\nimport { DialogModule } from 'primeng/dialog';\r\n\r\n@Component({\r\n selector: 'formly-field-icon-picker',\r\n imports:[FormsModule,CommonModule,DialogModule,ReactiveFormsModule,ButtonModule],\r\n template: `\r\n <div class=\"relative inline-block\">\r\n <!-- Toggle Button -->\r\n <button type=\"button\" class=\"px-2 py-1 border rounded shadow-sm bg-white dark:bg-gray-800 dark:border-gray-600\"\r\n (click)=\"dropdownOpen = !dropdownOpen\">\r\n <i [class]=\"formControl.value || 'fa-solid fa-circle-half-stroke'\" class=\"text-lg\"></i>\r\n <i class=\"fas fa-caret-down ml-1 text-xs\"></i>\r\n </button>\r\n \r\n <!-- Dropdown -->\r\n @if (dropdownOpen) {\r\n <div\r\n class=\"absolute z-50 mt-2 w-72 rounded-md border border-gray-300 shadow-lg bg-white dark:bg-gray-800 dark:border-gray-600\">\r\n <!-- Header -->\r\n <div class=\"flex items-center justify-between px-2 py-1 border-b dark:border-gray-600\">\r\n <button (click)=\"prevPage()\" class=\"p-1 hover:text-blue-600\" [disabled]=\"page === 1\">\r\n <i class=\"fas fa-arrow-left\"></i>\r\n </button>\r\n <span class=\"text-xs text-gray-600 dark:text-gray-300\">Page {{ page }} / {{ totalPages }}</span>\r\n <button (click)=\"nextPage()\" class=\"p-1 hover:text-blue-600\" [disabled]=\"page === totalPages\">\r\n <i class=\"fas fa-arrow-right\"></i>\r\n </button>\r\n </div>\r\n <!-- Search -->\r\n <div class=\"p-2\">\r\n <input\r\n type=\"text\"\r\n placeholder=\"Search icon\"\r\n [(ngModel)]=\"searchQuery\"\r\n (ngModelChange)=\"onSearch()\"\r\n class=\"w-full px-2 py-1 text-sm border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white\"\r\n />\r\n </div>\r\n <!-- Icon Grid -->\r\n <div class=\"grid grid-cols-4 gap-2 p-2 max-h-56 overflow-y-auto\">\r\n @for (icon of pagedIcons; track icon) {\r\n <button\r\n (click)=\"selectIcon(icon)\"\r\n class=\"flex items-center justify-center h-10 w-10 border rounded hover:bg-gray-100 dark:hover:bg-gray-700\"\r\n [ngClass]=\"{ 'ring-2 ring-blue-500': formControl.value === icon }\"\r\n >\r\n <i [class]=\"icon\" class=\"text-lg\"></i>\r\n </button>\r\n }\r\n </div>\r\n <!-- Footer -->\r\n <div class=\"px-2 py-1 text-xs text-gray-500 dark:text-gray-400 border-t dark:border-gray-600\">\r\n {{ start + 1 }} - {{ end }} of {{ filteredIcons.length }}\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n \r\n `\r\n})\r\n\r\nexport class IconPickerComponent extends FieldType{\r\n dropdownOpen = false;\r\n searchQuery = '';\r\n page = 1;\r\n pageSize = 16;\r\n\r\n icons: string[] = [\r\n 'fa-solid fa-box',\r\n 'fa-solid fa-layer-group',\r\n 'fa-solid fa-table-columns',\r\n 'fa-solid fa-database',\r\n 'fa-solid fa-arrow-left',\r\n 'fa-solid fa-arrow-right',\r\n 'fa-solid fa-arrow-down',\r\n 'fa-solid fa-arrow-up',\r\n 'fa-solid fa-trash',\r\n 'fa-solid fa-gear',\r\n 'fa-solid fa-circle-check',\r\n 'fa-solid fa-circle-xmark',\r\n 'fa-solid fa-pen',\r\n 'fa-solid fa-copy',\r\n 'fa-solid fa-share',\r\n 'fa-solid fa-upload',\r\n 'fa-solid fa-download',\r\n 'fa-solid fa-image',\r\n 'fa-solid fa-chart-pie',\r\n // Add more FontAwesome Pro icons\r\n ];\r\n\r\n get filteredIcons() {\r\n if (!this.searchQuery) return this.icons;\r\n return this.icons.filter(icon =>\r\n icon.toLowerCase().includes(this.searchQuery.toLowerCase())\r\n );\r\n }\r\n\r\n get totalPages() {\r\n return Math.ceil(this.filteredIcons.length / this.pageSize);\r\n }\r\n\r\n get start() {\r\n return (this.page - 1) * this.pageSize;\r\n }\r\n\r\n get end() {\r\n return Math.min(this.start + this.pageSize, this.filteredIcons.length);\r\n }\r\n\r\n get pagedIcons() {\r\n return this.filteredIcons.slice(this.start, this.end);\r\n }\r\n\r\n onSearch() {\r\n this.page = 1;\r\n }\r\n\r\n selectIcon(icon: string) {\r\n this.formControl.setValue(icon);\r\n this.dropdownOpen = false;\r\n }\r\n\r\n nextPage() {\r\n if (this.page < this.totalPages) this.page++;\r\n }\r\n\r\n prevPage() {\r\n if (this.page > 1) this.page--;\r\n }\r\n}\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;MAMa,gBAAgB,CAAA;uGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAFjB,YAAY,CAAA,EAAA,CAAA;AAEX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAFjB,YAAY,CAAA,EAAA,CAAA;;2FAEX,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAH5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA;;;AC6DK,MAAO,mBAAqB,SAAQ,SAAS,CAAA;IACjD,YAAY,GAAG,KAAK;IACpB,WAAW,GAAG,EAAE;IACf,IAAI,GAAG,CAAC;IACT,QAAQ,GAAG,EAAE;AAEb,IAAA,KAAK,GAAa;QAChB,iBAAiB;QACjB,yBAAyB;QACzB,2BAA2B;QAC3B,sBAAsB;QACtB,wBAAwB;QACxB,yBAAyB;QACzB,wBAAwB;QACxB,sBAAsB;QACtB,mBAAmB;QACnB,kBAAkB;QAClB,0BAA0B;QAC1B,0BAA0B;QAC1B,iBAAiB;QACjB,kBAAkB;QAClB,mBAAmB;QACnB,oBAAoB;QACpB,sBAAsB;QACtB,mBAAmB;QACnB,uBAAuB;;KAExB;AAEA,IAAA,IAAI,aAAa,GAAA;QAChB,IAAI,CAAC,IAAI,CAAC,WAAW;YAAE,OAAO,IAAI,CAAC,KAAK;QACxC,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAC3B,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,CAC5D;IACH;AAEA,IAAA,IAAI,UAAU,GAAA;AACZ,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC;IAC7D;AAEA,IAAA,IAAI,KAAK,GAAA;QACP,OAAO,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,IAAI,CAAC,QAAQ;IACxC;AAEA,IAAA,IAAI,GAAG,GAAA;AACL,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC;IACxE;AAEA,IAAA,IAAI,UAAU,GAAA;AACZ,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC;IACvD;IAEA,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,IAAI,GAAG,CAAC;IACf;AAEA,IAAA,UAAU,CAAC,IAAY,EAAA;AACrB,QAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC;AAC/B,QAAA,IAAI,CAAC,YAAY,GAAG,KAAK;IAC3B;IAEA,QAAQ,GAAA;AACN,QAAA,IAAI,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,UAAU;YAAE,IAAI,CAAC,IAAI,EAAE;IAC9C;IAEA,QAAQ,GAAA;AACN,QAAA,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC;YAAE,IAAI,CAAC,IAAI,EAAE;IAChC;uGAnEW,mBAAmB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAxDpB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDT,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAtDQ,WAAW,8mBAAC,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAC,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAC,mBAAmB,8BAAC,YAAY,EAAA,CAAA,EAAA,CAAA;;2FAyDpE,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBA3D/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,0BAA0B;oBACpC,OAAO,EAAC,CAAC,WAAW,EAAC,YAAY,EAAC,YAAY,EAAC,mBAAmB,EAAC,YAAY,CAAC;AAChF,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDT,EAAA;AACF,iBAAA;;;AChED;;AAEG;;;;"}
1
+ {"version":3,"file":"es.framework-ng.ui.core-icon-picker.mjs","sources":["../../../../libs/ng.ui.core/icon-picker/src/lib/icon-picker-module.ts","../../../../libs/ng.ui.core/icon-picker/src/lib/icon-picker.type.ts","../../../../libs/ng.ui.core/icon-picker/src/es.framework-ng.ui.core-icon-picker.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n imports: [CommonModule],\n})\nexport class IconPickerModule {}\n","import { CommonModule } from '@angular/common';\nimport { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { FieldType } from '@ngx-formly/core';\nimport { ButtonModule } from 'primeng/button';\nimport { DialogModule } from 'primeng/dialog';\n\n@Component({\n selector: 'formly-field-icon-picker',\n imports:[FormsModule,CommonModule,DialogModule,ReactiveFormsModule,ButtonModule],\n template: `\n <div class=\"relative inline-block\">\n <!-- Toggle Button -->\n <button type=\"button\" class=\"px-2 py-1 border rounded shadow-sm bg-white dark:bg-gray-800 dark:border-gray-600\"\n (click)=\"dropdownOpen = !dropdownOpen\">\n <i [class]=\"formControl.value || 'fa-solid fa-circle-half-stroke'\" class=\"text-lg\"></i>\n <i class=\"fas fa-caret-down ml-1 text-xs\"></i>\n </button>\n \n <!-- Dropdown -->\n @if (dropdownOpen) {\n <div\n class=\"absolute z-50 mt-2 w-72 rounded-md border border-gray-300 shadow-lg bg-white dark:bg-gray-800 dark:border-gray-600\">\n <!-- Header -->\n <div class=\"flex items-center justify-between px-2 py-1 border-b dark:border-gray-600\">\n <button (click)=\"prevPage()\" class=\"p-1 hover:text-blue-600\" [disabled]=\"page === 1\">\n <i class=\"fas fa-arrow-left\"></i>\n </button>\n <span class=\"text-xs text-gray-600 dark:text-gray-300\">Page {{ page }} / {{ totalPages }}</span>\n <button (click)=\"nextPage()\" class=\"p-1 hover:text-blue-600\" [disabled]=\"page === totalPages\">\n <i class=\"fas fa-arrow-right\"></i>\n </button>\n </div>\n <!-- Search -->\n <div class=\"p-2\">\n <input\n type=\"text\"\n placeholder=\"Search icon\"\n [(ngModel)]=\"searchQuery\"\n (ngModelChange)=\"onSearch()\"\n class=\"w-full px-2 py-1 text-sm border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white\"\n />\n </div>\n <!-- Icon Grid -->\n <div class=\"grid grid-cols-4 gap-2 p-2 max-h-56 overflow-y-auto\">\n @for (icon of pagedIcons; track icon) {\n <button\n (click)=\"selectIcon(icon)\"\n class=\"flex items-center justify-center h-10 w-10 border rounded hover:bg-gray-100 dark:hover:bg-gray-700\"\n [ngClass]=\"{ 'ring-2 ring-blue-500': formControl.value === icon }\"\n >\n <i [class]=\"icon\" class=\"text-lg\"></i>\n </button>\n }\n </div>\n <!-- Footer -->\n <div class=\"px-2 py-1 text-xs text-gray-500 dark:text-gray-400 border-t dark:border-gray-600\">\n {{ start + 1 }} - {{ end }} of {{ filteredIcons.length }}\n </div>\n </div>\n }\n </div>\n \n `\n})\n\nexport class IconPickerComponent extends FieldType{\n dropdownOpen = false;\n searchQuery = '';\n page = 1;\n pageSize = 16;\n\n icons: string[] = [\n 'fa-solid fa-box',\n 'fa-solid fa-layer-group',\n 'fa-solid fa-table-columns',\n 'fa-solid fa-database',\n 'fa-solid fa-arrow-left',\n 'fa-solid fa-arrow-right',\n 'fa-solid fa-arrow-down',\n 'fa-solid fa-arrow-up',\n 'fa-solid fa-trash',\n 'fa-solid fa-gear',\n 'fa-solid fa-circle-check',\n 'fa-solid fa-circle-xmark',\n 'fa-solid fa-pen',\n 'fa-solid fa-copy',\n 'fa-solid fa-share',\n 'fa-solid fa-upload',\n 'fa-solid fa-download',\n 'fa-solid fa-image',\n 'fa-solid fa-chart-pie',\n // Add more FontAwesome Pro icons\n ];\n\n get filteredIcons() {\n if (!this.searchQuery) return this.icons;\n return this.icons.filter(icon =>\n icon.toLowerCase().includes(this.searchQuery.toLowerCase())\n );\n }\n\n get totalPages() {\n return Math.ceil(this.filteredIcons.length / this.pageSize);\n }\n\n get start() {\n return (this.page - 1) * this.pageSize;\n }\n\n get end() {\n return Math.min(this.start + this.pageSize, this.filteredIcons.length);\n }\n\n get pagedIcons() {\n return this.filteredIcons.slice(this.start, this.end);\n }\n\n onSearch() {\n this.page = 1;\n }\n\n selectIcon(icon: string) {\n this.formControl.setValue(icon);\n this.dropdownOpen = false;\n }\n\n nextPage() {\n if (this.page < this.totalPages) this.page++;\n }\n\n prevPage() {\n if (this.page > 1) this.page--;\n }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -23,35 +23,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
23
23
 
24
24
  class InputSwitchTypeComponent extends FieldType {
25
25
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InputSwitchTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
26
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: InputSwitchTypeComponent, isStandalone: true, selector: "formly-field-primeng-input-switch", usesInheritance: true, ngImport: i0, template: `
27
- <!-- border border-gray-300 -->
28
- <div class="flex items-center justify-between rtl:flex-row-reverse w-full px-2 py-1"
29
- style=" border-radius: var(--p-inputtext-border-radius);">
30
-
31
- <label [for]="id" class="font-bold text-lg text-gray-800">
32
- {{ (to.label ?? '') | translate }}
33
-
34
- @if (to.required) {
35
- <span class="text-red-500">*</span>
36
- }
37
- </label>
38
-
39
- <p-toggleSwitch
40
- [formControl]="formControl"
41
- [formlyAttributes]="field"
42
- [pTooltip]="field.props['tooltip']"
43
- [styleClass]="''"
44
- [inputId]="id"
45
-
46
- ></p-toggleSwitch>
47
-
48
-
49
- <!-- <label [for]="id" class="font-bold text-lg text-gray-800 mr-2 whitespace-nowrap">
50
- {{ (to.label ?? '') | translate}}
51
- </label> -->
52
- </div>
53
- <!-- [style]="to.['style']" -->
54
- <!-- [disabled]="to.disabled ?? false" -->
26
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: InputSwitchTypeComponent, isStandalone: true, selector: "formly-field-primeng-input-switch", usesInheritance: true, ngImport: i0, template: `
27
+ <!-- border border-gray-300 -->
28
+ <div class="flex items-center justify-between rtl:flex-row-reverse w-full px-2 py-1"
29
+ style=" border-radius: var(--p-inputtext-border-radius);">
30
+
31
+ <label [for]="id" class="font-bold text-lg text-gray-800">
32
+ {{ (to.label ?? '') | translate }}
33
+
34
+ @if (to.required) {
35
+ <span class="text-red-500">*</span>
36
+ }
37
+ </label>
38
+
39
+ <p-toggleSwitch
40
+ [formControl]="formControl"
41
+ [formlyAttributes]="field"
42
+ [pTooltip]="field.props['tooltip']"
43
+ [styleClass]="''"
44
+ [inputId]="id"
45
+
46
+ ></p-toggleSwitch>
47
+
48
+
49
+ <!-- <label [for]="id" class="font-bold text-lg text-gray-800 mr-2 whitespace-nowrap">
50
+ {{ (to.label ?? '') | translate}}
51
+ </label> -->
52
+ </div>
53
+ <!-- [style]="to.['style']" -->
54
+ <!-- [disabled]="to.disabled ?? false" -->
55
55
  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "directive", type: FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
56
56
  }
57
57
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InputSwitchTypeComponent, decorators: [{
@@ -60,35 +60,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
60
60
  selector: 'formly-field-primeng-input-switch',
61
61
  standalone: true,
62
62
  imports: [ReactiveFormsModule, FormsModule, ToggleSwitch, FormlyAttributes, TranslatePipe, TooltipModule],
63
- template: `
64
- <!-- border border-gray-300 -->
65
- <div class="flex items-center justify-between rtl:flex-row-reverse w-full px-2 py-1"
66
- style=" border-radius: var(--p-inputtext-border-radius);">
67
-
68
- <label [for]="id" class="font-bold text-lg text-gray-800">
69
- {{ (to.label ?? '') | translate }}
70
-
71
- @if (to.required) {
72
- <span class="text-red-500">*</span>
73
- }
74
- </label>
75
-
76
- <p-toggleSwitch
77
- [formControl]="formControl"
78
- [formlyAttributes]="field"
79
- [pTooltip]="field.props['tooltip']"
80
- [styleClass]="''"
81
- [inputId]="id"
82
-
83
- ></p-toggleSwitch>
84
-
85
-
86
- <!-- <label [for]="id" class="font-bold text-lg text-gray-800 mr-2 whitespace-nowrap">
87
- {{ (to.label ?? '') | translate}}
88
- </label> -->
89
- </div>
90
- <!-- [style]="to.['style']" -->
91
- <!-- [disabled]="to.disabled ?? false" -->
63
+ template: `
64
+ <!-- border border-gray-300 -->
65
+ <div class="flex items-center justify-between rtl:flex-row-reverse w-full px-2 py-1"
66
+ style=" border-radius: var(--p-inputtext-border-radius);">
67
+
68
+ <label [for]="id" class="font-bold text-lg text-gray-800">
69
+ {{ (to.label ?? '') | translate }}
70
+
71
+ @if (to.required) {
72
+ <span class="text-red-500">*</span>
73
+ }
74
+ </label>
75
+
76
+ <p-toggleSwitch
77
+ [formControl]="formControl"
78
+ [formlyAttributes]="field"
79
+ [pTooltip]="field.props['tooltip']"
80
+ [styleClass]="''"
81
+ [inputId]="id"
82
+
83
+ ></p-toggleSwitch>
84
+
85
+
86
+ <!-- <label [for]="id" class="font-bold text-lg text-gray-800 mr-2 whitespace-nowrap">
87
+ {{ (to.label ?? '') | translate}}
88
+ </label> -->
89
+ </div>
90
+ <!-- [style]="to.['style']" -->
91
+ <!-- [disabled]="to.disabled ?? false" -->
92
92
  `,
93
93
  changeDetection: ChangeDetectionStrategy.OnPush,
94
94
  }]
@@ -1 +1 @@
1
- {"version":3,"file":"es.framework-ng.ui.core-input-switch.mjs","sources":["../../../../libs/ng.ui.core/input-switch/src/lib/input-switch-module.ts","../../../../libs/ng.ui.core/input-switch/src/lib/input-switch.type.ts","../../../../libs/ng.ui.core/input-switch/src/es.framework-ng.ui.core-input-switch.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\n@NgModule({\r\n imports: [CommonModule],\r\n})\r\nexport class InputSwitchModule {}\r\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\r\nimport { FieldType, FieldTypeConfig, FormlyAttributes } from '@ngx-formly/core';\r\n\r\nimport { ToggleSwitch } from 'primeng/toggleswitch';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { TranslatePipe } from '@es.framework/ng.core/pipes';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\r\n@Component({\r\n selector: 'formly-field-primeng-input-switch',\r\n standalone: true,\r\n imports: [ReactiveFormsModule, FormsModule, ToggleSwitch, FormlyAttributes, TranslatePipe, TooltipModule],\r\n template: `\r\n <!-- border border-gray-300 -->\r\n <div class=\"flex items-center justify-between rtl:flex-row-reverse w-full px-2 py-1\"\r\n style=\" border-radius: var(--p-inputtext-border-radius);\">\r\n \r\n <label [for]=\"id\" class=\"font-bold text-lg text-gray-800\">\r\n {{ (to.label ?? '') | translate }}\r\n \r\n @if (to.required) {\r\n <span class=\"text-red-500\">*</span>\r\n }\r\n </label>\r\n \r\n <p-toggleSwitch\r\n [formControl]=\"formControl\"\r\n [formlyAttributes]=\"field\"\r\n [pTooltip]=\"field.props['tooltip']\"\r\n [styleClass]=\"''\"\r\n [inputId]=\"id\"\r\n \r\n ></p-toggleSwitch>\r\n \r\n \r\n <!-- <label [for]=\"id\" class=\"font-bold text-lg text-gray-800 mr-2 whitespace-nowrap\">\r\n {{ (to.label ?? '') | translate}}\r\n </label> -->\r\n </div>\r\n <!-- [style]=\"to.['style']\" -->\r\n <!-- [disabled]=\"to.disabled ?? false\" -->\r\n `,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class InputSwitchTypeComponent extends FieldType<FieldTypeConfig> {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"es.framework-ng.ui.core-input-switch.mjs","sources":["../../../../libs/ng.ui.core/input-switch/src/lib/input-switch-module.ts","../../../../libs/ng.ui.core/input-switch/src/lib/input-switch.type.ts","../../../../libs/ng.ui.core/input-switch/src/es.framework-ng.ui.core-input-switch.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n imports: [CommonModule],\n})\nexport class InputSwitchModule {}\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { FieldType, FieldTypeConfig, FormlyAttributes } from '@ngx-formly/core';\n\nimport { ToggleSwitch } from 'primeng/toggleswitch';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { TranslatePipe } from '@es.framework/ng.core/pipes';\nimport { TooltipModule } from 'primeng/tooltip';\n\n@Component({\n selector: 'formly-field-primeng-input-switch',\n standalone: true,\n imports: [ReactiveFormsModule, FormsModule, ToggleSwitch, FormlyAttributes, TranslatePipe, TooltipModule],\n template: `\n <!-- border border-gray-300 -->\n <div class=\"flex items-center justify-between rtl:flex-row-reverse w-full px-2 py-1\"\n style=\" border-radius: var(--p-inputtext-border-radius);\">\n \n <label [for]=\"id\" class=\"font-bold text-lg text-gray-800\">\n {{ (to.label ?? '') | translate }}\n \n @if (to.required) {\n <span class=\"text-red-500\">*</span>\n }\n </label>\n \n <p-toggleSwitch\n [formControl]=\"formControl\"\n [formlyAttributes]=\"field\"\n [pTooltip]=\"field.props['tooltip']\"\n [styleClass]=\"''\"\n [inputId]=\"id\"\n \n ></p-toggleSwitch>\n \n \n <!-- <label [for]=\"id\" class=\"font-bold text-lg text-gray-800 mr-2 whitespace-nowrap\">\n {{ (to.label ?? '') | translate}}\n </label> -->\n </div>\n <!-- [style]=\"to.['style']\" -->\n <!-- [disabled]=\"to.disabled ?? false\" -->\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class InputSwitchTypeComponent extends FieldType<FieldTypeConfig> {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -22,19 +22,19 @@ class InputWithIconType extends FieldType {
22
22
  return this.to.type || 'text';
23
23
  }
24
24
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InputWithIconType, deps: null, target: i0.ɵɵFactoryTarget.Component });
25
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: InputWithIconType, isStandalone: true, selector: "formly-field-input-with-icon", usesInheritance: true, ngImport: i0, template: `
26
- <div class="relative">
27
- <!-- [formControl]="formControl" -->
28
- <input
29
- [type]="type"
30
-
31
- [formlyAttributes]="field"
32
- class="w-full rounded-xl border border-gray-200 bg-gray-50 pl-12 pr-4 py-3 text-sm focus:border-primary focus:ring-2 focus:ring-blue-100 transition-all"
33
- [placeholder]="to.placeholder"
34
- [disabled]="to.disabled ? true : false"
35
- />
36
- <i class="{{ to['icon'] }} absolute left-4 top-1/2 -translate-y-1/2 text-gray-400 text-base"></i>
37
- </div>
25
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: InputWithIconType, isStandalone: true, selector: "formly-field-input-with-icon", usesInheritance: true, ngImport: i0, template: `
26
+ <div class="relative">
27
+ <!-- [formControl]="formControl" -->
28
+ <input
29
+ [type]="type"
30
+
31
+ [formlyAttributes]="field"
32
+ class="w-full rounded-xl border border-gray-200 bg-gray-50 pl-12 pr-4 py-3 text-sm focus:border-primary focus:ring-2 focus:ring-blue-100 transition-all"
33
+ [placeholder]="to.placeholder"
34
+ [disabled]="to.disabled ? true : false"
35
+ />
36
+ <i class="{{ to['icon'] }} absolute left-4 top-1/2 -translate-y-1/2 text-gray-400 text-base"></i>
37
+ </div>
38
38
  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i1.LegacyFormlyAttributes, selector: "[formlyAttributes]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }] });
39
39
  }
40
40
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InputWithIconType, decorators: [{
@@ -42,19 +42,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
42
42
  args: [{
43
43
  selector: 'formly-field-input-with-icon',
44
44
  imports: [FormlyModule, ReactiveFormsModule, FormsModule],
45
- template: `
46
- <div class="relative">
47
- <!-- [formControl]="formControl" -->
48
- <input
49
- [type]="type"
50
-
51
- [formlyAttributes]="field"
52
- class="w-full rounded-xl border border-gray-200 bg-gray-50 pl-12 pr-4 py-3 text-sm focus:border-primary focus:ring-2 focus:ring-blue-100 transition-all"
53
- [placeholder]="to.placeholder"
54
- [disabled]="to.disabled ? true : false"
55
- />
56
- <i class="{{ to['icon'] }} absolute left-4 top-1/2 -translate-y-1/2 text-gray-400 text-base"></i>
57
- </div>
45
+ template: `
46
+ <div class="relative">
47
+ <!-- [formControl]="formControl" -->
48
+ <input
49
+ [type]="type"
50
+
51
+ [formlyAttributes]="field"
52
+ class="w-full rounded-xl border border-gray-200 bg-gray-50 pl-12 pr-4 py-3 text-sm focus:border-primary focus:ring-2 focus:ring-blue-100 transition-all"
53
+ [placeholder]="to.placeholder"
54
+ [disabled]="to.disabled ? true : false"
55
+ />
56
+ <i class="{{ to['icon'] }} absolute left-4 top-1/2 -translate-y-1/2 text-gray-400 text-base"></i>
57
+ </div>
58
58
  `,
59
59
  }]
60
60
  }] });
@@ -1 +1 @@
1
- {"version":3,"file":"es.framework-ng.ui.core-input-with-icon.mjs","sources":["../../../../libs/ng.ui.core/input-with-icon/src/lib/input-with-icon-module.ts","../../../../libs/ng.ui.core/input-with-icon/src/lib/input-with-icon.type.ts","../../../../libs/ng.ui.core/input-with-icon/src/es.framework-ng.ui.core-input-with-icon.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\n@NgModule({\r\n imports: [CommonModule],\r\n})\r\nexport class InputWithIconModule {}\r\n","\r\nimport { Component } from '@angular/core';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { FieldType, FormlyModule } from '@ngx-formly/core';\r\n\r\n@Component({\r\n selector: 'formly-field-input-with-icon',\r\n imports: [FormlyModule, ReactiveFormsModule, FormsModule],\r\n template: `\r\n <div class=\"relative\">\r\n <!-- [formControl]=\"formControl\" -->\r\n <input\r\n [type]=\"type\"\r\n\r\n [formlyAttributes]=\"field\"\r\n class=\"w-full rounded-xl border border-gray-200 bg-gray-50 pl-12 pr-4 py-3 text-sm focus:border-primary focus:ring-2 focus:ring-blue-100 transition-all\"\r\n [placeholder]=\"to.placeholder\"\r\n [disabled]=\"to.disabled ? true : false\"\r\n />\r\n <i class=\"{{ to['icon'] }} absolute left-4 top-1/2 -translate-y-1/2 text-gray-400 text-base\"></i>\r\n </div>\r\n `,\r\n})\r\nexport class InputWithIconType extends FieldType {\r\n get type() {\r\n return this.to.type || 'text';\r\n }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAMa,mBAAmB,CAAA;uGAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAFpB,YAAY,CAAA,EAAA,CAAA;AAEX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAFpB,YAAY,CAAA,EAAA,CAAA;;2FAEX,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAH/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA;;;ACkBK,MAAO,iBAAkB,SAAQ,SAAS,CAAA;AAC9C,IAAA,IAAI,IAAI,GAAA;AACN,QAAA,OAAO,IAAI,CAAC,EAAE,CAAC,IAAI,IAAI,MAAM;IAC/B;uGAHW,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAflB,CAAA;;;;;;;;;;;;;AAaT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAdS,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,WAAW,EAAA,CAAA,EAAA,CAAA;;2FAgB7C,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAlB7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,8BAA8B;AACxC,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,mBAAmB,EAAE,WAAW,CAAC;AACzD,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;;;AAaT,EAAA,CAAA;AACF,iBAAA;;;ACtBD;;AAEG;;;;"}
1
+ {"version":3,"file":"es.framework-ng.ui.core-input-with-icon.mjs","sources":["../../../../libs/ng.ui.core/input-with-icon/src/lib/input-with-icon-module.ts","../../../../libs/ng.ui.core/input-with-icon/src/lib/input-with-icon.type.ts","../../../../libs/ng.ui.core/input-with-icon/src/es.framework-ng.ui.core-input-with-icon.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n imports: [CommonModule],\n})\nexport class InputWithIconModule {}\n","\nimport { Component } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { FieldType, FormlyModule } from '@ngx-formly/core';\n\n@Component({\n selector: 'formly-field-input-with-icon',\n imports: [FormlyModule, ReactiveFormsModule, FormsModule],\n template: `\n <div class=\"relative\">\n <!-- [formControl]=\"formControl\" -->\n <input\n [type]=\"type\"\n\n [formlyAttributes]=\"field\"\n class=\"w-full rounded-xl border border-gray-200 bg-gray-50 pl-12 pr-4 py-3 text-sm focus:border-primary focus:ring-2 focus:ring-blue-100 transition-all\"\n [placeholder]=\"to.placeholder\"\n [disabled]=\"to.disabled ? true : false\"\n />\n <i class=\"{{ to['icon'] }} absolute left-4 top-1/2 -translate-y-1/2 text-gray-400 text-base\"></i>\n </div>\n `,\n})\nexport class InputWithIconType extends FieldType {\n get type() {\n return this.to.type || 'text';\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAMa,mBAAmB,CAAA;uGAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAFpB,YAAY,CAAA,EAAA,CAAA;AAEX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAFpB,YAAY,CAAA,EAAA,CAAA;;2FAEX,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAH/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA;;;ACkBK,MAAO,iBAAkB,SAAQ,SAAS,CAAA;AAC9C,IAAA,IAAI,IAAI,GAAA;AACN,QAAA,OAAO,IAAI,CAAC,EAAE,CAAC,IAAI,IAAI,MAAM;IAC/B;uGAHW,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAflB;;;;;;;;;;;;;AAaT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAdS,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,WAAW,EAAA,CAAA,EAAA,CAAA;;2FAgB7C,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAlB7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,8BAA8B;AACxC,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,mBAAmB,EAAE,WAAW,CAAC;AACzD,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;AAaT,EAAA,CAAA;AACF,iBAAA;;;ACtBD;;AAEG;;;;"}