@es.framework/ng.ui.core 2.0.58

package/fesm2022/es.framework-ng.ui.core-form-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"es.framework-ng.ui.core-form-field.mjs","sources":["../../../../libs/ng.ui.core/form-field/src/lib/form-field.wrapper.ts","../../../../libs/ng.ui.core/form-field/src/lib/form-field.config.ts","../../../../libs/ng.ui.core/form-field/src/lib/form-field.module.ts","../../../../libs/ng.ui.core/form-field/src/es.framework-ng.ui.core-form-field.ts"],"sourcesContent":["/* eslint-disable @angular-eslint/prefer-standalone */\nimport { Component } from '@angular/core';\nimport {\n  FieldWrapper,\n  FormlyFieldConfig,\n  FormlyFieldProps as CoreFormlyFieldProps\n} from '@ngx-formly/core';\n\nexport interface FormlyFieldProps extends CoreFormlyFieldProps {\n  hideRequiredMarker?: boolean;\n  hideLabel?: boolean;\n}\n\n@Component({\n  selector: 'formly-wrapper-primeng-form-field',\n  standalone: false,\n  template: `\n    <div class=\"p-field\">\n      <!-- text-lg -->\n      @if (props.label && props.hideLabel !== true) {\n        <label [for]=\"id\" class=\"font-bold\">\n          {{ props.label | translate }}\n          @if (props.required && props.hideRequiredMarker !== true) {\n            <span aria-hidden=\"true\">*</span>\n          }\n        </label>\n      }\n\n      <div class=\"mb-2\"></div>\n      <ng-container #fieldComponent></ng-container>\n\n      @if (showError) {\n        <small class=\"text-red-600 text-sm mt-1 block font-medium\">\n          <formly-validation-message [field]=\"field\"></formly-validation-message>\n        </small>\n      }\n    </div>\n  `,\n})\nexport class FormlyWrapperFormField extends FieldWrapper<FormlyFieldConfig<FormlyFieldProps>> {}\n\n\n@Component({\n  selector: 'formly-wrapper-primeng-form-field-no',\n  standalone: false,\n  template: `\n    <div class=\"p-field\">\n      <!-- text-lg -->\n      @if (props.label && props.hideLabel !== true) {\n        <label [for]=\"id\" class=\"font-bold\">\n          @if (props.required && props.hideRequiredMarker !== true) {\n            <span aria-hidden=\"true\">*</span>\n          }\n        </label>\n      }\n\n      <ng-container #fieldComponent></ng-container>\n\n      @if (showError) {\n        <small class=\"text-red-600 text-sm mt-1 block font-medium\">\n          <formly-validation-message [field]=\"field\"></formly-validation-message>\n        </small>\n      }\n    </div>\n  `,\n})\nexport class FormlyWrapperFormFieldNo extends FieldWrapper<FormlyFieldConfig<FormlyFieldProps>> {}\n","import {  ConfigOption } from '@ngx-formly/core';\nimport { FormlyWrapperFormField, FormlyWrapperFormFieldNo } from './form-field.wrapper';\n\nexport function withFormlyFormField(): ConfigOption {\n  return {\n    wrappers: [\n      {\n        name: 'form-field',\n        component: FormlyWrapperFormField,\n      },\n      {\n        name: 'form-field-no',\n        component: FormlyWrapperFormFieldNo,\n      },\n    ],\n  };\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormlyModule, LegacyFormlyValidationMessage,  } from '@ngx-formly/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FormlyWrapperFormField, FormlyWrapperFormFieldNo } from './form-field.wrapper';\nimport { withFormlyFormField } from './form-field.config';\nimport { TranslatePipe } from '@es.framework/ng.core/pipes';\n\n@NgModule({\n  declarations: [\n\n    FormlyWrapperFormField,\n    FormlyWrapperFormFieldNo,\n    // FormlyFormFieldWrapperComponent,\n  ],\n  imports: [CommonModule, ReactiveFormsModule, FormlyModule.forChild(withFormlyFormField()),TranslatePipe],\n  exports:[FormlyWrapperFormField]\n})\nexport class FormlyFormFieldModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAAA;AAuCM,MAAO,sBAAuB,SAAQ,YAAiD,CAAA;uGAAhF,sBAAsB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,mCAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAvBvB;;;;;;;;;;;;;;;;;;;;;AAqBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,6BAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA;;2FAEU,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBA1BlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mCAAmC;AAC7C,oBAAA,UAAU,EAAE,KAAK;AACjB,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;AAqBT,EAAA,CAAA;AACF,iBAAA;;AA4BK,MAAO,wBAAyB,SAAQ,YAAiD,CAAA;uGAAlF,wBAAwB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,sCAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EArBzB;;;;;;;;;;;;;;;;;;;AAmBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,6BAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,CAAA,EAAA,CAAA;;2FAEU,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAxBpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sCAAsC;AAChD,oBAAA,UAAU,EAAE,KAAK;AACjB,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;AAmBT,EAAA,CAAA;AACF,iBAAA;;;SC9De,mBAAmB,GAAA;IACjC,OAAO;AACL,QAAA,QAAQ,EAAE;AACR,YAAA;AACE,gBAAA,IAAI,EAAE,YAAY;AAClB,gBAAA,SAAS,EAAE,sBAAsB;AAClC,aAAA;AACD,YAAA;AACE,gBAAA,IAAI,EAAE,eAAe;AACrB,gBAAA,SAAS,EAAE,wBAAwB;AACpC,aAAA;AACF,SAAA;KACF;AACH;;MCEa,qBAAqB,CAAA;uGAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,iBAP9B,sBAAsB;AACtB,YAAA,wBAAwB,aAGhB,YAAY,EAAE,mBAAmB,EAAA,EAAA,CAAA,YAAA,EAA+C,aAAa,aAC9F,sBAAsB,CAAA,EAAA,CAAA;wGAEpB,qBAAqB,EAAA,OAAA,EAAA,CAHtB,YAAY,EAAE,mBAAmB,EAAE,YAAY,CAAC,QAAQ,CAAC,mBAAmB,EAAE,CAAC,CAAA,EAAA,CAAA;;2FAG9E,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAVjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBAEZ,sBAAsB;wBACtB,wBAAwB;;AAEzB,qBAAA;AACD,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,mBAAmB,EAAE,YAAY,CAAC,QAAQ,CAAC,mBAAmB,EAAE,CAAC,EAAC,aAAa,CAAC;oBACxG,OAAO,EAAC,CAAC,sBAAsB;AAChC,iBAAA;;;ACjBD;;AAEG;;;;"}

package/fesm2022/es.framework-ng.ui.core-form-template.mjs

@@ -0,0 +1,37 @@
+import * as i0 from '@angular/core';
+import { NgModule, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FieldType } from '@ngx-formly/core';
+import { SafeHtmlPipe } from 'primeng/menu';
+
+class FormTemplateModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormTemplateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: FormTemplateModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormTemplateModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormTemplateModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+class FormlyTemplateType extends FieldType {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyTemplateType, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: FormlyTemplateType, isStandalone: true, selector: "formly-template", usesInheritance: true, ngImport: i0, template: `<div [innerHTML]="to['innerHTML'] | safeHtml"></div>`, isInline: true, dependencies: [{ kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyTemplateType, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [SafeHtmlPipe],
+                    selector: 'formly-template',
+                    template: `<div [innerHTML]="to['innerHTML'] | safeHtml"></div>`,
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormTemplateModule, FormlyTemplateType };
+//# sourceMappingURL=es.framework-ng.ui.core-form-template.mjs.map

package/fesm2022/es.framework-ng.ui.core-form-template.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"es.framework-ng.ui.core-form-template.mjs","sources":["../../../../libs/ng.ui.core/form-template/src/lib/form-template-module.ts","../../../../libs/ng.ui.core/form-template/src/lib/template.type.ts","../../../../libs/ng.ui.core/form-template/src/es.framework-ng.ui.core-form-template.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class FormTemplateModule {}\n","import { FieldType, FormlyFieldConfig } from '@ngx-formly/core';\r\nimport { Component } from '@angular/core';\r\nimport { SafeHtmlPipe } from 'primeng/menu';\r\n\r\n@Component({\r\n  imports:[SafeHtmlPipe],\r\n  selector: 'formly-template',\r\n  template: `<div [innerHTML]=\"to['innerHTML'] | safeHtml\"></div>`,\r\n})\r\nexport class FormlyTemplateType extends FieldType {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAMa,kBAAkB,CAAA;uGAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAFnB,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,kBAAkB,YAFnB,YAAY,CAAA,EAAA,CAAA;;2FAEX,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAH9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA;;;ACIK,MAAO,kBAAmB,SAAQ,SAAS,CAAA;uGAApC,kBAAkB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAFnB,CAAA,oDAAA,CAAsD,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAFvD,YAAY,EAAA,IAAA,EAAA,UAAA,EAAA,CAAA,EAAA,CAAA;;2FAIV,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;oBACT,OAAO,EAAC,CAAC,YAAY,CAAC;AACtB,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,QAAQ,EAAE,CAAA,oDAAA,CAAsD;AACjE,iBAAA;;;ACRD;;AAEG;;;;"}

package/fesm2022/es.framework-ng.ui.core-formly-avatar-image.mjs

@@ -0,0 +1,132 @@
+import * as i0 from '@angular/core';
+import { NgModule, Component } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule } from '@angular/forms';
+import * as i2 from '@ngx-formly/core';
+import { FieldType, FormlyModule } from '@ngx-formly/core';
+import * as i3 from 'primeng/avatar';
+import { AvatarModule } from 'primeng/avatar';
+
+class FormlyAvatarImageModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyAvatarImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: FormlyAvatarImageModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyAvatarImageModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyAvatarImageModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+class FormlyAvatarImageComponent extends FieldType {
+    get type() {
+        return this.field.type;
+    }
+    get displayValue() {
+        const value = this.formControl?.value;
+        const baseUrl = this.field.props['baseUrl'] || '';
+        const defaultImage = this.field.props['defaultImage'] || '';
+        if (value) {
+            return baseUrl ? `${baseUrl}${value}` : value;
+        }
+        return defaultImage;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyAvatarImageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: FormlyAvatarImageComponent, isStandalone: true, selector: "formly-field-avatar-image", usesInheritance: true, ngImport: i0, template: `
+    <div [ngClass]="field.props['containerClass'] || ''">
+      @if (field.props.label && field.props['hideLabel'] !== true) {
+        <label [for]="id" class="p-formgroup-inline block text-sm font-medium text-gray-700">
+          {{ field.props.label }}
+          @if (field.props.required) {
+            <span class="text-red-500">*</span>
+          }
+        </label>
+      }
+      <div class="mt-1 flex items-center">
+        <p-avatar
+          [image]="displayValue"
+          [size]="field.props['size'] || 'large'"
+          [shape]="field.props['shape'] || 'circle'"
+          [style]="field.props['avatarStyle'] || ''"
+          [styleClass]="field.props['avatarClass'] || ''"
+          (onClick)="field.props['onClick'] && field.props['onClick']($event)"
+    
+        ></p-avatar>
+        <!-- (onImageError)="field.props['onImageError'] && field.props['onImageError']($event)" -->
+        @if (field.props['showPlaceholder']) {
+          <div class="ml-4">
+            <span class="text-gray-500">{{ field.props['placeholderText'] || 'No image selected' }}</span>
+          </div>
+        }
+      </div>
+      @if (showError) {
+        <small class="mt-1 text-sm text-red-600">
+          <formly-validation-message [field]="field"></formly-validation-message>
+        </small>
+      }
+      @if (field.props.description) {
+        <small class="mt-1 text-sm text-gray-500">{{ field.props.description }}</small>
+      }
+    </div>
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i2.LegacyFormlyValidationMessage, selector: "formly-validation-message" }, { kind: "ngmodule", type: AvatarModule }, { kind: "component", type: i3.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyAvatarImageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-field-avatar-image',
+                    standalone: true,
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        FormlyModule,
+                        AvatarModule
+                    ],
+                    template: `
+    <div [ngClass]="field.props['containerClass'] || ''">
+      @if (field.props.label && field.props['hideLabel'] !== true) {
+        <label [for]="id" class="p-formgroup-inline block text-sm font-medium text-gray-700">
+          {{ field.props.label }}
+          @if (field.props.required) {
+            <span class="text-red-500">*</span>
+          }
+        </label>
+      }
+      <div class="mt-1 flex items-center">
+        <p-avatar
+          [image]="displayValue"
+          [size]="field.props['size'] || 'large'"
+          [shape]="field.props['shape'] || 'circle'"
+          [style]="field.props['avatarStyle'] || ''"
+          [styleClass]="field.props['avatarClass'] || ''"
+          (onClick)="field.props['onClick'] && field.props['onClick']($event)"
+    
+        ></p-avatar>
+        <!-- (onImageError)="field.props['onImageError'] && field.props['onImageError']($event)" -->
+        @if (field.props['showPlaceholder']) {
+          <div class="ml-4">
+            <span class="text-gray-500">{{ field.props['placeholderText'] || 'No image selected' }}</span>
+          </div>
+        }
+      </div>
+      @if (showError) {
+        <small class="mt-1 text-sm text-red-600">
+          <formly-validation-message [field]="field"></formly-validation-message>
+        </small>
+      }
+      @if (field.props.description) {
+        <small class="mt-1 text-sm text-gray-500">{{ field.props.description }}</small>
+      }
+    </div>
+    `,
+                    // changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormlyAvatarImageComponent, FormlyAvatarImageModule };
+//# sourceMappingURL=es.framework-ng.ui.core-formly-avatar-image.mjs.map

package/fesm2022/es.framework-ng.ui.core-formly-avatar-image.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"es.framework-ng.ui.core-formly-avatar-image.mjs","sources":["../../../../libs/ng.ui.core/formly-avatar-image/src/lib/formly-avatar-image-module.ts","../../../../libs/ng.ui.core/formly-avatar-image/src/lib/formly-avatar-image.ts","../../../../libs/ng.ui.core/formly-avatar-image/src/es.framework-ng.ui.core-formly-avatar-image.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class FormlyAvatarImageModule {}\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { FieldType, FieldTypeConfig, FormlyModule } from '@ngx-formly/core';\r\nimport { AvatarModule } from 'primeng/avatar';\r\n\r\n@Component({\r\n  selector: 'formly-field-avatar-image',\r\n  standalone: true,\r\n  imports: [\r\n    CommonModule,\r\n    ReactiveFormsModule,\r\n    FormlyModule,\r\n    AvatarModule\r\n  ],\r\n  template: `\n    <div [ngClass]=\"field.props['containerClass'] || ''\">\n      @if (field.props.label && field.props['hideLabel'] !== true) {\n        <label [for]=\"id\" class=\"p-formgroup-inline block text-sm font-medium text-gray-700\">\n          {{ field.props.label }}\n          @if (field.props.required) {\n            <span class=\"text-red-500\">*</span>\n          }\n        </label>\n      }\n      <div class=\"mt-1 flex items-center\">\n        <p-avatar\n          [image]=\"displayValue\"\n          [size]=\"field.props['size'] || 'large'\"\n          [shape]=\"field.props['shape'] || 'circle'\"\n          [style]=\"field.props['avatarStyle'] || ''\"\n          [styleClass]=\"field.props['avatarClass'] || ''\"\n          (onClick)=\"field.props['onClick'] && field.props['onClick']($event)\"\n    \n        ></p-avatar>\n        <!-- (onImageError)=\"field.props['onImageError'] && field.props['onImageError']($event)\" -->\n        @if (field.props['showPlaceholder']) {\n          <div class=\"ml-4\">\n            <span class=\"text-gray-500\">{{ field.props['placeholderText'] || 'No image selected' }}</span>\n          </div>\n        }\n      </div>\n      @if (showError) {\n        <small class=\"mt-1 text-sm text-red-600\">\n          <formly-validation-message [field]=\"field\"></formly-validation-message>\n        </small>\n      }\n      @if (field.props.description) {\n        <small class=\"mt-1 text-sm text-gray-500\">{{ field.props.description }}</small>\n      }\n    </div>\n    `,\r\n  // changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class FormlyAvatarImageComponent extends FieldType<FieldTypeConfig> {\r\n  get type() {\r\n    return this.field.type as string;\r\n  }\r\n  get displayValue(): any {\r\n  const value = this.formControl?.value;\r\n    const baseUrl = this.field.props['baseUrl'] || '';\r\n    const defaultImage = this.field.props['defaultImage'] || '';\r\n\r\n    if (value) {\r\n      return baseUrl ? `${baseUrl}${value}` : value;\r\n    }\r\n\r\n    return defaultImage;\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-formly-avatar-label.mjs

@@ -0,0 +1,89 @@
+import * as i0 from '@angular/core';
+import { NgModule, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { FieldType } from '@ngx-formly/core';
+import { TranslatePipe } from '@es.framework/ng.core/pipes';
+import { ButtonModule } from 'primeng/button';
+
+class FormlyAvatarLabelModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyAvatarLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: FormlyAvatarLabelModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyAvatarLabelModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyAvatarLabelModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+class FormlyAvatarLabelComponent extends FieldType {
+    get to() {
+        return this.field.props;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyAvatarLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: FormlyAvatarLabelComponent, isStandalone: true, selector: "formly-avatar-label", usesInheritance: true, ngImport: i0, template: `
+  <div class="flex flex-col text-gray-700 text-sm mb-4">
+   <div class="flex items-center w-full min-h-[30px]">
+      <div
+        class="w-7 h-7 rounded-full flex items-center justify-center bg-gray-200 text-gray-600 text-base mr-2 flex-shrink-0"
+      >
+        {{ to.username ? (to.username | slice:0:1) : '?' }}
+      </div>
+
+      @if (to.showUsername) {
+      <div class="flex items-center gap-1 ml-4 w-full">
+        <span class="text-gray-500">{{ (to.prefixLabel ?? '') | translate }}:</span>
+
+        <span class="font-medium text-gray-800 text-sm">
+          {{ to.username || ('COMMON.USER' | translate) }}
+        </span>
+      </div>
+    }
+
+
+    </div>
+</div>
+  `, isInline: true, styles: [".formly-avatar-label img{border-radius:50%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyAvatarLabelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'formly-avatar-label', template: `
+  <div class="flex flex-col text-gray-700 text-sm mb-4">
+   <div class="flex items-center w-full min-h-[30px]">
+      <div
+        class="w-7 h-7 rounded-full flex items-center justify-center bg-gray-200 text-gray-600 text-base mr-2 flex-shrink-0"
+      >
+        {{ to.username ? (to.username | slice:0:1) : '?' }}
+      </div>
+
+      @if (to.showUsername) {
+      <div class="flex items-center gap-1 ml-4 w-full">
+        <span class="text-gray-500">{{ (to.prefixLabel ?? '') | translate }}:</span>
+
+        <span class="font-medium text-gray-800 text-sm">
+          {{ to.username || ('COMMON.USER' | translate) }}
+        </span>
+      </div>
+    }
+
+
+    </div>
+</div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        ButtonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        TranslatePipe
+                    ], styles: [".formly-avatar-label img{border-radius:50%}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormlyAvatarLabelComponent, FormlyAvatarLabelModule };
+//# sourceMappingURL=es.framework-ng.ui.core-formly-avatar-label.mjs.map

package/fesm2022/es.framework-ng.ui.core-formly-avatar-label.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"es.framework-ng.ui.core-formly-avatar-label.mjs","sources":["../../../../libs/ng.ui.core/formly-avatar-label/src/lib/formly-avatar-label-module.ts","../../../../libs/ng.ui.core/formly-avatar-label/src/lib/formly-avatar-label.ts","../../../../libs/ng.ui.core/formly-avatar-label/src/es.framework-ng.ui.core-formly-avatar-label.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class FormlyAvatarLabelModule {}\n","import { CommonModule } from '@angular/common';\nimport { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { FieldType } from '@ngx-formly/core';\nimport { TranslatePipe } from '@es.framework/ng.core/pipes';\nimport { ButtonModule } from 'primeng/button';\n\ninterface AvatarLabelProps {\n  /**\n   * The username or display name, shown as text and used for avatar initial\n   */\n  username?: string;\n\n  /**\n   * Prefix label shown before username (e.g. \"FROM\"), expected to be a translatable key\n   */\n  prefixLabel?: string;\n\n  /**\n   * Additional CSS classes to customize wrapper div if needed\n   */\n  styleClass?: string;\n\n  /**\n   * Whether the button should be disabled (optional)\n   */\n  disabled?: boolean;\n  showUsername?: boolean;\n}\n\n@Component({\n  selector: 'formly-avatar-label',\n  template: `\n  <div class=\"flex flex-col text-gray-700 text-sm mb-4\">\n   <div class=\"flex items-center w-full min-h-[30px]\">\n      <div\n        class=\"w-7 h-7 rounded-full flex items-center justify-center bg-gray-200 text-gray-600 text-base mr-2 flex-shrink-0\"\n      >\n        {{ to.username ? (to.username | slice:0:1) : '?' }}\n      </div>\n\n      @if (to.showUsername) {\n      <div class=\"flex items-center gap-1 ml-4 w-full\">\n        <span class=\"text-gray-500\">{{ (to.prefixLabel ?? '') | translate }}:</span>\n\n        <span class=\"font-medium text-gray-800 text-sm\">\n          {{ to.username || ('COMMON.USER' | translate) }}\n        </span>\n      </div>\n    }\n\n\n    </div>\n</div>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  styles: [`\n    .formly-avatar-label img {\n      border-radius: 50%;\n    }\n  `],\n   imports: [\n  CommonModule,\n  ButtonModule,\n  FormsModule,\n  ReactiveFormsModule,\n  TranslatePipe\n  ],\n})\nexport class FormlyAvatarLabelComponent extends FieldType {\n\n  override get to(): AvatarLabelProps {\n    return this.field.props as AvatarLabelProps;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;MAMa,uBAAuB,CAAA;uGAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,YAFxB,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,uBAAuB,YAFxB,YAAY,CAAA,EAAA,CAAA;;2FAEX,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAHnC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA;;;ACgEK,MAAO,0BAA2B,SAAQ,SAAS,CAAA;AAEvD,IAAA,IAAa,EAAE,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,KAAyB;IAC7C;uGAJW,0BAA0B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EArC3B;;;;;;;;;;;;;;;;;;;;;;GAsBT,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,+CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAQD,YAAY,8BACZ,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACX,mBAAmB,+EACnB,aAAa,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAGF,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAvCtC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EAAA,QAAA,EACrB;;;;;;;;;;;;;;;;;;;;;;GAsBT,EAAA,eAAA,EACgB,uBAAuB,CAAC,MAAM,EAAA,OAAA,EAMrC;wBACV,YAAY;wBACZ,YAAY;wBACZ,WAAW;wBACX,mBAAmB;wBACnB;AACC,qBAAA,EAAA,MAAA,EAAA,CAAA,+CAAA,CAAA,EAAA;;;ACnEH;;AAEG;;;;"}

package/fesm2022/es.framework-ng.ui.core-formly-button-selector.mjs

@@ -0,0 +1,195 @@
+import * as i0 from '@angular/core';
+import { NgModule, ViewChild, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FieldType } from '@ngx-formly/core';
+import * as i2 from 'primeng/button';
+import { ButtonModule } from 'primeng/button';
+import * as i4 from 'primeng/popover';
+import { PopoverModule } from 'primeng/popover';
+import { TranslatePipe } from '@es.framework/ng.core/pipes';
+import * as i1 from '@es.framework/ng.core/services';
+import * as i3 from 'primeng/api';
+
+class FormlyButtonSelectorModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyButtonSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: FormlyButtonSelectorModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyButtonSelectorModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyButtonSelectorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+// formly-selection-button.component.ts
+class FormlySelectionButtonComponent extends FieldType {
+    translate;
+    popover;
+    constructor(translate) {
+        super();
+        this.translate = translate;
+    }
+    getButtonLabel() {
+        const value = this.formControl.value;
+        const options = this.props.options ?? [];
+        const selected = options.find(opt => opt[this.props.optionValue] === value);
+        if (selected) {
+            const labelKey = selected[this.props.optionLabel] ?? '';
+            return labelKey ? this.translate.instant(labelKey) : String(selected[this.props.optionLabel] ?? '');
+        }
+        // fallback to provided buttonLabel (could be a translation key)
+        if (this.props.buttonLabel) {
+            return this.translate.instant(this.props.buttonLabel);
+        }
+        return '';
+    }
+    getButtonIcon() {
+        const value = this.formControl.value;
+        const options = this.props.options ?? [];
+        const selected = options.find(opt => opt[this.props.optionValue] === value);
+        if (selected && selected.icon) {
+            return selected.icon;
+        }
+        return this.props.buttonIcon;
+    }
+    onSelect(value) {
+        // حدّد القيمة في الفورم
+        this.formControl.setValue(value);
+        // اغلاق البوبوفر
+        try {
+            this.popover?.hide();
+        }
+        catch (e) {
+            // تجاهل لو ما اشتغل hide لسبب ما
+        }
+        // نفّذ callback إن وُجد
+        if (this.props.onSelect) {
+            this.props.onSelect(value);
+        }
+    }
+    ngOnInit() {
+        const options = this.props.options ?? [];
+        const defaultValue = (this.formControl.value != null) ? this.formControl.value : options[0]?.[this.props.optionValue];
+        if (defaultValue != null) {
+            this.formControl.setValue(defaultValue);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlySelectionButtonComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: FormlySelectionButtonComponent, isStandalone: true, selector: "formly-selection-button", viewQueries: [{ propertyName: "popover", first: true, predicate: ["popover"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    <p-button
+      type="button"
+      [label]="getButtonLabel()"
+      [icon]="getButtonIcon()"
+      (click)="popover.toggle($event)"
+      styleClass="p-button-secondary p-button-outlined p-button-sm"
+    ></p-button>
+    
+    <p-popover #popover [style]="{'min-width': '250px'}">
+      <ng-template pTemplate="content">
+        <div class="flex flex-col p-2">
+          @if (props.popoverHeader) {
+            <div class="text-xs text-gray-500 mb-2">
+              {{ props.popoverHeader | translate }}
+            </div>
+          }
+    
+          @for (option of props.options || []; track option) {
+            <div
+              class="flex items-center p-2 hover:bg-gray-100 cursor-pointer rounded"
+              (click)="onSelect(option[props.optionValue])"
+              >
+              @if (option.icon) {
+                <i [class]="option.icon" class="mr-2 text-lg"></i>
+              }
+              <div class="flex flex-col">
+                <span class="font-medium">{{ (option[props.optionLabel] || '') | translate }}</span>
+                @if (option.description) {
+                  <span class="text-xs text-gray-500">{{ option.description | translate }}</span>
+                }
+              </div>
+              @if (formControl.value === option[props.optionValue]) {
+                <i class="pi pi-check ml-auto text-blue-500 text-lg"></i>
+              }
+            </div>
+          }
+    
+          @if (!(props.options?.length)) {
+            <div class="p-3 text-gray-500">
+              {{ 'COMMON.NO_DATA' | translate }}
+            </div>
+          }
+        </div>
+      </ng-template>
+    </p-popover>
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i4.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlySelectionButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-selection-button',
+                    standalone: true,
+                    imports: [
+                        ButtonModule,
+                        PopoverModule,
+                        TranslatePipe
+                    ],
+                    template: `
+    <p-button
+      type="button"
+      [label]="getButtonLabel()"
+      [icon]="getButtonIcon()"
+      (click)="popover.toggle($event)"
+      styleClass="p-button-secondary p-button-outlined p-button-sm"
+    ></p-button>
+    
+    <p-popover #popover [style]="{'min-width': '250px'}">
+      <ng-template pTemplate="content">
+        <div class="flex flex-col p-2">
+          @if (props.popoverHeader) {
+            <div class="text-xs text-gray-500 mb-2">
+              {{ props.popoverHeader | translate }}
+            </div>
+          }
+    
+          @for (option of props.options || []; track option) {
+            <div
+              class="flex items-center p-2 hover:bg-gray-100 cursor-pointer rounded"
+              (click)="onSelect(option[props.optionValue])"
+              >
+              @if (option.icon) {
+                <i [class]="option.icon" class="mr-2 text-lg"></i>
+              }
+              <div class="flex flex-col">
+                <span class="font-medium">{{ (option[props.optionLabel] || '') | translate }}</span>
+                @if (option.description) {
+                  <span class="text-xs text-gray-500">{{ option.description | translate }}</span>
+                }
+              </div>
+              @if (formControl.value === option[props.optionValue]) {
+                <i class="pi pi-check ml-auto text-blue-500 text-lg"></i>
+              }
+            </div>
+          }
+    
+          @if (!(props.options?.length)) {
+            <div class="p-3 text-gray-500">
+              {{ 'COMMON.NO_DATA' | translate }}
+            </div>
+          }
+        </div>
+      </ng-template>
+    </p-popover>
+    `,
+                }]
+        }], ctorParameters: () => [{ type: i1.LocalizationService }], propDecorators: { popover: [{
+                type: ViewChild,
+                args: ['popover']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormlyButtonSelectorModule, FormlySelectionButtonComponent };
+//# sourceMappingURL=es.framework-ng.ui.core-formly-button-selector.mjs.map

package/fesm2022/es.framework-ng.ui.core-formly-button-selector.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"es.framework-ng.ui.core-formly-button-selector.mjs","sources":["../../../../libs/ng.ui.core/formly-button-selector/src/lib/formly-button-selector-module.ts","../../../../libs/ng.ui.core/formly-button-selector/src/lib/formly-button-selector.ts","../../../../libs/ng.ui.core/formly-button-selector/src/es.framework-ng.ui.core-formly-button-selector.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class FormlyButtonSelectorModule {}\n","// formly-selection-button.component.ts\n\nimport { Component, OnInit, ViewChild } from '@angular/core';\nimport { FieldType, FieldTypeConfig } from '@ngx-formly/core';\n\nimport { ButtonModule } from 'primeng/button';\nimport { PopoverModule } from 'primeng/popover';\nimport { TranslatePipe } from '@es.framework/ng.core/pipes';\nimport { Popover } from 'primeng/popover';\nimport { LocalizationService } from '@es.framework/ng.core/services';\n\ninterface SelectionButtonProps {\n  options?: any[]; // مصفوفة الخيارات (قد تكون undefined)\n  optionLabel: string; // حقل النص في كل خيار\n  optionValue: string; // حقل القيمة في كل خيار\n  popoverHeader?: string;\n  buttonLabel?: string;\n  buttonIcon?: string;\n  onSelect?: (value: any) => void;\n}\n\n@Component({\n  selector: 'formly-selection-button',\n  standalone: true,\n  imports: [\n    ButtonModule,\n    PopoverModule,\n    TranslatePipe\n],\n  template: `\n    <p-button\n      type=\"button\"\n      [label]=\"getButtonLabel()\"\n      [icon]=\"getButtonIcon()\"\n      (click)=\"popover.toggle($event)\"\n      styleClass=\"p-button-secondary p-button-outlined p-button-sm\"\n    ></p-button>\n    \n    <p-popover #popover [style]=\"{'min-width': '250px'}\">\n      <ng-template pTemplate=\"content\">\n        <div class=\"flex flex-col p-2\">\n          @if (props.popoverHeader) {\n            <div class=\"text-xs text-gray-500 mb-2\">\n              {{ props.popoverHeader | translate }}\n            </div>\n          }\n    \n          @for (option of props.options || []; track option) {\n            <div\n              class=\"flex items-center p-2 hover:bg-gray-100 cursor-pointer rounded\"\n              (click)=\"onSelect(option[props.optionValue])\"\n              >\n              @if (option.icon) {\n                <i [class]=\"option.icon\" class=\"mr-2 text-lg\"></i>\n              }\n              <div class=\"flex flex-col\">\n                <span class=\"font-medium\">{{ (option[props.optionLabel] || '') | translate }}</span>\n                @if (option.description) {\n                  <span class=\"text-xs text-gray-500\">{{ option.description | translate }}</span>\n                }\n              </div>\n              @if (formControl.value === option[props.optionValue]) {\n                <i class=\"pi pi-check ml-auto text-blue-500 text-lg\"></i>\n              }\n            </div>\n          }\n    \n          @if (!(props.options?.length)) {\n            <div class=\"p-3 text-gray-500\">\n              {{ 'COMMON.NO_DATA' | translate }}\n            </div>\n          }\n        </div>\n      </ng-template>\n    </p-popover>\n    `,\n})\nexport class FormlySelectionButtonComponent extends FieldType<FieldTypeConfig<SelectionButtonProps>> implements OnInit {\n  @ViewChild('popover') popover!: Popover;\n\n  constructor(private translate: LocalizationService) {\n    super();\n  }\n\n  getButtonLabel(): string {\n    const value = this.formControl.value;\n    const options = this.props.options ?? [];\n    const selected = options.find(opt => opt[this.props.optionValue] === value);\n\n    if (selected) {\n      const labelKey = selected[this.props.optionLabel] ?? '';\n      return labelKey ? this.translate.instant(labelKey) : String(selected[this.props.optionLabel] ?? '');\n    }\n\n    // fallback to provided buttonLabel (could be a translation key)\n    if (this.props.buttonLabel) {\n      return this.translate.instant(this.props.buttonLabel);\n    }\n\n    return '';\n  }\n\n  getButtonIcon(): string | undefined {\n    const value = this.formControl.value;\n    const options = this.props.options ?? [];\n    const selected = options.find(opt => opt[this.props.optionValue] === value);\n\n    if (selected && selected.icon) {\n      return selected.icon;\n    }\n\n    return this.props.buttonIcon;\n  }\n\n  onSelect(value: any): void {\n    // حدّد القيمة في الفورم\n    this.formControl.setValue(value);\n\n    // اغلاق البوبوفر\n    try {\n      this.popover?.hide();\n    } catch (e) {\n      // تجاهل لو ما اشتغل hide لسبب ما\n    }\n\n    // نفّذ callback إن وُجد\n    if (this.props.onSelect) {\n      this.props.onSelect(value);\n    }\n  }\n\n  ngOnInit(): void {\n    const options = this.props.options ?? [];\n    const defaultValue = (this.formControl.value != null) ? this.formControl.value : options[0]?.[this.props.optionValue];\n    if (defaultValue != null) {\n      this.formControl.setValue(defaultValue);\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-formly-button.mjs

@@ -0,0 +1,73 @@
+import * as i0 from '@angular/core';
+import { NgModule, ChangeDetectionStrategy, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { FieldType } from '@ngx-formly/core';
+import { TranslatePipe } from '@es.framework/ng.core/pipes';
+import * as i1 from 'primeng/button';
+import { ButtonModule } from 'primeng/button';
+
+class FormlyButtonModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: FormlyButtonModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyButtonModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+class FormlyButtonComponent extends FieldType {
+    get to() {
+        return this.field.props;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: FormlyButtonComponent, isStandalone: true, selector: "formly-button", usesInheritance: true, ngImport: i0, template: `
+  <div class="flex items-cente flex-col text-gray-700 text-sm mb-4" style="flex-direction: row-reverse;">
+<button
+        pButton
+        pRipple
+        type="button"
+        icon="pi pi-expand"
+        class="p-button-text p-button-sm"
+        (click)="to.onExpand && to.onExpand(field, model)"
+      ></button>
+  </div>
+
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i1.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-button',
+                    template: `
+  <div class="flex items-cente flex-col text-gray-700 text-sm mb-4" style="flex-direction: row-reverse;">
+<button
+        pButton
+        pRipple
+        type="button"
+        icon="pi pi-expand"
+        class="p-button-text p-button-sm"
+        (click)="to.onExpand && to.onExpand(field, model)"
+      ></button>
+  </div>
+
+  `,
+                    imports: [
+                        ButtonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        TranslatePipe
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormlyButtonComponent, FormlyButtonModule };
+//# sourceMappingURL=es.framework-ng.ui.core-formly-button.mjs.map

package/fesm2022/es.framework-ng.ui.core-formly-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"es.framework-ng.ui.core-formly-button.mjs","sources":["../../../../libs/ng.ui.core/formly-button/src/lib/formly-button-module.ts","../../../../libs/ng.ui.core/formly-button/src/lib/formly-button.ts","../../../../libs/ng.ui.core/formly-button/src/es.framework-ng.ui.core-formly-button.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class FormlyButtonModule {}\n","\nimport { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { FieldType } from '@ngx-formly/core';\nimport { TranslatePipe } from '@es.framework/ng.core/pipes';\nimport { ButtonModule } from 'primeng/button';\n\ninterface TemplateOptions {\n  onExpand?: (field: any, model: any) => void;\n  // other props...\n}\n\n@Component({\n  selector: 'formly-button',\n  template: `\n  <div class=\"flex items-cente flex-col text-gray-700 text-sm mb-4\" style=\"flex-direction: row-reverse;\">\n<button\n        pButton\n        pRipple\n        type=\"button\"\n        icon=\"pi pi-expand\"\n        class=\"p-button-text p-button-sm\"\n        (click)=\"to.onExpand && to.onExpand(field, model)\"\n      ></button>\n  </div>\n\n  `,\n   imports: [\n    ButtonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    TranslatePipe\n],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormlyButtonComponent extends FieldType {\n\n  override get to(): TemplateOptions {\n  return this.field.props as TemplateOptions;\n}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;MAMa,kBAAkB,CAAA;uGAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAFnB,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,kBAAkB,YAFnB,YAAY,CAAA,EAAA,CAAA;;2FAEX,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAH9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA;;;AC8BK,MAAO,qBAAsB,SAAQ,SAAS,CAAA;AAElD,IAAA,IAAa,EAAE,GAAA;AACf,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,KAAwB;IAC5C;uGAJa,qBAAqB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EArBtB;;;;;;;;;;;;AAYT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAEC,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,EAAA,UAAA,EAAA,MAAA,EAAA,OAAA,EAAA,QAAA,EAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,SAAA,EAAA,aAAA,EAAA,OAAA,EAAA,OAAA,EAAA,MAAA,EAAA,SAAA,EAAA,aAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACX,mBAAmB,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAKV,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAvBjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,QAAQ,EAAE;;;;;;;;;;;;AAYT,EAAA,CAAA;AACA,oBAAA,OAAO,EAAE;wBACR,YAAY;wBACZ,WAAW;wBACX,mBAAmB;wBACnB;AACH,qBAAA;oBACC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA;;;AClCD;;AAEG;;;;"}