@es.framework/ng.ui.core 2.0.58

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

@@ -0,0 +1,205 @@
+import * as i0 from '@angular/core';
+import { NgModule, Component } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { FieldType } from '@ngx-formly/core';
+import { ButtonModule } from 'primeng/button';
+import { DialogModule } from 'primeng/dialog';
+
+class IconPickerModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IconPickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: IconPickerModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IconPickerModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IconPickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+class IconPickerComponent extends FieldType {
+    dropdownOpen = false;
+    searchQuery = '';
+    page = 1;
+    pageSize = 16;
+    icons = [
+        'fa-solid fa-box',
+        'fa-solid fa-layer-group',
+        'fa-solid fa-table-columns',
+        'fa-solid fa-database',
+        'fa-solid fa-arrow-left',
+        'fa-solid fa-arrow-right',
+        'fa-solid fa-arrow-down',
+        'fa-solid fa-arrow-up',
+        'fa-solid fa-trash',
+        'fa-solid fa-gear',
+        'fa-solid fa-circle-check',
+        'fa-solid fa-circle-xmark',
+        'fa-solid fa-pen',
+        'fa-solid fa-copy',
+        'fa-solid fa-share',
+        'fa-solid fa-upload',
+        'fa-solid fa-download',
+        'fa-solid fa-image',
+        'fa-solid fa-chart-pie',
+        // Add more FontAwesome Pro icons
+    ];
+    get filteredIcons() {
+        if (!this.searchQuery)
+            return this.icons;
+        return this.icons.filter(icon => icon.toLowerCase().includes(this.searchQuery.toLowerCase()));
+    }
+    get totalPages() {
+        return Math.ceil(this.filteredIcons.length / this.pageSize);
+    }
+    get start() {
+        return (this.page - 1) * this.pageSize;
+    }
+    get end() {
+        return Math.min(this.start + this.pageSize, this.filteredIcons.length);
+    }
+    get pagedIcons() {
+        return this.filteredIcons.slice(this.start, this.end);
+    }
+    onSearch() {
+        this.page = 1;
+    }
+    selectIcon(icon) {
+        this.formControl.setValue(icon);
+        this.dropdownOpen = false;
+    }
+    nextPage() {
+        if (this.page < this.totalPages)
+            this.page++;
+    }
+    prevPage() {
+        if (this.page > 1)
+            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>
+  
+  `, 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: [{
+            type: Component,
+            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>
+  
+  `
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IconPickerComponent, IconPickerModule };
+//# sourceMappingURL=es.framework-ng.ui.core-icon-picker.mjs.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,102 @@
+import * as i0 from '@angular/core';
+import { NgModule, ChangeDetectionStrategy, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FieldType, FormlyAttributes } from '@ngx-formly/core';
+import { ToggleSwitch } from 'primeng/toggleswitch';
+import * as i1 from '@angular/forms';
+import { ReactiveFormsModule, FormsModule } from '@angular/forms';
+import { TranslatePipe } from '@es.framework/ng.core/pipes';
+import * as i2 from 'primeng/tooltip';
+import { TooltipModule } from 'primeng/tooltip';
+
+class InputSwitchModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InputSwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: InputSwitchModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InputSwitchModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InputSwitchModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+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" -->
+  `, 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: [{
+            type: Component,
+            args: [{
+                    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" -->
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InputSwitchModule, InputSwitchTypeComponent };
+//# sourceMappingURL=es.framework-ng.ui.core-input-switch.mjs.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,67 @@
+import * as i0 from '@angular/core';
+import { NgModule, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule, FormsModule } from '@angular/forms';
+import * as i1 from '@ngx-formly/core';
+import { FieldType, FormlyModule } from '@ngx-formly/core';
+
+class InputWithIconModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InputWithIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: InputWithIconModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InputWithIconModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InputWithIconModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+class InputWithIconType extends FieldType {
+    get type() {
+        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>
+  `, 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: [{
+            type: Component,
+            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>
+  `,
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InputWithIconModule, InputWithIconType };
+//# sourceMappingURL=es.framework-ng.ui.core-input-with-icon.mjs.map

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

@@ -0,0 +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;;;;"}