@es.framework/ng.ui.core 2.0.64 → 2.0.66

package/fesm2022/es.framework-ng.ui.core-icon-picker.mjs

@@ -80,59 +80,59 @@ class IconPickerComponent extends FieldType {
             this.page--;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IconPickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    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: `
-  <div class="relative inline-block">
-    <!-- Toggle Button -->
-    <button type="button" class="px-2 py-1 border rounded shadow-sm bg-white dark:bg-gray-800 dark:border-gray-600"
-      (click)="dropdownOpen = !dropdownOpen">
-      <i [class]="formControl.value || 'fa-solid fa-circle-half-stroke'" class="text-lg"></i>
-      <i class="fas fa-caret-down ml-1 text-xs"></i>
-    </button>
-  
-    <!-- Dropdown -->
-    @if (dropdownOpen) {
-      <div
-        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">
-        <!-- Header -->
-        <div class="flex items-center justify-between px-2 py-1 border-b dark:border-gray-600">
-          <button (click)="prevPage()" class="p-1 hover:text-blue-600" [disabled]="page === 1">
-            <i class="fas fa-arrow-left"></i>
-          </button>
-          <span class="text-xs text-gray-600 dark:text-gray-300">Page {{ page }} / {{ totalPages }}</span>
-          <button (click)="nextPage()" class="p-1 hover:text-blue-600" [disabled]="page === totalPages">
-            <i class="fas fa-arrow-right"></i>
-          </button>
-        </div>
-        <!-- Search -->
-        <div class="p-2">
-          <input
-            type="text"
-            placeholder="Search icon"
-            [(ngModel)]="searchQuery"
-            (ngModelChange)="onSearch()"
-            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"
-            />
-        </div>
-        <!-- Icon Grid -->
-        <div class="grid grid-cols-4 gap-2 p-2 max-h-56 overflow-y-auto">
-          @for (icon of pagedIcons; track icon) {
-            <button
-              (click)="selectIcon(icon)"
-              class="flex items-center justify-center h-10 w-10 border rounded hover:bg-gray-100 dark:hover:bg-gray-700"
-              [ngClass]="{ 'ring-2 ring-blue-500': formControl.value === icon }"
-              >
-              <i [class]="icon" class="text-lg"></i>
-            </button>
-          }
-        </div>
-        <!-- Footer -->
-        <div class="px-2 py-1 text-xs text-gray-500 dark:text-gray-400 border-t dark:border-gray-600">
-          {{ start + 1 }} - {{ end }} of {{ filteredIcons.length }}
-        </div>
-      </div>
-    }
-  </div>
-  
+    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: `
+  <div class="relative inline-block">
+    <!-- Toggle Button -->
+    <button type="button" class="px-2 py-1 border rounded shadow-sm bg-white dark:bg-gray-800 dark:border-gray-600"
+      (click)="dropdownOpen = !dropdownOpen">
+      <i [class]="formControl.value || 'fa-solid fa-circle-half-stroke'" class="text-lg"></i>
+      <i class="fas fa-caret-down ml-1 text-xs"></i>
+    </button>
+  
+    <!-- Dropdown -->
+    @if (dropdownOpen) {
+      <div
+        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">
+        <!-- Header -->
+        <div class="flex items-center justify-between px-2 py-1 border-b dark:border-gray-600">
+          <button (click)="prevPage()" class="p-1 hover:text-blue-600" [disabled]="page === 1">
+            <i class="fas fa-arrow-left"></i>
+          </button>
+          <span class="text-xs text-gray-600 dark:text-gray-300">Page {{ page }} / {{ totalPages }}</span>
+          <button (click)="nextPage()" class="p-1 hover:text-blue-600" [disabled]="page === totalPages">
+            <i class="fas fa-arrow-right"></i>
+          </button>
+        </div>
+        <!-- Search -->
+        <div class="p-2">
+          <input
+            type="text"
+            placeholder="Search icon"
+            [(ngModel)]="searchQuery"
+            (ngModelChange)="onSearch()"
+            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"
+            />
+        </div>
+        <!-- Icon Grid -->
+        <div class="grid grid-cols-4 gap-2 p-2 max-h-56 overflow-y-auto">
+          @for (icon of pagedIcons; track icon) {
+            <button
+              (click)="selectIcon(icon)"
+              class="flex items-center justify-center h-10 w-10 border rounded hover:bg-gray-100 dark:hover:bg-gray-700"
+              [ngClass]="{ 'ring-2 ring-blue-500': formControl.value === icon }"
+              >
+              <i [class]="icon" class="text-lg"></i>
+            </button>
+          }
+        </div>
+        <!-- Footer -->
+        <div class="px-2 py-1 text-xs text-gray-500 dark:text-gray-400 border-t dark:border-gray-600">
+          {{ start + 1 }} - {{ end }} of {{ filteredIcons.length }}
+        </div>
+      </div>
+    }
+  </div>
+  
   `, 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 }] });
 }
 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
             args: [{
                     selector: 'formly-field-icon-picker',
                     imports: [FormsModule, CommonModule, DialogModule, ReactiveFormsModule, ButtonModule],
-                    template: `
-  <div class="relative inline-block">
-    <!-- Toggle Button -->
-    <button type="button" class="px-2 py-1 border rounded shadow-sm bg-white dark:bg-gray-800 dark:border-gray-600"
-      (click)="dropdownOpen = !dropdownOpen">
-      <i [class]="formControl.value || 'fa-solid fa-circle-half-stroke'" class="text-lg"></i>
-      <i class="fas fa-caret-down ml-1 text-xs"></i>
-    </button>
-  
-    <!-- Dropdown -->
-    @if (dropdownOpen) {
-      <div
-        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">
-        <!-- Header -->
-        <div class="flex items-center justify-between px-2 py-1 border-b dark:border-gray-600">
-          <button (click)="prevPage()" class="p-1 hover:text-blue-600" [disabled]="page === 1">
-            <i class="fas fa-arrow-left"></i>
-          </button>
-          <span class="text-xs text-gray-600 dark:text-gray-300">Page {{ page }} / {{ totalPages }}</span>
-          <button (click)="nextPage()" class="p-1 hover:text-blue-600" [disabled]="page === totalPages">
-            <i class="fas fa-arrow-right"></i>
-          </button>
-        </div>
-        <!-- Search -->
-        <div class="p-2">
-          <input
-            type="text"
-            placeholder="Search icon"
-            [(ngModel)]="searchQuery"
-            (ngModelChange)="onSearch()"
-            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"
-            />
-        </div>
-        <!-- Icon Grid -->
-        <div class="grid grid-cols-4 gap-2 p-2 max-h-56 overflow-y-auto">
-          @for (icon of pagedIcons; track icon) {
-            <button
-              (click)="selectIcon(icon)"
-              class="flex items-center justify-center h-10 w-10 border rounded hover:bg-gray-100 dark:hover:bg-gray-700"
-              [ngClass]="{ 'ring-2 ring-blue-500': formControl.value === icon }"
-              >
-              <i [class]="icon" class="text-lg"></i>
-            </button>
-          }
-        </div>
-        <!-- Footer -->
-        <div class="px-2 py-1 text-xs text-gray-500 dark:text-gray-400 border-t dark:border-gray-600">
-          {{ start + 1 }} - {{ end }} of {{ filteredIcons.length }}
-        </div>
-      </div>
-    }
-  </div>
-  
+                    template: `
+  <div class="relative inline-block">
+    <!-- Toggle Button -->
+    <button type="button" class="px-2 py-1 border rounded shadow-sm bg-white dark:bg-gray-800 dark:border-gray-600"
+      (click)="dropdownOpen = !dropdownOpen">
+      <i [class]="formControl.value || 'fa-solid fa-circle-half-stroke'" class="text-lg"></i>
+      <i class="fas fa-caret-down ml-1 text-xs"></i>
+    </button>
+  
+    <!-- Dropdown -->
+    @if (dropdownOpen) {
+      <div
+        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">
+        <!-- Header -->
+        <div class="flex items-center justify-between px-2 py-1 border-b dark:border-gray-600">
+          <button (click)="prevPage()" class="p-1 hover:text-blue-600" [disabled]="page === 1">
+            <i class="fas fa-arrow-left"></i>
+          </button>
+          <span class="text-xs text-gray-600 dark:text-gray-300">Page {{ page }} / {{ totalPages }}</span>
+          <button (click)="nextPage()" class="p-1 hover:text-blue-600" [disabled]="page === totalPages">
+            <i class="fas fa-arrow-right"></i>
+          </button>
+        </div>
+        <!-- Search -->
+        <div class="p-2">
+          <input
+            type="text"
+            placeholder="Search icon"
+            [(ngModel)]="searchQuery"
+            (ngModelChange)="onSearch()"
+            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"
+            />
+        </div>
+        <!-- Icon Grid -->
+        <div class="grid grid-cols-4 gap-2 p-2 max-h-56 overflow-y-auto">
+          @for (icon of pagedIcons; track icon) {
+            <button
+              (click)="selectIcon(icon)"
+              class="flex items-center justify-center h-10 w-10 border rounded hover:bg-gray-100 dark:hover:bg-gray-700"
+              [ngClass]="{ 'ring-2 ring-blue-500': formControl.value === icon }"
+              >
+              <i [class]="icon" class="text-lg"></i>
+            </button>
+          }
+        </div>
+        <!-- Footer -->
+        <div class="px-2 py-1 text-xs text-gray-500 dark:text-gray-400 border-t dark:border-gray-600">
+          {{ start + 1 }} - {{ end }} of {{ filteredIcons.length }}
+        </div>
+      </div>
+    }
+  </div>
+  
   `
                 }]
         }] });

package/fesm2022/es.framework-ng.ui.core-icon-picker.mjs.map

@@ -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';\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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"}
+{"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":"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"}

package/fesm2022/es.framework-ng.ui.core-input-switch.mjs

@@ -23,35 +23,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
 
 class InputSwitchTypeComponent extends FieldType {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InputSwitchTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    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: `
-  <!-- border border-gray-300 -->
-  <div class="flex items-center justify-between rtl:flex-row-reverse w-full px-2 py-1"
-    style="    border-radius: var(--p-inputtext-border-radius);">
-  
-    <label [for]="id" class="font-bold text-lg text-gray-800">
-      {{ (to.label ?? '') | translate }}
-  
-      @if (to.required) {
-        <span class="text-red-500">*</span>
-      }
-    </label>
-  
-    <p-toggleSwitch
-      [formControl]="formControl"
-      [formlyAttributes]="field"
-      [pTooltip]="field.props['tooltip']"
-      [styleClass]="''"
-      [inputId]="id"
-  
-    ></p-toggleSwitch>
-  
-  
-    <!-- <label [for]="id" class="font-bold text-lg text-gray-800 mr-2 whitespace-nowrap">
-    {{ (to.label ?? '') | translate}}
-  </label> -->
-  </div>
-  <!-- [style]="to.['style']" -->
-  <!-- [disabled]="to.disabled ?? false" -->
+    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: `
+  <!-- border border-gray-300 -->
+  <div class="flex items-center justify-between rtl:flex-row-reverse w-full px-2 py-1"
+    style="    border-radius: var(--p-inputtext-border-radius);">
+  
+    <label [for]="id" class="font-bold text-lg text-gray-800">
+      {{ (to.label ?? '') | translate }}
+  
+      @if (to.required) {
+        <span class="text-red-500">*</span>
+      }
+    </label>
+  
+    <p-toggleSwitch
+      [formControl]="formControl"
+      [formlyAttributes]="field"
+      [pTooltip]="field.props['tooltip']"
+      [styleClass]="''"
+      [inputId]="id"
+  
+    ></p-toggleSwitch>
+  
+  
+    <!-- <label [for]="id" class="font-bold text-lg text-gray-800 mr-2 whitespace-nowrap">
+    {{ (to.label ?? '') | translate}}
+  </label> -->
+  </div>
+  <!-- [style]="to.['style']" -->
+  <!-- [disabled]="to.disabled ?? false" -->
   `, 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 });
 }
 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
                     selector: 'formly-field-primeng-input-switch',
                     standalone: true,
                     imports: [ReactiveFormsModule, FormsModule, ToggleSwitch, FormlyAttributes, TranslatePipe, TooltipModule],
-                    template: `
-  <!-- border border-gray-300 -->
-  <div class="flex items-center justify-between rtl:flex-row-reverse w-full px-2 py-1"
-    style="    border-radius: var(--p-inputtext-border-radius);">
-  
-    <label [for]="id" class="font-bold text-lg text-gray-800">
-      {{ (to.label ?? '') | translate }}
-  
-      @if (to.required) {
-        <span class="text-red-500">*</span>
-      }
-    </label>
-  
-    <p-toggleSwitch
-      [formControl]="formControl"
-      [formlyAttributes]="field"
-      [pTooltip]="field.props['tooltip']"
-      [styleClass]="''"
-      [inputId]="id"
-  
-    ></p-toggleSwitch>
-  
-  
-    <!-- <label [for]="id" class="font-bold text-lg text-gray-800 mr-2 whitespace-nowrap">
-    {{ (to.label ?? '') | translate}}
-  </label> -->
-  </div>
-  <!-- [style]="to.['style']" -->
-  <!-- [disabled]="to.disabled ?? false" -->
+                    template: `
+  <!-- border border-gray-300 -->
+  <div class="flex items-center justify-between rtl:flex-row-reverse w-full px-2 py-1"
+    style="    border-radius: var(--p-inputtext-border-radius);">
+  
+    <label [for]="id" class="font-bold text-lg text-gray-800">
+      {{ (to.label ?? '') | translate }}
+  
+      @if (to.required) {
+        <span class="text-red-500">*</span>
+      }
+    </label>
+  
+    <p-toggleSwitch
+      [formControl]="formControl"
+      [formlyAttributes]="field"
+      [pTooltip]="field.props['tooltip']"
+      [styleClass]="''"
+      [inputId]="id"
+  
+    ></p-toggleSwitch>
+  
+  
+    <!-- <label [for]="id" class="font-bold text-lg text-gray-800 mr-2 whitespace-nowrap">
+    {{ (to.label ?? '') | translate}}
+  </label> -->
+  </div>
+  <!-- [style]="to.['style']" -->
+  <!-- [disabled]="to.disabled ?? false" -->
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]

package/fesm2022/es.framework-ng.ui.core-input-switch.mjs.map

@@ -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';\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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"}
+{"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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"}

package/fesm2022/es.framework-ng.ui.core-input-with-icon.mjs

@@ -22,19 +22,19 @@ class InputWithIconType extends FieldType {
         return this.to.type || 'text';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InputWithIconType, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    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: `
-    <div class="relative">
-      <!-- [formControl]="formControl" -->
-      <input
-        [type]="type"
-
-        [formlyAttributes]="field"
-        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"
-        [placeholder]="to.placeholder"
-        [disabled]="to.disabled ? true : false"
-      />
-      <i class="{{ to['icon'] }} absolute left-4 top-1/2 -translate-y-1/2 text-gray-400 text-base"></i>
-    </div>
+    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: `
+    <div class="relative">
+      <!-- [formControl]="formControl" -->
+      <input
+        [type]="type"
+
+        [formlyAttributes]="field"
+        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"
+        [placeholder]="to.placeholder"
+        [disabled]="to.disabled ? true : false"
+      />
+      <i class="{{ to['icon'] }} absolute left-4 top-1/2 -translate-y-1/2 text-gray-400 text-base"></i>
+    </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i1.LegacyFormlyAttributes, selector: "[formlyAttributes]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }] });
 }
 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
             args: [{
                     selector: 'formly-field-input-with-icon',
                     imports: [FormlyModule, ReactiveFormsModule, FormsModule],
-                    template: `
-    <div class="relative">
-      <!-- [formControl]="formControl" -->
-      <input
-        [type]="type"
-
-        [formlyAttributes]="field"
-        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"
-        [placeholder]="to.placeholder"
-        [disabled]="to.disabled ? true : false"
-      />
-      <i class="{{ to['icon'] }} absolute left-4 top-1/2 -translate-y-1/2 text-gray-400 text-base"></i>
-    </div>
+                    template: `
+    <div class="relative">
+      <!-- [formControl]="formControl" -->
+      <input
+        [type]="type"
+
+        [formlyAttributes]="field"
+        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"
+        [placeholder]="to.placeholder"
+        [disabled]="to.disabled ? true : false"
+      />
+      <i class="{{ to['icon'] }} absolute left-4 top-1/2 -translate-y-1/2 text-gray-400 text-base"></i>
+    </div>
   `,
                 }]
         }] });

package/fesm2022/es.framework-ng.ui.core-input-with-icon.mjs.map

@@ -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';\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;;;;"}
+{"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;;;;"}